Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JUXJoomla Day Chicago 2011
Joomla           User eXperienceJoomla Day Chicago 2011
Joomla           User ExperienceJoomla Day Chicago 2011
who are you?Joomla Day Chicago 2011
ron severdia      • Member of the Joomla          Leadership Team      •   Author of Using Joomla™          from O’Reilly ...
what is UX?Joomla Day Chicago 2011
Joomla Day Chicago 2011
user experienceJoomla Day Chicago 2011
user experience               the creation of the architecture and                interaction models that affect user     ...
Joomla Day Chicago 2011
usabilityJoomla Day Chicago 2011
usability                  the ease with which people can                 employ a particular tool/object in              ...
UX building blocksJoomla Day Chicago 2011
UX building blocks      • User-centered visual          designJoomla Day Chicago 2011
UX building blocks      • User-centered visual          design      • Interaction designJoomla Day Chicago 2011
UX building blocks      • User-centered visual          design      • Interaction design      • Information architectureJo...
UX building blocks      • User-centered visual          design      • Interaction design      • Information architecture  ...
UX building blocks      • User-centered visual          design      • Interaction design      • Information architecture  ...
UX building blocks      • User-centered visual          design      • Interaction design      • Information architecture  ...
what is Joomla UX?Joomla Day Chicago 2011
Joomla Day Chicago 2011
the joomla UXJoomla Day Chicago 2011
the joomla UX    the creation of the architecture and interaction   models that affect user the experience of Joomla      ...
what is a bad UX?Joomla Day Chicago 2011
what is a bad UX?Joomla Day Chicago 2011
what is a bad UX?Joomla Day Chicago 2011
what is a bad UX?Joomla Day Chicago 2011
what is a bad UX?Joomla Day Chicago 2011
what is a bad UX?      • Poor usability, inconsistent UIJoomla Day Chicago 2011
what is a bad UX?      • Poor usability, inconsistent UI      • Cryptic error messagesJoomla Day Chicago 2011
what is a bad UX?      • Poor usability, inconsistent UI      • Cryptic error messages      • Confusing instructionsJoomla...
what is a bad UX?      • Poor usability, inconsistent UI      • Cryptic error messages      • Confusing instructions      ...
what is a bad UX?      • Poor usability, inconsistent UI      • Cryptic error messages      • Confusing instructions      ...
what is a bad UX?      • Poor usability, inconsistent UI      • Cryptic error messages      • Confusing instructions      ...
bad UX =bad brand
bad UX =bad brand(bad dog)
what is a good UX?Joomla Day Chicago 2011
what is a good UX?Joomla Day Chicago 2011
what is a good UX?      • Consistent interface paradigm and          navigational designJoomla Day Chicago 2011
what is a good UX?      • Consistent interface paradigm and          navigational design      • Site objectives meet user ...
what is a good UX?      • Consistent interface paradigm and          navigational design      • Site objectives meet user ...
what is a good UX?      • Consistent interface paradigm and          navigational design      • Site objectives meet user ...
good UX =good brand
good UX =good brand(good dog)
interface paradigm          & navigationJoomla Day Chicago 2011
historylesson
Joomla 1.0Joomla Day Chicago 2011
Joomla 1.0Navigation                                   Status                                             Actions Signpost...
Joomla 1.5Joomla Day Chicago 2011
Joomla 1.5Navigation                                    Status Signpost                                     Actions       ...
Joomla 1.6Joomla Day Chicago 2011
Joomla 1.6 BetaNavigation                             Status  Signpost                             ActionsSecondary/      ...
Joomla 1.0 - 1.6               Not a drastic departure in five yearsJoomla Day Chicago 2011
now...Joomla Day Chicago 2011
to the future!Joomla Day Chicago 2011
5 key tenetsJoomla Day Chicago 2011
1Joomla Day Chicago 2011
major media       give site managers an intuitive way to share,       embed, manipulate all types of digital mediaJoomla D...
site services        seamlessly integrate YouTube & Remixer,       Flickr, Picnik, JayCut, PhotoBucket, Kaltura,          ...
2Joomla Day Chicago 2011
flexibility           Make the site creation and maintenance               interaction flows more flexibleJoomla Day Chica...
“page creator”            visual assembly of pages instead of       (or in addition to) connecting disparate partsJoomla D...
3Joomla Day Chicago 2011
get personal                different strokes for different folksJoomla Day Chicago 2011
group templates             Create a custom UI for each user type                (content creator vs. publisher)—         ...
sample content   vertical-specific sample content and templates—     corporate users will see a visual design and      con...
4Joomla Day Chicago 2011
go mobile     create and manage content anywhere, anytimeJoomla Day Chicago 2011
mobile templating           rework existing Joomla UI paradigms for            multi-touch and joystick-based devicesJooml...
mobile apps              official Joomla apps for iPhone/iPad,               Android and other mobile devicesJoomla Day Ch...
5Joomla Day Chicago 2011
fight the “simple”                          wrong school of thoughtJoomla Day Chicago 2011
bad school dropoutJoomla Day Chicago 2011
bad school dropout      • Tuck away everything          and hide buttons until          they are neededJoomla Day Chicago ...
bad school dropout      • Tuck away everything          and hide buttons until          they are needed      • Stripping a...
bad school dropout      • Tuck away everything          and hide buttons until          they are needed      • Stripping a...
“go awayfrom the  light!”
fight the simpleJoomla Day Chicago 2011
fight the simple      • It’s NOT about tucking          away everything and          hiding buttons until          they ar...
fight the simple      • It’s NOT about tucking          away everything and          hiding buttons until          they ar...
fight the simple      • It’s NOT about tucking          away everything and          hiding buttons until          they ar...
recapJoomla Day Chicago 2011
five tenets of JUXJoomla Day Chicago 2011
five tenets of JUX      • Get personalJoomla Day Chicago 2011
five tenets of JUX      • Get personal      • FlexibilityJoomla Day Chicago 2011
five tenets of JUX      • Get personal      • Flexibility      • MobileJoomla Day Chicago 2011
five tenets of JUX      • Get personal      • Flexibility      • Mobile      • MediaJoomla Day Chicago 2011
five tenets of JUX      • Get personal      • Flexibility      • Mobile      • Media      • Fight the “simple”Joomla Day C...
thank youJoomla Day Chicago 2011
thank you                             (good dog)Joomla Day Chicago 2011
Joomla Day Chicago 2011
“the best Joomla book”                  UsingJoomlaBook.comJoomla Day Chicago 2011
Joomla User Experience: Look Back & Forward
Upcoming SlideShare
Loading in …5
×

