Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,560 views

Published on

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.

Published in: Internet
  • Be the first to comment

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

  1. 1. 10 tips to improve Joomla’s usability Sander Potjer @sanderpotjer www.sanderpotjer.com Joomla! World Conference 2014
  2. 2. Sander Potjer - Love contributing to Joomla - Company: Perfect Web Team - Extension: ACL Manager - sander@sanderpotjer.nl
  3. 3. Sander Potjer - Love contributing to Joomla - Company: Perfect Web Team - Extension: ACL Manager - sander@sanderpotjer.nl - Slides: sanderpotjer.com
  4. 4. Joomla user friendly?
  5. 5. Joomla user friendly for us?
  6. 6. Joomla user friendly for end-users?
  7. 7. Joomla gebruiksvriendelijk?
  8. 8. Exercise: - Login with the provided details
  9. 9. Exercise: - Login with the provided details - Publish an article on the homepage - title - text - image (strand.jpg) - tag (lagotto)
  10. 10. Exercise: - Login with the provided details - Publish an article on the homepage - title - text - image (strand.jpg) - tag (lagotto) - Logout
  11. 11. Default Joomla installation with blogging sample data
  12. 12. Speed 2x
  13. 13. 8:22
  14. 14. Improve the usability of Joomla tips 10
  15. 15. Login 1
  16. 16. Keep it Simple2
  17. 17. Joomla settings 3
  18. 18. Text-editor 4
  19. 19. Site configuration5
  20. 20. No unnecessary access 6
  21. 21. Language overrides 7
  22. 22. Template overrides 8
  23. 23. CSS / JavaScript 9
  24. 24. Separate input 10
  25. 25. Optimized Joomla installation with blogging sample data
  26. 26. Speed 2x
  27. 27. 1:29
  28. 28. Look over the shoulder of the website user
  29. 29. Usability testing tips
  30. 30. Task based on own situation1
  31. 31. Website test, not ! person test 2
  32. 32. Think out loud (repeat!)3
  33. 33. Don’t help, ask questions4
  34. 34. User is not stupid! 5
  35. 35. Record the test 6
  36. 36. “Don’t make me think” - Steve Krug
  37. 37. Bonus: Template override
  38. 38. File: templates/template-name/html/com_content/form/ edit.php
  39. 39. File: templates/template-name/html/com_content/form/ edit.php
  40. 40. File: templates/template-name/html/com_content/form/ edit.php
  41. 41. Code: https://gist.github.com/sanderpotjer/ 5488c2a10dceeee7db7d
  42. 42. 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

×