Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Improving Joomla’sBackend User Experience                           Randy Carey            web architect, Careytech Studio...
Over the next few months, I will beproviding further discussions and access tothe usability extensions I’m creating:      ...
1.Case for CMS Usability 2.Principles   (for CMS Usability) 3.Areas to Improve        (in Joomla’s backend) 4.Looking Forw...
Principles
Don’t show a user options that are irrelevant
Don’t show a user options that are irrelevant
Don’t use technical or uncommon terms
Don’t use technical or uncommon terms
Use a task-based interface
Recognize difference in users:infrequent-and-casual –vs– frequent-and-engaged
Recognize difference in users:infrequent-and-casual –vs– frequent-and-engaged
Recognize different roles of users:authors                                 site                                admins  con...
authors content managers site admin        duties  developer
One user with two roles…                    …two separate accountscontent                      sitemanagement             ...
Assign users to the front-end                            …whenever possible
Areas to improve
admin template –              improve navigation
improve edit screens
segment users tailored and simplified user experience
!?!JCE profiles    tailored and simplified options
Task-specific extensions    intuitive edit screens for users
We can do betterAreas We Can Improve
Customizable Admin Template
Admin Praise 3
Admin Praise 3
Mission Control (Rockettheme)
Admin Praise 3
configurable “app shelf”Admin Praise 3
Mission Control (Rockettheme)
Mission Control
Mission Control   - tailoring menu bar
Mission Controlcontrolling visibility per menu items
MVCModel - View - Controller
components / modules
components / modules   template     (overriding the view)
improve edit screens
RedShop -   out-of-box product edit screen
K2 - irrelevant tabs
Step 1: Add parameters toK2 category/administrator/components/com_k2/config.xmlStep 2: display new paneof parameters in ca...
Article Edit
Segment users into Groups
•   Edit     • Edit              •   Create                         •   Delete                         •   Edit Status    ...
what assets   a user should be able to access
Authors, Editors, Publishers   Managers, Admins         Super Admin
ACL – 1.7
content        sitemanagement     administration   gary      gary-admin
AuthorAdmin
Overriding view file for Article
JCE - Profiles and Edit Options
/images/a/documents/a/videos/a/images/documents/videos
/images/a/docs/a/video/a/images/docs/video
testimonials           Restaurant menus   events         specialized          inventory            listingTask-specific ex...
• Fast to build                                 • Unintuitive steps to access                                 • Not all in...
Improving Joomla’s       Backend User Experience
configurable Admin Template
improve edit screens
Segment users
JCE Edit Options
Task-specific extensions
Looking forward…
category branches
drag-and-drop
Help
http://www.notwebdesign.com/joomla-component-creator/ Generate extensions
more refined front-end editing
I will be providing further discussions andaccess to usability extensions I’m creating:       Careytech.com/icue          ...
Improving Joomla’sBackend User Experience                           Randy Carey            web architect, Careytech Studio...
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Improving Joomla’s Backend User Experience
Nächste SlideShare
Wird geladen in …5
×

Improving Joomla’s Backend User Experience

860 Aufrufe

Veröffentlicht am

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)

Veröffentlicht in: Technologie, Design
  • Als Erste(r) kommentieren

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

×