Transcript
Page 1: Improving Joomla’s Backend User Experience

Improving Joomla’s Backend User Experience

Randy Careyweb architect, Careytech Studios

St. Paul, MinnesotaCareytech.com

Page 2: Improving Joomla’s Backend User Experience

Careytech.com/icue

Randy Careyweb architect, Careytech Studios

St. Paul, MinnesotaCareytech.com

Over the next few months, I will be providing further discussions and access to the usability extensions I’m creating:

Page 3: Improving Joomla’s Backend User Experience

Overview

1.Case for CMS Usability

2.Principles (for CMS Usability)

3.Areas to Improve (in Joomla’s backend)

4.Looking Forward

Page 4: Improving Joomla’s Backend User Experience
Page 5: Improving Joomla’s Backend User Experience
Page 6: Improving Joomla’s Backend User Experience
Page 7: Improving Joomla’s Backend User Experience
Page 8: Improving Joomla’s Backend User Experience
Page 9: Improving Joomla’s Backend User Experience
Page 10: Improving Joomla’s Backend User Experience
Page 11: Improving Joomla’s Backend User Experience
Page 12: Improving Joomla’s Backend User Experience

Principles

Page 13: Improving Joomla’s Backend User Experience

Don’t show a user options that are irrelevant

Page 14: Improving Joomla’s Backend User Experience
Page 15: Improving Joomla’s Backend User Experience

Don’t show a user options that are irrelevant

Page 16: Improving Joomla’s Backend User Experience

Don’t use technical or uncommon terms

Page 17: Improving Joomla’s Backend User Experience

Don’t use technical or uncommon terms

Page 18: Improving Joomla’s Backend User Experience

Use a task-based interface

Page 19: Improving Joomla’s Backend User Experience

Recognize difference in users:infrequent-and-casual –vs– frequent-and-engaged

Page 20: Improving Joomla’s Backend User Experience

Recognize difference in users:infrequent-and-casual –vs– frequent-and-engaged

Page 21: Improving Joomla’s Backend User Experience

Recognize different roles of users:

authors

content managers

siteadmins

Page 22: Improving Joomla’s Backend User Experience

authors

content managers

site admin duties

developer

Page 23: Improving Joomla’s Backend User Experience

One user with two roles……two separate accounts

contentmanagement

siteadministration

Page 24: Improving Joomla’s Backend User Experience

Assign users to the front-end …whenever possible

Page 25: Improving Joomla’s Backend User Experience

Areas to improve

Page 26: Improving Joomla’s Backend User Experience

admin template – improve navigation

Page 27: Improving Joomla’s Backend User Experience

improve edit screens

Page 28: Improving Joomla’s Backend User Experience

segment users tailored and simplified user experience

Page 29: Improving Joomla’s Backend User Experience

JCE profiles tailored and simplified options

!?!

Page 30: Improving Joomla’s Backend User Experience

Task-specific extensions intuitive edit screens for users

Page 31: Improving Joomla’s Backend User Experience

Areas We Can Improve

We can do better

Page 32: Improving Joomla’s Backend User Experience

Customizable Admin Template

Page 33: Improving Joomla’s Backend User Experience
Page 34: Improving Joomla’s Backend User Experience
Page 35: Improving Joomla’s Backend User Experience

Admin Praise 3

Page 36: Improving Joomla’s Backend User Experience

Admin Praise 3

Page 37: Improving Joomla’s Backend User Experience

Mission Control (Rockettheme)

Page 38: Improving Joomla’s Backend User Experience
Page 39: Improving Joomla’s Backend User Experience
Page 40: Improving Joomla’s Backend User Experience
Page 41: Improving Joomla’s Backend User Experience

Admin Praise 3

Page 42: Improving Joomla’s Backend User Experience

Admin Praise 3

configurable “app shelf”

Page 43: Improving Joomla’s Backend User Experience

Mission Control (Rockettheme)

Page 44: Improving Joomla’s Backend User Experience

Mission Control

Page 45: Improving Joomla’s Backend User Experience
Page 46: Improving Joomla’s Backend User Experience
Page 47: Improving Joomla’s Backend User Experience
Page 48: Improving Joomla’s Backend User Experience
Page 49: Improving Joomla’s Backend User Experience

Mission Control - tailoring menu bar

Page 50: Improving Joomla’s Backend User Experience
Page 51: Improving Joomla’s Backend User Experience

Mission Controlcontrolling visibility per menu items

Page 52: Improving Joomla’s Backend User Experience
Page 53: Improving Joomla’s Backend User Experience

Model - View - Controller

M V C

Page 54: Improving Joomla’s Backend User Experience

components / modules

Page 55: Improving Joomla’s Backend User Experience

components / modules

template (overriding the view)

Page 56: Improving Joomla’s Backend User Experience

improve edit screens

Page 57: Improving Joomla’s Backend User Experience

RedShop - out-of-box product edit screen

