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,965 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
1 Comment
1 Like
Statistics
Notes
  • 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
No Downloads
Views
Total views
1,965
On SlideShare
0
From Embeds
0
Number of Embeds
139
Actions
Shares
0
Downloads
2
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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
  • 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

    ×