JUX®          Joomla Day USA West 2010
Joomla    User eXperience®                  Joomla Day USA West 2010
Joomla    User Experience®                      Joomla Day USA West 2010
who are you?®                   Joomla Day USA West 2010
ron severdia    • Member of the Joomla      Leadership Team    • Author of Using Joomla   ™      from O’Reilly Media    • ...
what is UX?®                  Joomla Day USA West 2010
user experience    the creation of the architecture and     interaction models that affect user      experience of a devic...
usability     the ease with which people can    employ a particular tool object in    order to achieve a particular goal® ...
UX building blocks    • User-centered visual      design    • Interaction design    • Information architecture    • Naviga...
what is Joomla UX?®                Joomla Day USA West 2010
the joomla UX the creation of the architecture and interactionmodels that affect user the experience of Joomlaadministrato...
what is a bad UX?®                    Joomla Day USA West 2010
what is a bad UX?®                    Joomla Day USA West 2010
what is a bad UX?®                    Joomla Day USA West 2010
what is a bad UX?    • Poor usability, inconsistent UI    • Cryptic error messages    • Confusing instructions    • Poor o...
bad UX =bad brand(bad dog)
what is a good UX?®                Joomla Day USA West 2010
what is a good UX?    • Consistent interface paradigm and      navigational design    • Site objectives meet user needs   ...
good UX =good brand(good dog)
interface paradigm        & navigation®                    Joomla Day USA West 2010
historylesson
Joomla 1.0®                 Joomla Day USA West 2010
Joomla 1.0Navigation                      Status                                Actions Signpost                          ...
Joomla 1.5®                 Joomla Day USA West 2010
Joomla 1.5Navigation                          Status Signpost                           Actions                           ...
Joomla 1.6®                 Joomla Day USA West 2010
Joomla 1.6 BetaNavigation                              Status  Signpost                              ActionsSecondary/    ...
Joomla 1.0 - 1.6    Not a drastic departure in five years®                                           Joomla Day USA West 2010
now...®             Joomla Day USA West 2010
to the future!®                     Joomla Day USA West 2010
5 key tenets®                   Joomla Day USA West 2010
1®        Joomla Day USA West 2010
major media    give site managers an intuitive way to share,    embed, manipulate all types of digital media®             ...
site services      seamlessly integrate YouTube & Remixer,    Flickr, Picnik, JayCut, PhotoBucket, Kaltura,        MotionB...
2®        Joomla Day USA West 2010
flexibility    Make the site creation and maintenance        interaction flows more flexible®                                ...
“page creator”         visual assembly of pages instead of    (or in addition to) connecting disparate parts®             ...
3®        Joomla Day USA West 2010
get personal    different strokes for different folks                                                                   ®®...
group templates    Create a custom UI for each user type       (content creator vs. publisher)—     not just turning featu...
sample contentvertical-specific sample content and templates—   corporate users will see a visual design and   content help...
4®        Joomla Day USA West 2010
go mobile    create and manage content anywhere, anytime®                                            Joomla Day USA West 2...
mobile templating    rework existing Joomla UI paradigms for     multi-touch and joystick-based devices®                  ...
mobile apps    official Joomla apps for iPhone/iPad,     Android and other mobile devices®                                 ...
5®        Joomla Day USA West 2010
fight the “simple”      wrong school of thought®                                Joomla Day USA West 2010
bad school dropout    • Tuck away everything      and hide buttons until      they are needed    • Stripping away an      ...
“go awayfrom the  light!”
fight the simple    • It’s NOT about tucking      away everything and      hiding buttons until they      are needed.    • ...
recap®            Joomla Day USA West 2010
five tenets of JUX    • Get personal    • Flexibility    • Mobile    • Media    • Fight the “simple”®                      ...
thank you       (good dog)®                    Joomla Day USA West 2010
“the best Joomla book”    UsingJoomlaBook.com®                             Joomla Day USA West 2010
Upcoming SlideShare
Loading in …5
×

Joomla User Experience

1,073 views
984 views

Published on

