Joomla Day NYC 2011 JUX presentation

1. JUX
Joomla User eXperience Project
by
Kyle Ledbetter
Principle Usability Engineer for eBay, Inc.

2. What the heck’s a JUX?
• User Experience
• User Interface
• Usability JUX
• Accessibility

3. User Experience
• UX is the whole
picture, the “bird’s eye
view”
• UX can’t be created, it
can be guided
• UX is a full-time focus,
not an afterthought
• UX is planned

4. User Interface
• UI is your cockpit, your
panel of controls
• UI is an iterative
process, it must be
perfected over and over
• UI is designed

5. Usability
• Usability is simply how
easy or hard it is to use
something
• Interactions such as
clicks, resizing, etc.
• Usability is engineered

6. Accessibility
• Just as a building must
be handicap
assessible, so must
Joomla
• Color blindness, multi-
lingual difference,
blindness & more

7. Joomla hasn’t evolved much
• Mambo (2004)
• Joomla 1.0 ( 2005)
• Joomla 1.5 (2008)
• Joomla 1.7 (2011)
• Joomla 2.5 (2012)
• Joomla 3.0 (2012)

8. Let’s play a game.
Which one of these is different?

13. Tons of core improvements, few UX improvements

14. Perception of progress

15. Perception of progress

16. Apple is king of UX

17. Finder, Apple’s file browser is a trend setter

18. Versions - SVN app

19. BetterZip - archive app

20. Reeder - RSS app

21. iPhoto also sets the standard

22. LittleSnapper - screenshot app

23. Galleried - inspiration app

24. But even with Apple, developers push
innovation from the outside, in
Reeder Twitter Sparrow

25. UI Design Patterns
• Recurring UI solutions
• Solve common design
problems
• Standard reference
points

26. How does this apply to Joomla?
• Current level of Joomla
standards
• Outside innovation only
• Innovation in UI
• Innovation in
Components
• Emerging design patterns
(outside looking in)

27. Current State of Component Standards

34. Community UI Innovation
• AdminPraise
• Rockettheme
• Minima
• Nooku
• Udjamaflip

35. AdminPraise1

36. AdminPraise 2

37. AdminPraise Lite

38. AdminPad

39. AdminPraise 3

40. Mission Control

41. Minima

42. Nooku Desktop

43. Joomla Innovation Cycle

44. Joomla Innovation Cycle

45. Joomla Innovation Cycle
Core lacks feature

46. Joomla Innovation Cycle
Core lacks feature
Dev Innovation

47. Joomla Innovation Cycle
Core lacks feature
Multiple Islands
Dev Innovation

48. Joomla Innovation Cycle
Push back to core
Core lacks feature
Multiple Islands
Dev Innovation

49. This is why we so badly
need the JUX.

50. JUX Team
• Finally an entire team of
UX pros
• UX is iterative, never-
ending
• UX advancements with
every release!

51. JUX is official!

52. JUX On 4 Fronts:
Improve Bluestork for 2.5 Joomla.org Redesign
Frontend Default Templates New Interface for 3.0

53. Bluestork Improvements for 2.5

54. Joomla.org & Subsites Redesign
The Joomla User Experience Starts Here!

58. Default Template & Sample Content/Code
3rd Party Devs Need Standard & Sample Code!

59. We need a common UI library
...a “JUI” Library if you will...
...that’s continuously improved & extended for developers.
JUI
buttons
icons
taxonomy calendar

60. Joomla 3.0 interface will be brand new
We have to start planning now!

65. Giving back should catch on
• The JUX approach
can work everywhere
• Devs can form teams
to contribute
upstream
• Joomla belongs to
ALL of us

66. Speaking of UX...
Heard of the Joomla Platform Project?

67. The Platform has a web app layer,
which will need a UI

68. JUX Do It.
http://ux.joomla.org
Thank You.
kledbetter@ebay.com