Page 58: Improving Joomla’s Backend User Experience
Page 59: Improving Joomla’s Backend User Experience
Page 60: Improving Joomla’s Backend User Experience
Page 61: Improving Joomla’s Backend User Experience

K2 - irrelevant tabs

Page 62: Improving Joomla’s Backend User Experience
Page 63: Improving Joomla’s Backend User Experience
Page 64: Improving Joomla’s Backend User Experience

Step 1: Add parameters to K2 category/administrator/components/com_k2/config.xml

Step 2: display new paneof parameters in category view

Step 3: overriding the two item edit screens (site and admin) so each checks parameters and displays each tab accordingly

Page 65: Improving Joomla’s Backend User Experience

Article Edit

Page 66: Improving Joomla’s Backend User Experience
Page 67: Improving Joomla’s Backend User Experience
Page 68: Improving Joomla’s Backend User Experience
Page 69: Improving Joomla’s Backend User Experience
Page 70: Improving Joomla’s Backend User Experience
Page 71: Improving Joomla’s Backend User Experience
Page 72: Improving Joomla’s Backend User Experience
Page 73: Improving Joomla’s Backend User Experience
Page 74: Improving Joomla’s Backend User Experience
Page 75: Improving Joomla’s Backend User Experience

Segment users into Groups

Page 76: Improving Joomla’s Backend User Experience

what a user can do

• Edit

• Edit• Create

• Edit• Create• Delete• Edit Status

Page 77: Improving Joomla’s Backend User Experience

what assets a user should be able to access

Page 78: Improving Joomla’s Backend User Experience
Page 79: Improving Joomla’s Backend User Experience

Authors, Editors, Publishers

Managers, Admins

Super Admin

Page 80: Improving Joomla’s Backend User Experience

ACL – 1.7

Page 81: Improving Joomla’s Backend User Experience

contentmanagement

siteadministration

gary gary-admin

Page 82: Improving Joomla’s Backend User Experience

Author

Admin

Page 83: Improving Joomla’s Backend User Experience

Overriding view file for Article

Page 84: Improving Joomla’s Backend User Experience

JCE - Profiles and Edit Options

Page 85: Improving Joomla’s Backend User Experience
Page 86: Improving Joomla’s Backend User Experience
Page 87: Improving Joomla’s Backend User Experience
Page 88: Improving Joomla’s Backend User Experience
Page 89: Improving Joomla’s Backend User Experience
Page 90: Improving Joomla’s Backend User Experience
Page 91: Improving Joomla’s Backend User Experience
Page 92: Improving Joomla’s Backend User Experience

/images/a

/documents/a

/videos/a

/images

/documents

/videos

Page 93: Improving Joomla’s Backend User Experience

/images/a

/docs/a

/video/a

/images

/docs

/video

Page 94: Improving Joomla’s Backend User Experience
Page 95: Improving Joomla’s Backend User Experience
Page 96: Improving Joomla’s Backend User Experience
Page 97: Improving Joomla’s Backend User Experience
Page 98: Improving Joomla’s Backend User Experience

Task-specific extensions

eventsRestaurant menustestimonials

specializedinventory

listing

Page 99: Improving Joomla’s Backend User Experience
Page 100: Improving Joomla’s Backend User Experience
Page 101: Improving Joomla’s Backend User Experience
Page 102: Improving Joomla’s Backend User Experience
Page 103: Improving Joomla’s Backend User Experience
Page 104: Improving Joomla’s Backend User Experience

• 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

Page 105: Improving Joomla’s Backend User Experience
Page 106: Improving Joomla’s Backend User Experience

Improving Joomla’s Backend User Experience

Page 107: Improving Joomla’s Backend User Experience

configurable Admin Template

Page 108: Improving Joomla’s Backend User Experience

improve edit screens

Page 109: Improving Joomla’s Backend User Experience

Segment users

Page 110: Improving Joomla’s Backend User Experience

JCE Edit Options

Page 111: Improving Joomla’s Backend User Experience

Task-specific extensions

Page 112: Improving Joomla’s Backend User Experience

Looking forward…

Page 113: Improving Joomla’s Backend User Experience

category branches

Page 114: Improving Joomla’s Backend User Experience

drag-and-drop

Page 115: Improving Joomla’s Backend User Experience

Help

Page 116: Improving Joomla’s Backend User Experience

Generate extensions

http://www.notwebdesign.com/joomla-component-creator/

Page 117: Improving Joomla’s Backend User Experience

more refined front-end editing

Page 118: Improving Joomla’s Backend User Experience
Page 119: Improving Joomla’s Backend User Experience

Careytech.com/icue

Randy Careyweb architect, Careytech Studios

St. Paul, MinnesotaCareytech.com

I will be providing further discussions and access to usability extensions I’m creating:

Page 120: Improving Joomla’s Backend User Experience

Improving Joomla’s Backend User Experience

Randy Careyweb architect, Careytech Studios

St. Paul, MinnesotaCareytech.com


Top Related