Plof.nl was een webshop met unieke producten. Je kon er leuk speelgoed en kleding voor kinderen kopen. De website had alleen een aantal usability-problemen dat opgelost moest worden. Zo werd er gebruik gemaakt van een bestelformulier in plaats van het bekende winkelwagentje dat nu in elke webshop wordt gebruikt. Dit zou het moeilijk maken voor een gebruiker om te kopen wat hij wil hebben, aangezien hij moet onthouden hoe het product heet en deze vervolgens op het bestelformulier zou moeten vinden en aanstrepen. Om alle andere verbeterpunten te vinden, heb ik een Heuristic Evaluation uitgevoerd. De Heuristic Evaluation is ingedeeld in verschillende categorieën, welke vervolgens kunnen worden beoordeeld en een goed beeld vormen van de verschillende punten waarop de site kan worden verbeterd.
De opdracht aan ons als studenten was het ontwerpen van een website die meer op de moderne standaarden aansluit en de gebruiker zou helpen met het vinden van de producten die hij zoekt. De standaarden zijn gevat in bepaalde “patterns”, veelgebruikte elementen waarvan bewezen is dat deze bijdragen aan de usability van het ontwerp. In de verschillende mockups is te zien hoe de pagina’s eruit zouden komen te zien. Het was hierbij belangrijk dat de unieke grafische stijl van Plof.nl behouden zou blijven. Deze grafische stijl kenmerkte zich vooral door het gebruik van de kleur rood, wat ik heb overgenomen als de hoofdkleur voor het ontwerp.
Voor de homepage was het vooral belangrijk deze overzichtelijk te maken voor gebruikers. De originele homepage van plof.nl was erg onduidelijk, omdat het vooral een overzicht was van de verschillende categorieën waarin de website was ingedeeld. De omschrijvingen van de inhoud van deze categorieën waren alleen niet altijd even duidelijk. Ik koos voor een meer traditionele layout voor een homepagina, waarbij een navigatiebalk duidelijker inzicht geeft in de verschillende categorieën. Voor het productoverzicht is de toevoeging van een filtersysteem nuttig voor het vinden van specifieke artikelen. Ook de toevoeging van prijzen, een winkelwagentje en navigatiehistorie maken de pagina in zijn geheel meer gebruiksvriendelijk. De detailpagina is ingedeeld in verschillende categorieën van details die los kunnen worden opengeklapt. Op de originele plof.nl website waren deze details verdeeld over de overzichtpagina en het bestelformulier. In dit nieuwe ontwerp kan de gebruiker alle details op één pagina vinden. De betaalpagina geeft nu een goed beeld van waar in het betaalproces de gebruiker zich bevindt. Ook wordt er duidelijk aangegeven of er nog invoervelden zijn die ingevuld moeten worden, iets wat de originele website miste.