Joomla User Experience: Look Back & Forward

1,984 views

Published on

Presentation at Joomla Day Chicago 2011 outlining key elements of the administrator user experience to date and 5 key tenets in going forward.

Published in: Technology, Education
  • I love this Joomla UX presentation, it is full of very useful info. I shall refer back to it often - thanks!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Joomla User Experience: Look Back & Forward

  1. 1. JUXJoomla Day Chicago 2011
  2. 2. Joomla User eXperienceJoomla Day Chicago 2011
  3. 3. Joomla User ExperienceJoomla Day Chicago 2011
  4. 4. who are you?Joomla Day Chicago 2011
  5. 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 yearsJoomla Day Chicago 2011
  6. 6. what is UX?Joomla Day Chicago 2011
  7. 7. Joomla Day Chicago 2011
  8. 8. user experienceJoomla Day Chicago 2011
  9. 9. user experience the creation of the architecture and interaction models that affect user experience of a device or systemJoomla Day Chicago 2011
  10. 10. Joomla Day Chicago 2011
  11. 11. usabilityJoomla Day Chicago 2011
  12. 12. usability the ease with which people can employ a particular tool/object in order to achieve a particular goalJoomla Day Chicago 2011
  13. 13. UX building blocksJoomla Day Chicago 2011
  14. 14. UX building blocks • User-centered visual designJoomla Day Chicago 2011
  15. 15. UX building blocks • User-centered visual design • Interaction designJoomla Day Chicago 2011
  16. 16. UX building blocks • User-centered visual design • Interaction design • Information architectureJoomla Day Chicago 2011
  17. 17. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational designJoomla Day Chicago 2011
  18. 18. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational design • User needs derived from researchJoomla Day Chicago 2011
  19. 19. UX building blocks • User-centered visual design • Interaction design • Information architecture • Navigational design • User needs derived from research • Site objectives from businessJoomla Day Chicago 2011
  20. 20. what is Joomla UX?Joomla Day Chicago 2011
  21. 21. Joomla Day Chicago 2011
  22. 22. the joomla UXJoomla Day Chicago 2011
  23. 23. the joomla UX the creation of the architecture and interaction models that affect user the experience of Joomla administrators, site creators and content creatorsJoomla Day Chicago 2011
  24. 24. what is a bad UX?Joomla Day Chicago 2011
  25. 25. what is a bad UX?Joomla Day Chicago 2011
  26. 26. what is a bad UX?Joomla Day Chicago 2011
  27. 27. what is a bad UX?Joomla Day Chicago 2011
  28. 28. what is a bad UX?Joomla Day Chicago 2011
  29. 29. what is a bad UX? • Poor usability, inconsistent UIJoomla Day Chicago 2011
  30. 30. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messagesJoomla Day Chicago 2011
  31. 31. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructionsJoomla Day Chicago 2011
  32. 32. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructions • Poor organization of contentJoomla Day Chicago 2011
  33. 33. what is a bad UX? • Poor usability, inconsistent UI • Cryptic error messages • Confusing instructions • Poor organization of content • Poor visual hierarchyJoomla Day Chicago 2011
  34. 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 needsJoomla Day Chicago 2011
  35. 35. bad UX =bad brand
  36. 36. bad UX =bad brand(bad dog)
  37. 37. what is a good UX?Joomla Day Chicago 2011
  38. 38. what is a good UX?Joomla Day Chicago 2011
  39. 39. what is a good UX? • Consistent interface paradigm and navigational designJoomla Day Chicago 2011
  40. 40. what is a good UX? • Consistent interface paradigm and navigational design • Site objectives meet user needsJoomla Day Chicago 2011
  41. 41. what is a good UX? • Consistent interface paradigm and navigational design • Site objectives meet user needs • Interaction design facilitates user tasksJoomla Day Chicago 2011
  42. 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 designJoomla Day Chicago 2011
  43. 43. good UX =good brand
  44. 44. good UX =good brand(good dog)
  45. 45. interface paradigm & navigationJoomla Day Chicago 2011
  46. 46. historylesson
  47. 47. Joomla 1.0Joomla Day Chicago 2011
  48. 48. Joomla 1.0Navigation Status Actions Signpost Content Filter Text Content Actions Content Content Navigation Joomla Day Chicago 2011
  49. 49. Joomla 1.5Joomla Day Chicago 2011
  50. 50. Joomla 1.5Navigation Status Signpost Actions Content Filter Text Content Actions Content Content Navigation Joomla Day Chicago 2011
  51. 51. Joomla 1.6Joomla Day Chicago 2011
  52. 52. Joomla 1.6 BetaNavigation Status Signpost ActionsSecondary/ Content Tertiary Filters Navigation Text Content Actions Content Content Navigation Joomla Day Chicago 2011
  53. 53. Joomla 1.0 - 1.6 Not a drastic departure in five yearsJoomla Day Chicago 2011
  54. 54. now...Joomla Day Chicago 2011
  55. 55. to the future!Joomla Day Chicago 2011
  56. 56. 5 key tenetsJoomla Day Chicago 2011
  57. 57. 1Joomla Day Chicago 2011
  58. 58. major media give site managers an intuitive way to share, embed, manipulate all types of digital mediaJoomla Day Chicago 2011
  59. 59. site services seamlessly integrate YouTube & Remixer, Flickr, Picnik, JayCut, PhotoBucket, Kaltura, MotionBox, Dropbox and many moreJoomla Day Chicago 2011
  60. 60. 2Joomla Day Chicago 2011
  61. 61. flexibility Make the site creation and maintenance interaction flows more flexibleJoomla Day Chicago 2011
  62. 62. “page creator” visual assembly of pages instead of (or in addition to) connecting disparate partsJoomla Day Chicago 2011
  63. 63. 3Joomla Day Chicago 2011
  64. 64. get personal different strokes for different folksJoomla Day Chicago 2011
  65. 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. 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” shopsJoomla Day Chicago 2011
  67. 67. 4Joomla Day Chicago 2011
  68. 68. go mobile create and manage content anywhere, anytimeJoomla Day Chicago 2011
  69. 69. mobile templating rework existing Joomla UI paradigms for multi-touch and joystick-based devicesJoomla Day Chicago 2011
  70. 70. mobile apps official Joomla apps for iPhone/iPad, Android and other mobile devicesJoomla Day Chicago 2011
  71. 71. 5Joomla Day Chicago 2011
  72. 72. fight the “simple” wrong school of thoughtJoomla Day Chicago 2011
  73. 73. bad school dropoutJoomla Day Chicago 2011
  74. 74. bad school dropout • Tuck away everything and hide buttons until they are neededJoomla Day Chicago 2011
  75. 75. bad school dropout • Tuck away everything and hide buttons until they are needed • Stripping away an interface to minimumJoomla Day Chicago 2011
  76. 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 onesJoomla Day Chicago 2011
  77. 77. “go awayfrom the light!”
  78. 78. fight the simpleJoomla Day Chicago 2011
  79. 79. fight the simple • It’s NOT about tucking away everything and hiding buttons until they are needed.Joomla Day Chicago 2011
  80. 80. fight the simple • It’s NOT about tucking away everything and hiding buttons until they are needed. • It’s NOT about stripping away an interfaceJoomla Day Chicago 2011
  81. 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 • It IS about structuring the UI in a way that’s intuitive and the logical grouping of actionsJoomla Day Chicago 2011
  82. 82. recapJoomla Day Chicago 2011
  83. 83. five tenets of JUXJoomla Day Chicago 2011
  84. 84. five tenets of JUX • Get personalJoomla Day Chicago 2011
  85. 85. five tenets of JUX • Get personal • FlexibilityJoomla Day Chicago 2011
  86. 86. five tenets of JUX • Get personal • Flexibility • MobileJoomla Day Chicago 2011
  87. 87. five tenets of JUX • Get personal • Flexibility • Mobile • MediaJoomla Day Chicago 2011
  88. 88. five tenets of JUX • Get personal • Flexibility • Mobile • Media • Fight the “simple”Joomla Day Chicago 2011
  89. 89. thank youJoomla Day Chicago 2011
  90. 90. thank you (good dog)Joomla Day Chicago 2011
  91. 91. Joomla Day Chicago 2011
  92. 92. “the best Joomla book” UsingJoomlaBook.comJoomla Day Chicago 2011

×