improving joomla's backend user experience

120
Improving Joomla’s Backend User Experience Randy Carey web architect, Careytech Studios St. Paul, Minnesota Careytech.com

Upload: luke-summerfield

Post on 23-Jun-2015

1.186 views

Category:

Technology


2 download

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

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 the 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