Joomla User Experience

JUX

®

Joomla Day USA West 2010

Joomla
User eXperience

®


Joomla
User Experience

®


who are you?

®


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

®


what is UX?

®


user experience
the creation of the architecture and
interaction models that affect user
experience of a device or system

®


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
• Navigational design
• User needs derived from
research

• Site objectives from
business

®


what is Joomla UX?

®


the joomla UX
the creation of the architecture and interaction
models that affect user the experience of Joomla
administrators, site creators and content creators

®


what is a bad UX?

®


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
®


what is a good UX?

®


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

®


good UX =
good brand
(good dog)

interface paradigm
& navigation

®


Joomla 1.0

®


Joomla 1.0
Navigation Status
Actions
Signpost
Content
Filter

Text Content
Actions
Content

Content
Navigation

®


Joomla 1.5

®


Joomla 1.5
Navigation Status
Signpost Actions

Content
Filter

Text Content
Actions
Content

Content
Navigation

®


Joomla 1.6

®


Joomla 1.6 Beta
Navigation Status
Signpost Actions

Secondary/ Content
Tertiary Filters
Navigation

Text Content
Actions
Content

Content
Navigation

®


Joomla 1.0 - 1.6
Not a drastic departure in ﬁve years

®


now...

®


to the future!
®


5 key tenets

®


1
®


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,
MotionBox, Dropbox and many more

®


2
®


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
®


get personal
different strokes for different folks

®

®


group templates
Create a custom UI for each user type
(content creator vs. publisher)—
not just turning features on and off.

®


sample content
vertical-speciﬁc 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

®


4
®


go mobile
create and manage content anywhere, anytime

®


mobile templating
rework existing Joomla UI paradigms for
multi-touch and joystick-based devices

®


mobile apps
ofﬁcial Joomla apps for iPhone/iPad,
Android and other mobile devices

®


5
®


ﬁght the “simple”
wrong school of thought

®


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

®


“go away
from the
light!”

ﬁght 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

®


recap

®


ﬁve tenets of JUX
• Get personal
• Flexibility
• Mobile
• Media
• Fight the “simple”

®


thank you
(good dog)

®


“the best Joomla book”

UsingJoomlaBook.com
®


Joomla User Experience

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Joomla User Experience

Semelhante a Joomla User Experience (11)

Último

Último (20)

Joomla User Experience