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.

1. 10 tips to improve
Joomla’s usability
Sander Potjer
@sanderpotjer
www.sanderpotjer.com
Joomla! World Conference 2014

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

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

4. Joomla
user friendly?

5. Joomla
user friendly
for us?

6. Joomla
user friendly
for end-users?

7. Joomla
gebruiksvriendelijk?

16. Exercise:
- Login with the provided details

17. Exercise:
- Login with the provided details
- Publish an article on the homepage
- title
- text
- image (strand.jpg)
- tag (lagotto)

18. Exercise:
- Login with the provided details
- Publish an article on the homepage
- title
- text
- image (strand.jpg)
- tag (lagotto)
- Logout

19. Default
Joomla installation
with blogging
sample data

20. Speed 2x

21. 8:22

22. Improve the
usability of Joomla
tips 10

23. Login 1

27. Keep it Simple2

33. Joomla
settings 3

37. Text-editor 4

43. Site
configuration5

47. No unnecessary
access 6

52. Language
overrides 7

59. Template
overrides 8

65. CSS /
JavaScript 9

70. Separate
input 10

76. Optimized
Joomla installation
with blogging
sample data

77. Speed 2x

78. 1:29

79. Look over the
shoulder of the
website user

81. Usability
testing tips

82. Task based on
own situation1

83. Website test,
not !
person test 2

84. Think out
loud (repeat!)3

85. Don’t help,
ask questions4

86. User is
not stupid! 5

87. Record
the test 6

88. “Don’t make me think”
- Steve Krug

90. Bonus:
Template override

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

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

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

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

95. 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