Joomla User eXperience - Joomla Day NYC 2011
Download as ZIP, PDF10 likes6,159 views
This document discusses the Joomla User eXperience (JUX) project, which aims to improve the user interface, usability, and accessibility of the Joomla content management system. It notes that while Joomla has evolved over time, there have been few user experience improvements. It proposes that a dedicated JUX team could iteratively advance the user experience with each new release by improving the default templates, redesigning the Joomla website, and developing a new interface for Joomla 3.0. The document advocates for a common UI library to provide standard interface elements for third-party developers and establishing design patterns to solve common problems.
Joomla User eXperience - Joomla Day NYC 2011
- 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
- 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
- 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
Editor's Notes
- #2: \n
- #3: \n
- #4: \n
- #5: \n
- #6: \n
- #7: \n
- #8: \n
- #9: \n
- #10: \n
- #11: \n
- #12: \n
- #13: \n
- #14: \n
- #15: \n
- #16: \n
- #17: \n
- #18: \n
- #19: \n
- #20: \n
- #21: \n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n
- #31: \n
- #32: \n
- #33: \n
- #34: \n
- #35: \n
- #36: \n
- #37: \n
- #38: \n
- #39: \n
- #40: \n
- #41: \n
- #42: \n
- #43: \n
- #44: \n
- #45: \n
- #46: \n
- #47: \n
- #48: \n
- #49: \n
- #50: \n
- #51: \n
- #52: \n
- #53: \n
- #54: \n
- #55: \n
- #56: \n
- #57: \n
- #58: \n
- #59: \n
- #60: \n
- #61: \n
- #62: \n
- #63: \n
- #64: \n
- #65: \n
- #66: \n
- #67: \n
- #68: \n