SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

Similar a Joomla User Experience

JUX - Joomla User eXperience
JUX - Joomla User eXperienceJUX - Joomla User eXperience
JUX - Joomla User eXperienceKyle Ledbetter
 
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 businessMai Omar Desouki
 
Presentation raramuridesign Grayscreen
Presentation raramuridesign GrayscreenPresentation raramuridesign Grayscreen
Presentation raramuridesign GrayscreenMatthew Philogene
 
Word Lesson 1a powerpoint
Word Lesson 1a powerpointWord Lesson 1a powerpoint
Word Lesson 1a powerpointdeborahburns
 
Google sites in the beginning
Google sites in the beginningGoogle sites in the beginning
Google sites in the beginningdzoglmann
 
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 StructureWendy Neal
 
Sharepoint webinar
Sharepoint webinarSharepoint webinar
Sharepoint webinarInfogain
 
jQuery Comes to XPages
jQuery Comes to XPagesjQuery Comes to XPages
jQuery Comes to XPagesTeamstudio
 
Joomla SEO Bootcamp
Joomla SEO BootcampJoomla SEO Bootcamp
Joomla SEO Bootcampsgorney
 

Similar a 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
 

Último

How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 

Último (20)

How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 

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