10 tips to improve the usability of joomla - joomla world conference 2014
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.TRANSCRIPT
![Page 1: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/1.jpg)
10 tips to improve Joomla’s usability
Sander Potjer @sanderpotjer www.sanderpotjer.com
Joomla! World Conference 2014
![Page 2: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/2.jpg)
Sander Potjer
- Love contributing to Joomla - Company: Perfect Web Team - Extension: ACL Manager - [email protected]
![Page 3: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/3.jpg)
Sander Potjer
- Love contributing to Joomla - Company: Perfect Web Team - Extension: ACL Manager - [email protected] - Slides: sanderpotjer.com
![Page 4: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/4.jpg)
Joomla user friendly?
![Page 5: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/5.jpg)
Joomla user friendly
for us?
![Page 6: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/6.jpg)
Joomla user friendly
for end-users?
![Page 7: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/7.jpg)
Joomla gebruiksvriendelijk?
![Page 8: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/8.jpg)
![Page 9: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/9.jpg)
![Page 10: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/10.jpg)
![Page 11: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/11.jpg)
![Page 12: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/12.jpg)
![Page 13: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/13.jpg)
![Page 14: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/14.jpg)
![Page 15: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/15.jpg)
![Page 16: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/16.jpg)
Exercise:- Login with the provided details
![Page 17: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/17.jpg)
Exercise:- Login with the provided details - Publish an article on the homepage
- title - text - image (strand.jpg) - tag (lagotto)
![Page 18: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/18.jpg)
Exercise:- Login with the provided details - Publish an article on the homepage
- title - text - image (strand.jpg) - tag (lagotto)
- Logout
![Page 19: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/19.jpg)
Default Joomla installation
with blogging sample data
![Page 20: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/20.jpg)
Speed 2x
![Page 21: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/21.jpg)
8:22
![Page 22: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/22.jpg)
Improve the usability of Joomla
tips10
![Page 23: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/23.jpg)
Login 1
![Page 24: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/24.jpg)
![Page 25: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/25.jpg)
![Page 26: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/26.jpg)
![Page 27: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/27.jpg)
Keep it Simple2
![Page 28: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/28.jpg)
![Page 29: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/29.jpg)
![Page 30: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/30.jpg)
![Page 31: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/31.jpg)
![Page 32: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/32.jpg)
![Page 33: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/33.jpg)
Joomla settings 3
![Page 34: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/34.jpg)
![Page 35: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/35.jpg)
![Page 36: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/36.jpg)
![Page 37: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/37.jpg)
Text-editor 4
![Page 38: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/38.jpg)
![Page 39: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/39.jpg)
![Page 40: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/40.jpg)
![Page 41: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/41.jpg)
![Page 42: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/42.jpg)
![Page 43: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/43.jpg)
Site configuration 5
![Page 44: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/44.jpg)
![Page 45: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/45.jpg)
![Page 46: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/46.jpg)
![Page 47: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/47.jpg)
No unnecessary access 6
![Page 48: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/48.jpg)
![Page 49: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/49.jpg)
![Page 50: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/50.jpg)
![Page 51: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/51.jpg)
![Page 52: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/52.jpg)
Language overrides 7
![Page 53: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/53.jpg)
![Page 54: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/54.jpg)
![Page 55: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/55.jpg)
![Page 56: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/56.jpg)
![Page 57: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/57.jpg)
![Page 58: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/58.jpg)
![Page 59: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/59.jpg)
Template overrides 8
![Page 60: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/60.jpg)
![Page 61: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/61.jpg)
![Page 62: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/62.jpg)
![Page 63: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/63.jpg)
![Page 64: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/64.jpg)
![Page 65: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/65.jpg)
CSS / JavaScript 9
![Page 66: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/66.jpg)
![Page 67: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/67.jpg)
![Page 68: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/68.jpg)
![Page 69: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/69.jpg)
![Page 70: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/70.jpg)
Separate input 10
![Page 71: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/71.jpg)
![Page 72: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/72.jpg)
![Page 73: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/73.jpg)
![Page 74: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/74.jpg)
![Page 75: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/75.jpg)
![Page 76: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/76.jpg)
Optimized Joomla installation
with blogging sample data
![Page 77: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/77.jpg)
Speed 2x
![Page 78: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/78.jpg)
1:29
![Page 79: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/79.jpg)
Look over the shoulder of the
website user
![Page 80: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/80.jpg)
![Page 81: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/81.jpg)
Usability testing tips
![Page 82: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/82.jpg)
Task based on own situation1
![Page 83: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/83.jpg)
Website test, not ! person test 2
![Page 84: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/84.jpg)
Think out loud (repeat!) 3
![Page 85: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/85.jpg)
Don’t help, ask questions4
![Page 86: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/86.jpg)
User is not stupid! 5
![Page 87: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/87.jpg)
Record the test 6
![Page 88: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/88.jpg)
“Don’t make me think” - Steve Krug
![Page 89: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/89.jpg)
![Page 90: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/90.jpg)
Bonus: Template override
![Page 91: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/91.jpg)
File: templates/template-name/html/com_content/form/edit.php
![Page 92: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/92.jpg)
File: templates/template-name/html/com_content/form/edit.php
![Page 93: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/93.jpg)
File: templates/template-name/html/com_content/form/edit.php
![Page 94: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/94.jpg)
Code: https://gist.github.com/sanderpotjer/5488c2a10dceeee7db7d
![Page 95: 10 tips to improve the usability of Joomla - Joomla World Conference 2014](https://reader035.vdocuments.mx/reader035/viewer/2022081401/55839e52d8b42a03088b46bc/html5/thumbnails/95.jpg)
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