Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Improving Joomla’s Backend User Experience

851 views

Published on

Two types of users access a CMS - the developer and those managing a site's content. Each uses the CMS with different goals and usually with different capabilities. This presentation focuses on tailoring Joomla to give our client's an improved user experience.

Presented at Joomla Day Midwest (Nov 12, 2011 - Milwaukee, WI USA)

Published in: Technology, Design
  • Be the first to comment

Improving Joomla’s Backend User Experience

  1. 1. Improving Joomla’sBackend User Experience Randy Carey web architect, Careytech Studios St. Paul, Minnesota Careytech.com
  2. 2. Over the next few months, I will beproviding further discussions and access tothe usability extensions I’m creating: Careytech.com/icue Randy Carey web architect, Careytech Studios St. Paul, Minnesota Careytech.com
  3. 3. 1.Case for CMS Usability 2.Principles (for CMS Usability) 3.Areas to Improve (in Joomla’s backend) 4.Looking ForwardOverview
  4. 4. Principles
  5. 5. Don’t show a user options that are irrelevant
  6. 6. Don’t show a user options that are irrelevant
  7. 7. Don’t use technical or uncommon terms
  8. 8. Don’t use technical or uncommon terms
  9. 9. Use a task-based interface
  10. 10. Recognize difference in users:infrequent-and-casual –vs– frequent-and-engaged
  11. 11. Recognize difference in users:infrequent-and-casual –vs– frequent-and-engaged
  12. 12. Recognize different roles of users:authors site admins content managers
  13. 13. authors content managers site admin duties developer
  14. 14. One user with two roles… …two separate accountscontent sitemanagement administration
  15. 15. Assign users to the front-end …whenever possible
  16. 16. Areas to improve
  17. 17. admin template – improve navigation
  18. 18. improve edit screens
  19. 19. segment users tailored and simplified user experience
  20. 20. !?!JCE profiles tailored and simplified options
  21. 21. Task-specific extensions intuitive edit screens for users
  22. 22. We can do betterAreas We Can Improve
  23. 23. Customizable Admin Template
  24. 24. Admin Praise 3
  25. 25. Admin Praise 3
  26. 26. Mission Control (Rockettheme)
  27. 27. Admin Praise 3
  28. 28. configurable “app shelf”Admin Praise 3
  29. 29. Mission Control (Rockettheme)
  30. 30. Mission Control
  31. 31. Mission Control - tailoring menu bar
  32. 32. Mission Controlcontrolling visibility per menu items
  33. 33. MVCModel - View - Controller
  34. 34. components / modules
  35. 35. components / modules template (overriding the view)
  36. 36. improve edit screens
  37. 37. RedShop - out-of-box product edit screen
  38. 38. K2 - irrelevant tabs
  39. 39. Step 1: Add parameters toK2 category/administrator/components/com_k2/config.xmlStep 2: display new paneof parameters in category viewStep 3: overriding the two item editscreens (site and admin) so eachchecks parameters and displayseach tab accordingly
  40. 40. Article Edit
  41. 41. Segment users into Groups
  42. 42. • Edit • Edit • Create • Delete • Edit Status • Edit • Createwhat a user can do
  43. 43. what assets a user should be able to access
  44. 44. Authors, Editors, Publishers Managers, Admins Super Admin
  45. 45. ACL – 1.7
  46. 46. content sitemanagement administration gary gary-admin
  47. 47. AuthorAdmin
  48. 48. Overriding view file for Article
  49. 49. JCE - Profiles and Edit Options
  50. 50. /images/a/documents/a/videos/a/images/documents/videos
  51. 51. /images/a/docs/a/video/a/images/docs/video
  52. 52. testimonials Restaurant menus events specialized inventory listingTask-specific extensions
  53. 53. • Fast to build • Unintuitive steps to access • Not all info on one screen • No help text on fields • No grouping of fields • Exists as a category within edit tool, not as a stand alone app• intuitive to use• one-step app• single screen edit• Custom code to build or modify existing extension
  54. 54. Improving Joomla’s Backend User Experience
  55. 55. configurable Admin Template
  56. 56. improve edit screens
  57. 57. Segment users
  58. 58. JCE Edit Options
  59. 59. Task-specific extensions
  60. 60. Looking forward…
  61. 61. category branches
  62. 62. drag-and-drop
  63. 63. Help
  64. 64. http://www.notwebdesign.com/joomla-component-creator/ Generate extensions
  65. 65. more refined front-end editing
  66. 66. I will be providing further discussions andaccess to usability extensions I’m creating: Careytech.com/icue Randy Carey web architect, Careytech Studios St. Paul, Minnesota Careytech.com
  67. 67. Improving Joomla’sBackend User Experience Randy Carey web architect, Careytech Studios St. Paul, Minnesota Careytech.com

×