Wordpress Admin Panel Usability

Showing you the potential of Wordpress to create amazing client admin experiences.

Transcript

1. WORDPRESS ADMIN PANEL USABILITY Great experiences aren’t just on the front-end! Saturday, 25 May, 13
2. Michael Tighe @miketighe mike@asolidsite.com Saturday, 25 May, 13
3. MY GOAL 1) To show you the potential of Wordpress to create amazing client experiences. 2) Go over a bunch of examples. 3) See where discussion takes us. Saturday, 25 May, 13
4. I’M GOING TO TALK A LOT ABOUT ‘CLIENTS’ Everything we build at Solid is to enable & empower our clients. Saturday, 25 May, 13
5. MY CONFESSION (used to) hate Saturday, 25 May, 13
6. BUT MIKE! WHY? + Yes, you could make things look decent. + But it was a house of cards. Easy to break. + Clients get confused & frustrated. Saturday, 25 May, 13
7. FRUSTRATION = FAILURE If a client feels trapped or confused, I have failed at my job of making their (digital life) a be er place. Saturday, 25 May, 13
8. FOR EXAMPLE Saturday, 25 May, 13
9. DEATH BY WYSIWYG Saturday, 25 May, 13
10. DEATH BY WYSIWYG + Easy to break. + Columns? Tables? Nope. + Like playing with nitroglycerin. Saturday, 25 May, 13
11. DON’T EVEN GET ME STARTED ON COPY & PASTE Saturday, 25 May, 13
12. CLIENT EXAMPLE + Repeating content. + Easy, right? + Nope. Saturday, 25 May, 13
13. CLIENT EXAMPLE This client has never updated this page without breaking it. (evil WYSIWYG editor) Saturday, 25 May, 13
14. HOW COULD THIS BE IMPROVED? 1) Add new team member 2) A ach photo 3) Textbox for Name, Email, Phone Saturday, 25 May, 13
15. LET’S BE CLEAR + Great for posting article format content. Saturday, 25 May, 13
16. TAKING SITE ADMINISTRATION TO THE NEXT LEVEL Saturday, 25 May, 13
17. 1. Advanced custom fields. 2. Custom post types. 3. Hide stuff you don’t need. FOR BETTER UX Saturday, 25 May, 13
18. ADVANCED CUSTOM FIELDS Plugin which allows you to create custom fields for different types of content/ templates on your site. Saturday, 25 May, 13
19. EXAMPLE Saturday, 25 May, 13
20. CLIENT NEEDS + They are very busy. + Need to maintain accurate content. + Menus, wine list, specials. + Don’t want to mess around with PDF’s. Saturday, 25 May, 13
21. SOLUTION + Custom fields for content management. Saturday, 25 May, 13
22. Saturday, 25 May, 13
23. TURNS INTO... Saturday, 25 May, 13
24. Saturday, 25 May, 13
25. + Impossible to screw up. + Easy to add new sections. + Easy to add new items. Saturday, 25 May, 13
26. Saturday, 25 May, 13
27. TURNS INTO... Saturday, 25 May, 13
28. Saturday, 25 May, 13
29. + Simple to add/delete. + Easy to re-order items. Saturday, 25 May, 13
30. The Cibo team can quickly update/ maintain their content, they cannot break the design. We don’t have to worry. They don’t have to worry. CIBO Saturday, 25 May, 13
31. 1. Advanced custom fields. 2. Custom post types. 3. Hide stuff you don’t need. FOR BETTER UX Saturday, 25 May, 13
32. CUSTOM POST TYPES Make it easy to interact with content. Don’t make them search. Create actions via post types. Saturday, 25 May, 13
33. Everything they need, 1 click away. Saturday, 25 May, 13
34. Common tasks. Saturday, 25 May, 13
35. + It represents a common action. + It is typically repeatable. CHOOSING A CUSTOM POST TYPE Saturday, 25 May, 13
36. 1. Advanced custom fields. 2. Custom post types. 3. Hide stuff you don’t need. FOR BETTER UX Saturday, 25 May, 13
37. HIDE STUFF YOU DON’T NEED If the client (or you) doesn’t need to see something, don’t show it to. Saturday, 25 May, 13
38. Saturday, 25 May, 13
39. Saturday, 25 May, 13
40. YOU CAN HIDE THINGS LIKE + Revision history + Comments, excerpt, tags, categories (Basically anything you don’t need.) Saturday, 25 May, 13
41. WHY? + Remove visual clu er. + Fast way to make things appear easy. Saturday, 25 May, 13
42. MORE EXAMPLES More cool ways you can use advanced custom fields, and how it works. Saturday, 25 May, 13
43. EVENT MANAGEMENT Saturday, 25 May, 13
44. Saturday, 25 May, 13
45. CLIENT NEEDS + Add tradeshows they will be ad. + Filter by province. + Their admin team needs to manage it. Saturday, 25 May, 13
46. Saturday, 25 May, 13
47. 1) Model page 2) Model index 3) Random model on homepage HOME MODELS Saturday, 25 May, 13
48. Saturday, 25 May, 13
49. CLIENT NEEDS + Add a home model. + Manage photo gallery. + Manage gallery of floorplans. + Home information. + CTA form on page. + Filter by series. Saturday, 25 May, 13
50. Saturday, 25 May, 13
51. 1) Model page 2) Model index 3) Random model on homepage HOME MODELS Saturday, 25 May, 13
52. RESOURCES Saturday, 25 May, 13
53. 1. Custom Post Types WP Codex: h p://codex.wordpress.org/Post_Types NetTuts: h p://goo.gl/eUnzO 2. Advanced Custom Fields www.advancedcustomfields.com/ (plugin) 3. Google Just search for any of these terms. RESOURCES Saturday, 25 May, 13
54. @miketighe mike@asolidsite.com Thanks! If you have any questions, please reach out. Twi er: @miketighe Email: mike@asolidsite.com Saturday, 25 May, 13