Joomla User Experience
0 likes760 views
The document outlines a presentation on user experience (UX) at Joomla Day USA West 2010, led by Ron Severdia. It discusses the importance of user-centered design, what constitutes good and bad UX, and introduces five key tenets for improving Joomla's UX, including flexibility, personalization, mobile compatibility, media integration, and a critique of oversimplifying interfaces. The presentation emphasizes that effective UX is crucial for both user satisfaction and brand perception.
Joomla User Experience
- 1. JUX ® Joomla Day USA West 2010
- 2. Joomla User eXperience ® Joomla Day USA West 2010
- 3. Joomla User Experience ® Joomla Day USA West 2010
- 4. who are you? ® Joomla Day USA West 2010
- 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 USA West 2010
- 6. what is UX? ® Joomla Day USA West 2010
- 7. user experience the creation of the architecture and interaction models that affect user experience of a device or system ® Joomla Day USA West 2010
- 8. usability the ease with which people can employ a particular tool object in order to achieve a particular goal ® Joomla Day USA West 2010
- 9. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational design • User needs derived from research • Site objectives from business ® Joomla Day USA West 2010
- 10. what is Joomla UX? ® Joomla Day USA West 2010
- 11. 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 USA West 2010
- 12. what is a bad UX? ® Joomla Day USA West 2010
- 13. what is a bad UX? ® Joomla Day USA West 2010
- 14. what is a bad UX? ® Joomla Day USA West 2010
- 15. 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 USA West 2010
- 16. bad UX = bad brand (bad dog)
- 17. what is a good UX? ® Joomla Day USA West 2010
- 18. 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 USA West 2010
- 19. good UX = good brand (good dog)
- 20. interface paradigm & navigation ® Joomla Day USA West 2010
- 21. history lesson
- 22. Joomla 1.0 ® Joomla Day USA West 2010
- 23. Joomla 1.0 Navigation Status Actions Signpost Content Filter Text Content Actions Content Content Navigation ® Joomla Day USA West 2010
- 24. Joomla 1.5 ® Joomla Day USA West 2010
- 25. Joomla 1.5 Navigation Status Signpost Actions Content Filter Text Content Actions Content Content Navigation ® Joomla Day USA West 2010
- 26. Joomla 1.6 ® Joomla Day USA West 2010
- 27. Joomla 1.6 Beta Navigation Status Signpost Actions Secondary/ Content Tertiary Filters Navigation Text Content Actions Content Content Navigation ® Joomla Day USA West 2010
- 28. Joomla 1.0 - 1.6 Not a drastic departure in five years ® Joomla Day USA West 2010
- 29. now... ® Joomla Day USA West 2010
- 30. to the future! ® Joomla Day USA West 2010
- 31. 5 key tenets ® Joomla Day USA West 2010
- 32. 1 ® Joomla Day USA West 2010
- 33. major media give site managers an intuitive way to share, embed, manipulate all types of digital media ® Joomla Day USA West 2010
- 34. site services seamlessly integrate YouTube & Remixer, Flickr, Picnik, JayCut, PhotoBucket, Kaltura, MotionBox, Dropbox and many more ® Joomla Day USA West 2010
- 35. 2 ® Joomla Day USA West 2010
- 36. flexibility Make the site creation and maintenance interaction flows more flexible ® Joomla Day USA West 2010
- 37. “page creator” visual assembly of pages instead of (or in addition to) connecting disparate parts ® Joomla Day USA West 2010
- 38. 3 ® Joomla Day USA West 2010
- 39. get personal different strokes for different folks ® ® Joomla Day USA West 2010
- 40. group templates Create a custom UI for each user type (content creator vs. publisher)— not just turning features on and off. ® Joomla Day USA West 2010
- 41. 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 USA West 2010
- 42. 4 ® Joomla Day USA West 2010
- 43. go mobile create and manage content anywhere, anytime ® Joomla Day USA West 2010
- 44. mobile templating rework existing Joomla UI paradigms for multi-touch and joystick-based devices ® Joomla Day USA West 2010
- 45. mobile apps official Joomla apps for iPhone/iPad, Android and other mobile devices ® Joomla Day USA West 2010
- 46. 5 ® Joomla Day USA West 2010
- 47. fight the “simple” wrong school of thought ® Joomla Day USA West 2010
- 48. 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 USA West 2010
- 49. “go away from the light!”
- 50. 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 USA West 2010
- 51. recap ® Joomla Day USA West 2010
- 52. five tenets of JUX • Get personal • Flexibility • Mobile • Media • Fight the “simple” ® Joomla Day USA West 2010
- 53. thank you (good dog) ® Joomla Day USA West 2010
- 54. “the best Joomla book” UsingJoomlaBook.com ® Joomla Day USA West 2010