Artikel toevoegen in Joomla, zo simpel!

donderdag 10 juli 2014

Het is tijd om de tien tips om Joomla gebruiksvriendelijker te maken uit mijn vorige blog in praktijk te brengen. We gaan het het toevoegen van een artikel via de frontend van Joomla sterk vereenvoudigen en gebruiksvriendelijker maken.

Het toevoegen van artikelen via de Joomla frontend is een van de eerste dingen waarmee eindgebruikers te maken krijgen. Dit zou niet al te ingewikkeld moeten zijn maar veel gebruikers ervaren het toch als een complexe handeling.

Proef op de som

Ik wilde zien en testen wat de gebruikers ervaren dus heb ik mijn vriendin Julianne gevraagd een “blog” artikel te plaatsen op een standaard Joomla 3 installatie. Ze wist wat Joomla was, maar had er nog nooit mee gewerkt. Ik gaf haar gegevens om in te loggen en de volgende opdracht:

  1. Log-in op de website
  2. Plaats een artikel op de voorpagina met: titel, tekst, afbeelding en tag
  3. Log-uit op de website

Video vóór enige verbetering

De volgende video, die 2x versneld is afgespeeld, laat zien hoe Julianne in de standaard Joomla installatie de opdracht probeert uit te voeren. Het toevoegen van titel en tekst gaat Julianne snel af. Het toevoegen van een afbeelding en tag is iets lastiger, maar ook dat weet ze te vinden.

Gebruikerstest vóór verbetering

Na het opslaan van het artikel ontstaat echter de grootste verwarring. Het artikel staat niet op de voorpagina, waar is het gebleven? Na het nodige rondklikken, waarbij ze zelfs in de backend van Joomla terecht komt, ziet ze dat de categorie niet was geselecteerd.

In totaal doet Julianne er 8 minuten en 22 seconden over om het artikel te plaatsen. Niet slecht voor een eerste keer, maar dat moet zeker sneller kunnen.

Video ná verbetering

Ook de volgende video is 2x versneld afgespeeld. De zelfde opdracht wordt weer uitgevoerd, maar ditmaal op een geoptimaliseerde Joomla 3 installatie waarbij de gebruiksvriendelijkheid is verbeterd.

Gebruikerstest ná verbetering

Nu doet Julianne er slechts 1 minuut en 29 seconden over. Het is natuurlijk niet meer de eerste kennismaking met Joomla, maar dankzij de aanpassingen is de opdracht een stuk eenvoudiger en sneller uit te voeren.

De toegepaste verbeteringen

Wat voor ons heel logisch is als Joomla-expert kan voor een eindgebruiker onbegrijpelijk zijn. We proberen ons daarom te verplaatsen in de eindgebruiker. Het meekijken over de schouders is ontzettend leerzaam en heeft ons geïnspireerd om de volgende verbeteringen toe te passen.

Het uitgangspunt van alle onderstaande toegepaste optimalisaties voor de gebruikersvriendelijkheid is "Don't make me think"; voorkom dat de gebruiker gaat twijfelen, zoeken of allerlei keuzes moet maken.

  1. Verwijs naar relevante pagina na inloggen
  2. Hou het simpel & duidelijk: inloggen / uitloggen
  3. Maak gebruik van de Joomla instellingen
  4. Beperk de opties in de tekstverwerker
  5. Maak gebruikersgroepen en toegangsniveaus begrijpelijk
  6. Voorkom verwarring, geef geen onnodige toegang
  7. Pas taal overrides toe om teksten duidelijker te maken
  8. Website output aanpassen met template overrides
  9. Optimaliseer weergave met CSS en JavaScript
  10. Splits artikel invoervelden

Dit zijn tevens alle tips uit het artikel "10 tips om Joomla gebruiksvriendelijker te maken", lees daar de achtergronden bij de tips.

Template override voor toevoegen/bewerken artikel

Centraal in dit voorbeeld is een template override voor de weergave van het formulier om artikelen toe te voegen of te bewerken. Overbodige invoervelden zijn weggelaten of verborgen en extra functionaliteiten zijn toegepast om het plaatsen van een artikel eenvoudiger en duidelijker te maken.

Template override voor toevoegen/bewerken artikel

Template override voor het toevoegen of bewerken van een artikel

Na de opname van de gebruikerstest heb ik de template override nog verder uitgebreid waardoor de alias automatisch wordt gegenereerd op het moment dat je typt. Deze is door er op te klikken verder naar wens aan te passen.

Template override voor toevoegen artikel

De alias wordt automatisch gegenereerd

Kan ik daar ook gebruik van maken?

Jazeker! De volledige code van deze template override is hieronder te vinden. Maak een nieuw bestand aan genaamd edit.php en plaats dit in de map templates/naam-van-template/html/com_content/form/. Knip en plak daarin onderstaande code.

Veel succes met het ontwikkelen van gebruiksvriendelijke Joomla websites!

auteur

Sander Potjer

Benieuwd wat wij voor jou kunnen betekenen? Kom langs, of neem contact met ons op!

Bel ons:
085 - 210 40 60

Mail ons:
Dit e-mailadres wordt beveiligd tegen spambots. JavaScript dient ingeschakeld te zijn om het te bekijken.