Presentation by Joomla Leadership Team member Ron Severdia from the Joomla Day West conference keynote on October 3, 2010.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,073
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Joomla User Experience

  1. 1. JUX® Joomla Day USA West 2010
  2. 2. Joomla User eXperience® Joomla Day USA West 2010
  3. 3. Joomla User Experience® Joomla Day USA West 2010
  4. 4. who are you?® Joomla Day USA West 2010
  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 years® Joomla Day USA West 2010
  6. 6. what is UX?® Joomla Day USA West 2010
  7. 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. 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. 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. 10. what is Joomla UX?® Joomla Day USA West 2010
  11. 11. the joomla UX the creation of the architecture and interactionmodels that affect user the experience of Joomlaadministrators, site creators and content creators® Joomla Day USA West 2010
  12. 12. what is a bad UX?® Joomla Day USA West 2010
  13. 13. what is a bad UX?® Joomla Day USA West 2010
  14. 14. what is a bad UX?® Joomla Day USA West 2010
  15. 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. 16. bad UX =bad brand(bad dog)
  17. 17. what is a good UX?® Joomla Day USA West 2010
  18. 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. 19. good UX =good brand(good dog)
  20. 20. interface paradigm & navigation® Joomla Day USA West 2010
  21. 21. historylesson
  22. 22. Joomla 1.0® Joomla Day USA West 2010
  23. 23. Joomla 1.0Navigation Status Actions Signpost Content Filter Text Content Actions Content Content Navigation ® Joomla Day USA West 2010
  24. 24. Joomla 1.5® Joomla Day USA West 2010
  25. 25. Joomla 1.5Navigation Status Signpost Actions Content Filter Text Content Actions Content Content Navigation ® Joomla Day USA West 2010
  26. 26. Joomla 1.6® Joomla Day USA West 2010
  27. 27. Joomla 1.6 BetaNavigation Status Signpost ActionsSecondary/ Content Tertiary Filters Navigation Text Content Actions Content Content Navigation ® Joomla Day USA West 2010
  28. 28. Joomla 1.0 - 1.6 Not a drastic departure in five years® Joomla Day USA West 2010
  29. 29. now...® Joomla Day USA West 2010
  30. 30. to the future!® Joomla Day USA West 2010
  31. 31. 5 key tenets® Joomla Day USA West 2010
  32. 32. 1® Joomla Day USA West 2010
  33. 33. major media give site managers an intuitive way to share, embed, manipulate all types of digital media® Joomla Day USA West 2010
  34. 34. site services seamlessly integrate YouTube & Remixer, Flickr, Picnik, JayCut, PhotoBucket, Kaltura, MotionBox, Dropbox and many more® Joomla Day USA West 2010
  35. 35. 2® Joomla Day USA West 2010
  36. 36. flexibility Make the site creation and maintenance interaction flows more flexible® Joomla Day USA West 2010
  37. 37. “page creator” visual assembly of pages instead of (or in addition to) connecting disparate parts® Joomla Day USA West 2010
  38. 38. 3® Joomla Day USA West 2010
  39. 39. get personal different strokes for different folks ®® Joomla Day USA West 2010
  40. 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. 41. sample contentvertical-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. 42. 4® Joomla Day USA West 2010
  43. 43. go mobile create and manage content anywhere, anytime® Joomla Day USA West 2010
  44. 44. mobile templating rework existing Joomla UI paradigms for multi-touch and joystick-based devices® Joomla Day USA West 2010
  45. 45. mobile apps official Joomla apps for iPhone/iPad, Android and other mobile devices® Joomla Day USA West 2010
  46. 46. 5® Joomla Day USA West 2010
  47. 47. fight the “simple” wrong school of thought® Joomla Day USA West 2010
  48. 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. 49. “go awayfrom the light!”
  50. 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. 51. recap® Joomla Day USA West 2010
  52. 52. five tenets of JUX • Get personal • Flexibility • Mobile • Media • Fight the “simple”® Joomla Day USA West 2010
  53. 53. thank you (good dog)® Joomla Day USA West 2010
  54. 54. “the best Joomla book” UsingJoomlaBook.com® Joomla Day USA West 2010

×