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

Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
Muhammad Subhan
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 

Dernier (20)

Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 

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