SlideShare une entreprise Scribd logo
1  sur  54
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

    • Creative Director at
      Kontent Design in S.F.

    • Doing design & UX
      mainly in corporate
      sector for over 15 years


®



                                   Joomla Day USA West 2010
what is UX?


®



                  Joomla Day USA West 2010
user experience
    the creation of the architecture and
     interaction models that affect user
      experience of a device or system




®



                                           Joomla Day USA West 2010
usability
     the ease with which people can
    employ a particular tool object in
    order to achieve a particular goal




®



                                         Joomla Day USA West 2010
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
what is Joomla UX?


®



                Joomla Day USA West 2010
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
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 organization of content
    • Poor visual hierarchy
    • Fail to meet the user’s needs
®



                                        Joomla Day USA West 2010
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
    • Interaction design facilitates user tasks
    • Sexy and functional visual design

®



                                           Joomla Day USA West 2010
good UX =
good brand
(good dog)
interface paradigm
        & navigation


®



                    Joomla Day USA West 2010
history
lesson
Joomla 1.0




®



                 Joomla Day USA West 2010
Joomla 1.0
Navigation                      Status
                                Actions
 Signpost
                                Content
                                Filter




                    Text    Content
                            Actions
  Content



                            Content
                            Navigation




         ®



                           Joomla Day USA West 2010
Joomla 1.5




®



                 Joomla Day USA West 2010
Joomla 1.5
Navigation                          Status
 Signpost                           Actions

                                    Content
                                    Filter




                        Text    Content
                                Actions
  Content



                                Content
                                Navigation




             ®



                               Joomla Day USA West 2010
Joomla 1.6




®



                 Joomla Day USA West 2010
Joomla 1.6 Beta
Navigation                              Status
  Signpost                              Actions

Secondary/                              Content
   Tertiary                             Filters
 Navigation



                           Text     Content
                                    Actions
   Content




                                    Content
                                    Navigation




             ®



                                   Joomla Day USA West 2010
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


®



                                               Joomla Day USA West 2010
site services
      seamlessly integrate YouTube & Remixer,
    Flickr, Picnik, JayCut, PhotoBucket, Kaltura,
        MotionBox, Dropbox and many more




®



                                               Joomla Day USA West 2010
2
®



        Joomla Day USA West 2010
flexibility
    Make the site creation and maintenance
        interaction flows more flexible


®



                                             Joomla Day USA West 2010
“page creator”
         visual assembly of pages instead of
    (or in addition to) connecting disparate parts




®



                                                Joomla Day USA West 2010
3
®



        Joomla Day USA West 2010
get personal
    different strokes for different folks


                                                                   ®


®



                                            Joomla Day USA West 2010
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
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
4
®



        Joomla Day USA West 2010
go mobile
    create and manage content anywhere, anytime



®



                                            Joomla Day USA West 2010
mobile templating
    rework existing Joomla UI paradigms for
     multi-touch and joystick-based devices




®



                                              Joomla Day USA West 2010
mobile apps
    official Joomla apps for iPhone/iPad,
     Android and other mobile devices




®



                                           Joomla Day USA West 2010
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
      interface to minimum

    • Choose simple UI
      elements over usable
      ones




®



                               Joomla Day USA West 2010
“go away
from the
  light!”
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
recap


®



            Joomla Day USA West 2010
five tenets of JUX
    • Get personal
    • Flexibility
    • Mobile
    • Media
    • Fight the “simple”

®



                           Joomla Day USA West 2010
thank you
       (good dog)




®



                    Joomla Day USA West 2010
“the best Joomla book”




    UsingJoomlaBook.com
®



                             Joomla Day USA West 2010

Contenu connexe

Similaire à Joomla User Experience

Word Lesson 1a powerpoint
Word Lesson 1a powerpointWord Lesson 1a powerpoint
Word Lesson 1a powerpoint
deborahburns
 
Sharepoint webinar
Sharepoint webinarSharepoint webinar
Sharepoint webinar
Infogain
 

Similaire à Joomla User Experience (11)

JUX - Joomla User eXperience
JUX - Joomla User eXperienceJUX - Joomla User eXperience
JUX - Joomla User eXperience
 
Mai Omar Desouki - SharePoint 2013 What it means for your business
Mai Omar Desouki - SharePoint 2013 What it means for your businessMai Omar Desouki - SharePoint 2013 What it means for your business
Mai Omar Desouki - SharePoint 2013 What it means for your business
 
Presentation raramuridesign Grayscreen
Presentation raramuridesign GrayscreenPresentation raramuridesign Grayscreen
Presentation raramuridesign Grayscreen
 
Sharepoint mobile
Sharepoint mobileSharepoint mobile
Sharepoint mobile
 
Word Lesson 1a powerpoint
Word Lesson 1a powerpointWord Lesson 1a powerpoint
Word Lesson 1a powerpoint
 
Google sites in the beginning
Google sites in the beginningGoogle sites in the beginning
Google sites in the beginning
 
Joomla linkedin company profiler
Joomla linkedin company profilerJoomla linkedin company profiler
Joomla linkedin company profiler
 
How We Did It - GreatAmerica's Nontraditional Site Structure
How We Did It - GreatAmerica's Nontraditional Site StructureHow We Did It - GreatAmerica's Nontraditional Site Structure
How We Did It - GreatAmerica's Nontraditional Site Structure
 
Sharepoint webinar
Sharepoint webinarSharepoint webinar
Sharepoint webinar
 
jQuery Comes to XPages
jQuery Comes to XPagesjQuery Comes to XPages
jQuery Comes to XPages
 
Joomla SEO Bootcamp
Joomla SEO BootcampJoomla SEO Bootcamp
Joomla SEO Bootcamp
 

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Dernier (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

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
  • 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