USABILITY - Consistentie en Navigatie
Consistentie
Het logo staat links bovenaan, dit is bij de meeste websites zo. Het is dan ook de meest logische plaats.
Taalselectie
Rechtsbovenaan staat er een vlaggetje met een land. Als je daarop klikt, kom je op een lijst terecht met verschillende landen in verschillende talen geschreven. Zo staat er bij ons land : Belgium, België, Belgique. Aan de hand daarvan kan je dus je taal selecteren.
Navigatie
De hoofdnavigatie is goed en eenvoudig. Je ziet meteen wat je wil. Er zijn niet te veel items, wat het allemaal wat overzichtelijk maakt. Wel ontbreekt er een zoekfunctie, dit is een enorm negatief punt aan de site.
Er staan een aantal interessante zaken in de hoofdnavigatie. Zo heb je het woord 'klantenservice', waardoor de klanten makkelijk contact kunnen opnemen. Dit is dan ook 1 duidelijke pagina met al de nodige informatie om contact op te nemen met H&M. De klantenservice is natuurlijk iets dat veel opgezocht wordt. Het is dan ook goed dat het duidelijk vermeld wordt in de hoofdnavigatie.
En dan de store locator. Dit weergeeft al de plaatsen waar er een H&M vestiging is in het land die je bovenaan geselecteerd hebt. Zo krijg je voor België dit resultaat:
Vele mensen vragen zich af waar er nu juist winkels zijn in de buurt, en daarom is dit wel een interessant gegeven.
Een subnavigatie is niet aanwezig, maar dat stoort niet. Zo blijft de pagina overzichtelijk.
Wel is er een secundaire navigatie.
Typografie
Er wordt gebruik gemaakt van een schreefloos lettertype, dit is goed want zo is het veel beter leesbaar. Ook de leeslengte is niet lang. Een voorbeeld:
Ook alinea's en tussentitels zijn aanwezig op de site. H&M maakt gebruik van korte maar krachtige tekstjes. Het legt vooral de focus op de producten. Beelden zeggen meer dan woorden, en zeker als het om een kledingsmerk gaat. Dat is ook wat de klant wil zien natuurlijk.
Call to action
De surfers worden veel aangezet tot actie. Een voorbeeld :
Natuurlijk is het ook mogelijk om kledingstukken aan te kopen via de website, dat is het hoofddoel ervan. Maar de surfer wordt dus ook aangzet tot andere dingen zoals het aanmelden op de nieuwsbrief (zie hierboven) of het bekijken van bepaalde filmpjes.
Kijkrichting
Er wordt veel gebruik gemaakt van afbeeldingen, maar deze eisen zeker niet al de aandacht op. De aandacht wordt gevestigd op de tekst. De modellen kijken zo goed als altijd NIET recht in de lens. Dit is positief, want anders verschuift de aandacht meer naar hen in plaats van op de tekst.
Landing page
Zie uitleg hierover verder op onze blog
Wireframe
Dit is de Wireframe die we gemaakt hebben voor de website van H&M. We hebben de website grotendeels gelaten zoals hij was, omdat we deze nu al zeer goed vinden. De website is zeer overzichtelijk en duidelijk. Toch hadden we enkele opmerkingen om het nog beter te maken voor de doelgroep. De titels van de rubrieken hebben we een beetje aangepast. 'Shoppen uit de catalogus' is 'Shoppen catalogus' geworden. Dit hebben we iets korter gemaakt. Ook hebben we 'H&M life' veranderd. H&M life is de life style blog van het merk. Hierop posten ze alle informatie, nieuwigheden, interviews, stijltips, de nieuwe collectie enzoverder.. Wij vinden dat dit meer dienst doet als een online blog van H&M. Daarom zijn wij ook van mening dat het duidelijker voor hun doelgroep dat dit de naam 'online blog' krijgt. Verder hebben we ook het logo van H&M iets groter gemaakt, dat het voor de doelgroep onmiddelijk duidelijk is dat men op de juiste site zit. Qua volgorde zijn er ook enkele aanpassingen, de rubriek 'vrouwen' is als eerste geplaatst, omdat het toch vooral de vrouwen zijn die meest online naar de H&M site zullen surfen. Links onder het logo is er ook een nieuw kadertje geplaatst, hierin zouden we de recente tweets plaatsen die het merk post. Dit om de sociale media nog wat meer te integreren op de website. We ook een extra kader ingevoegd met de functie "Kies je taal". Dit vinden we zeer belangrijk en hier is nu nog geen sprake van. Als laatste punt is er ook een zoekfunctie rechts bovenaan. Dit is zeer handig voor kleine zoekacties die snel moeten plaatsvinden.
Celien Coppé & An-Sofie Depypere