10 tips to improve the usability of Joomla - Joomla World Conference 2014

Preview:

DESCRIPTION

Joomla is very flexible and has many possibilities. A disadvantage is that working with Joomla can seem complex because of all the settings and navigation choices. For a Joomla specialist this is usually not an issue, but for many end users it can be a stumbling block. However, with a little effort you can make a Joomla website more user-friendly for the end user. In this presentation, Sander will share 10 tips, from easy to more complex ones, to improve the usability of your Joomla website. And, as a bonus, a practical example that you can use in your own projects.

Citation preview

10 tips to improve Joomla’s usability

Sander Potjer @sanderpotjer www.sanderpotjer.com

Joomla! World Conference 2014

Sander Potjer

- Love contributing to Joomla - Company: Perfect Web Team - Extension: ACL Manager - sander@sanderpotjer.nl

Sander Potjer

- Love contributing to Joomla - Company: Perfect Web Team - Extension: ACL Manager - sander@sanderpotjer.nl - Slides: sanderpotjer.com

Joomla user friendly?

Joomla user friendly

for us?

Joomla user friendly

for end-users?

Joomla gebruiksvriendelijk?

Exercise:- Login with the provided details

Exercise:- Login with the provided details - Publish an article on the homepage

- title - text - image (strand.jpg) - tag (lagotto)

Exercise:- Login with the provided details - Publish an article on the homepage

- title - text - image (strand.jpg) - tag (lagotto)

- Logout

Default Joomla installation

with blogging sample data

Speed 2x

8:22

Improve the usability of Joomla

tips10

Login 1

Keep it Simple2

Joomla settings 3

Text-editor 4

Site configuration 5

No unnecessary access 6

Language overrides 7

Template overrides 8

CSS / JavaScript 9

Separate input 10

Optimized Joomla installation

with blogging sample data

Speed 2x

1:29

Look over the shoulder of the

website user

Usability testing tips

Task based on own situation1

Website test, not ! person test 2

Think out loud (repeat!) 3

Don’t help, ask questions4

User is not stupid! 5

Record the test 6

“Don’t make me think” - Steve Krug

Bonus: Template override

File: templates/template-name/html/com_content/form/edit.php

File: templates/template-name/html/com_content/form/edit.php

File: templates/template-name/html/com_content/form/edit.php

Code: https://gist.github.com/sanderpotjer/5488c2a10dceeee7db7d

Resources:

Joomla Community Magazine article “Creating an article in Joomla! has never been this easy!”: http://magazine.joomla.org/issues/issue-sept-2014/item/2293-creating-an-article-in-joomla-has-never-been-this-easy

Slides, links & code: sanderpotjer.com

Recommended