Joomla User Experience: Look Back & Forward
•
2 likes•963 views
The document discusses a presentation about improving the user experience (UX) of Joomla. It advocates for five key tenets of Joomla UX (JUX): getting personal by customizing interfaces for different user types, increasing flexibility in site creation, developing mobile interfaces and apps, integrating major media services, and avoiding oversimplified interfaces by structuring elements intuitively. The presentation provides examples of past Joomla interfaces and outlines a vision for improved UX in the future.
Recommended
More Related Content
Similar to Joomla User Experience: Look Back & Forward
Similar to Joomla User Experience: Look Back & Forward (20)
Recently uploaded
Recently uploaded (20)
Joomla User Experience: Look Back & Forward
- 1. JUX Joomla Day Chicago 2011
- 2. Joomla User eXperience Joomla Day Chicago 2011
- 3. Joomla User Experience Joomla Day Chicago 2011
- 4. who are you? Joomla Day Chicago 2011
- 5. ron severdia • Member of the Joomla Leadership Team • Author of Using Joomla™ from O’Reilly Media • Creative Director at Kontent Design in S.F. • Doing design & UX mainly in corporate sector for over 15 years Joomla Day Chicago 2011
- 6. what is UX? Joomla Day Chicago 2011
- 7. Joomla Day Chicago 2011
- 8. user experience Joomla Day Chicago 2011
- 9. user experience the creation of the architecture and interaction models that affect user experience of a device or system Joomla Day Chicago 2011
- 10. Joomla Day Chicago 2011
- 11. usability Joomla Day Chicago 2011
- 12. usability the ease with which people can employ a particular tool/object in order to achieve a particular goal Joomla Day Chicago 2011
- 13. UX building blocks Joomla Day Chicago 2011
- 14. UX building blocks • User-centered visual design Joomla Day Chicago 2011
- 15. UX building blocks • User-centered visual design • Interaction design Joomla Day Chicago 2011
- 16. UX building blocks • User-centered visual design • Interaction design • Information architecture Joomla Day Chicago 2011
- 17. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational design Joomla Day Chicago 2011
- 18. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational design • User needs derived from research Joomla Day Chicago 2011
- 19. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational design • User needs derived from research • Site objectives from business Joomla Day Chicago 2011
- 20. what is Joomla UX? Joomla Day Chicago 2011
- 21. Joomla Day Chicago 2011
- 22. the joomla UX Joomla Day Chicago 2011
- 23. the joomla UX the creation of the architecture and interaction models that affect user the experience of Joomla administrators, site creators and content creators Joomla Day Chicago 2011
- 24. what is a bad UX? Joomla Day Chicago 2011
- 25. what is a bad UX? Joomla Day Chicago 2011
- 26. what is a bad UX? Joomla Day Chicago 2011
- 27. what is a bad UX? Joomla Day Chicago 2011
- 28. what is a bad UX? Joomla Day Chicago 2011
- 29. what is a bad UX? • Poor usability, inconsistent UI Joomla Day Chicago 2011
- 30. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages Joomla Day Chicago 2011
- 31. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructions Joomla Day Chicago 2011
- 32. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructions • Poor organization of content Joomla Day Chicago 2011
- 33. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructions • Poor organization of content • Poor visual hierarchy Joomla Day Chicago 2011
- 34. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructions • Poor organization of content • Poor visual hierarchy • Fail to meet the user’s needs Joomla Day Chicago 2011
- 35. bad UX = bad brand
- 36. bad UX = bad brand (bad dog)
- 37. what is a good UX? Joomla Day Chicago 2011
- 38. what is a good UX? Joomla Day Chicago 2011
- 39. what is a good UX? • Consistent interface paradigm and navigational design Joomla Day Chicago 2011
- 40. what is a good UX? • Consistent interface paradigm and navigational design • Site objectives meet user needs Joomla Day Chicago 2011
- 41. what is a good UX? • Consistent interface paradigm and navigational design • Site objectives meet user needs • Interaction design facilitates user tasks Joomla Day Chicago 2011
- 42. what is a good UX? • Consistent interface paradigm and navigational design • Site objectives meet user needs • Interaction design facilitates user tasks • Sexy and functional visual design Joomla Day Chicago 2011
- 43. good UX = good brand
- 44. good UX = good brand (good dog)
- 45. interface paradigm & navigation Joomla Day Chicago 2011
- 46. history lesson
- 47. Joomla 1.0 Joomla Day Chicago 2011
- 48. Joomla 1.0 Navigation Status Actions Signpost Content Filter Text Content Actions Content Content Navigation Joomla Day Chicago 2011
- 49. Joomla 1.5 Joomla Day Chicago 2011
- 50. Joomla 1.5 Navigation Status Signpost Actions Content Filter Text Content Actions Content Content Navigation Joomla Day Chicago 2011
- 51. Joomla 1.6 Joomla Day Chicago 2011
- 52. Joomla 1.6 Beta Navigation Status Signpost Actions Secondary/ Content Tertiary Filters Navigation Text Content Actions Content Content Navigation Joomla Day Chicago 2011
- 53. Joomla 1.0 - 1.6 Not a drastic departure in five years Joomla Day Chicago 2011
- 54. now... Joomla Day Chicago 2011
- 55. to the future! Joomla Day Chicago 2011
- 56. 5 key tenets Joomla Day Chicago 2011
- 57. 1 Joomla Day Chicago 2011
- 58. major media give site managers an intuitive way to share, embed, manipulate all types of digital media Joomla Day Chicago 2011
- 59. site services seamlessly integrate YouTube & Remixer, Flickr, Picnik, JayCut, PhotoBucket, Kaltura, MotionBox, Dropbox and many more Joomla Day Chicago 2011
- 60. 2 Joomla Day Chicago 2011
- 61. flexibility Make the site creation and maintenance interaction flows more flexible Joomla Day Chicago 2011
- 62. “page creator” visual assembly of pages instead of (or in addition to) connecting disparate parts Joomla Day Chicago 2011
- 63. 3 Joomla Day Chicago 2011
- 64. get personal different strokes for different folks Joomla Day Chicago 2011
- 65. group templates Create a custom UI for each user type (content creator vs. publisher)— not just turning features on and off. Joomla Day Chicago 2011
- 66. sample content vertical-specific sample content and templates— corporate users will see a visual design and content helpful to their evaluation process, and so will “mom and pop” shops Joomla Day Chicago 2011
- 67. 4 Joomla Day Chicago 2011
- 68. go mobile create and manage content anywhere, anytime Joomla Day Chicago 2011
- 69. mobile templating rework existing Joomla UI paradigms for multi-touch and joystick-based devices Joomla Day Chicago 2011
- 70. mobile apps official Joomla apps for iPhone/iPad, Android and other mobile devices Joomla Day Chicago 2011
- 71. 5 Joomla Day Chicago 2011
- 72. fight the “simple” wrong school of thought Joomla Day Chicago 2011
- 73. bad school dropout Joomla Day Chicago 2011
- 74. bad school dropout • Tuck away everything and hide buttons until they are needed Joomla Day Chicago 2011
- 75. bad school dropout • Tuck away everything and hide buttons until they are needed • Stripping away an interface to minimum Joomla Day Chicago 2011
- 76. bad school dropout • Tuck away everything and hide buttons until they are needed • Stripping away an interface to minimum • Choose simple UI elements over usable ones Joomla Day Chicago 2011
- 78. “go away from the light!”
- 79. fight the simple Joomla Day Chicago 2011
- 80. fight the simple • It’s NOT about tucking away everything and hiding buttons until they are needed. Joomla Day Chicago 2011
- 81. fight the simple • It’s NOT about tucking away everything and hiding buttons until they are needed. • It’s NOT about stripping away an interface Joomla Day Chicago 2011
- 82. fight the simple • It’s NOT about tucking away everything and hiding buttons until they are needed. • It’s NOT about stripping away an interface • It IS about structuring the UI in a way that’s intuitive and the logical grouping of actions Joomla Day Chicago 2011
- 83. recap Joomla Day Chicago 2011
- 84. five tenets of JUX Joomla Day Chicago 2011
- 85. five tenets of JUX • Get personal Joomla Day Chicago 2011
- 86. five tenets of JUX • Get personal • Flexibility Joomla Day Chicago 2011
- 87. five tenets of JUX • Get personal • Flexibility • Mobile Joomla Day Chicago 2011
- 88. five tenets of JUX • Get personal • Flexibility • Mobile • Media Joomla Day Chicago 2011
- 89. five tenets of JUX • Get personal • Flexibility • Mobile • Media • Fight the “simple” Joomla Day Chicago 2011
- 90. thank you Joomla Day Chicago 2011
- 91. thank you (good dog) Joomla Day Chicago 2011
- 92. Joomla Day Chicago 2011
- 93. “the best Joomla book” UsingJoomlaBook.com Joomla Day Chicago 2011
Editor's Notes
- Poll: how many developers are here? How many think about user experience when developing? How many designers are here? How many think about user experience when designing?\n
- \n
- \n
- who the hell are you?\n
- I first got introduced to Joomla when I was researching CMSs for a Shakespeare website. It was a few weeks after Joomla had forked from Mambo in October 2005. Big fan of Shakespeare and his works: www.PlayShakespeare.com\n
- Can anyone tell me?\n
- This leads to the best experience for the user based on ergonomics, their needs, emotions and other human factors.\n\nThis is not to be confused with usability.\n
- This leads to the best experience for the user based on ergonomics, their needs, emotions and other human factors.\n\nThis is not to be confused with usability.\n
- Usability may seem very close to User Experience because they’re both user-focused, but they are in different categories. \n\nTherefore, good usability contributes in a large way to a good user experience—not the other way around. It’s a building block.\n
- Usability may seem very close to User Experience because they’re both user-focused, but they are in different categories. \n\nTherefore, good usability contributes in a large way to a good user experience—not the other way around. It’s a building block.\n
- \n
- \n
- \n
- \n
- \n
- \n
- Can anyone tell me?\n
- Nothing to do with the site visitors because the site administrator is in control of their experience.\n
- Nothing to do with the site visitors because the site administrator is in control of their experience.\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- Let’s take one of those points of user experience and see how it has progressed in Joomla.\n
- \n
- The Content Items Manager in Joomla 1.0 (September 2005) was the same as Mambo.\n
- The Content Items Manager in Joomla 1.0 (September 2005). Huge signpost.\n
- The Article Manager in Joomla 1.5 (January 2008)\n
- The Article Manager in Joomla 1.5 (January 2008). Signpost was moved to the same line as the Action bar to save vertical space. Additional content filter (title filter). New action buttons for Unarchive and Article Parameters.\n
- The Article Manager in Joomla 1.6 (October 2010)\n
- The Article Manager in Joomla 1.6 (October 2010). Less top-level navigation, more status items, new secondary/tertiary navigation bar, and refreshed icon set \n
- There are pros and cons to this approach. The learning curve is minimal for each update, but interface can stagnate or become overly-cluttered. But parts of this paradigm are hitting a wall and will need to be totally rethought for Joomla versions beyond 1.6.\n
- \n
- \n
- I’ll outline 5 key tenets to focus on for Joomla in the future. These 5 points will be the key to making Joomla even more powerful to the user than a lot of what’s in Joomla today.\n
- In this age of YouTube and increasing bandwidth and storage space in the cloud, etc.\n
- \n
- \n
- \n
- \n
- No more\n
- \n
- \n
- This allows to simulate a workflow process in content creation & management.\n
- \n
- \n
- \n
- \n
- This would mean a controlled user experience on app touchpoints\n
- \n
- This is a school of thought that has been wrongly perpetrated on web designers and site builders.\n
- Go away from the light!\n
- Go away from the light!\n
- Go away from the light!\n
- Go away from the light!\n
- Go away from the light!\n
- Go away from the light!\n
- Go away from the light!\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- Give a person a fish and you feed them for a day. Teach a person to use the Internet and they won't bother you for months.\n
- Give a person a fish and you feed them for a day. Teach a person to use the Internet and they won't bother you for months.\n
- Give a person a fish and you feed them for a day. Teach a person to use the Internet and they won't bother you for months.\n