Webdesign: UX design, UI design & IA

De betekenis van deze hippe Engelse termen en de invloed ervan op een webdesigner

“Any customer can have a car painted any colour that he wants so long as it is black.” – Henri Ford

Henri Ford richtte zijn familieuto op de grote menigte. Een betaalbare (zwart was de snelst drogende verf) kwaliteitsauto die simpel was in design. De filosofie van Ford en andere autobouwers is inmiddels behoorlijk gewijzigd. 

Zoals de automarkt zich ontwikkelt, zo ontwikkelt de markt van het webdesign zich ook. Aangewakkerd door de technische ontwikkelingen en nieuwe wensen van gebruikers is er sinds het online gaan van de 1e website, 28 jaar geleden, ook in de creatie van websites veel veranderd. Van puur een tekstuele website, naar grafische hoogstandjes en ingewikkelde koppelingen.

Bij het designen van een website moet je niet alleen het webdesign (visueel design) beheersen, maar wordt er van je verwacht dat je UX, UI, en IA beheerst om te komen tot een kwalitatief goede website. 

Wat betekenen al die hippe Engelse termen dan?

User Experience design (UX)

In dit proces wordt de tevredenheid van de gebruikerservaring op de website verbeterd. In de interactie tussen website en gebruiker staat gebruiksvriendelijkheid, toegankelijkheid en plezier voorop. Daarbij is het belangrijk om alle aspecten van een product,  dienst, merk of bedrijf mee te nemen die door een gebruiker worden ervaren. 

Vertaald naast een fysiek product is hierin de Senseo een goed voorbeeld: simpel design, elegant en met één druk op de knop een heerlijk bakje koffie. Bij een website wil je beleving die bij het bedrijf past, maar ook het gebruiksgemak moet optimaal zijn. Een goed voorbeeld daarvan is Examenklacht.nl van het LAKS. Een groep scholieren laat daar in een tijdsbestek van +/- twee weken zo’n kleine 200.000 klachten achter. Als je dan de ‘klaagknop’ niet duidelijk in beeld hebt, doe je iets niet goed.

Taken van een UX designer voorafgaand aan een design:

• logica van weergave en navigatie creëeren (functioneel design/ wireframes maken)
• communicatie met klant en haar doelgroep (gebruiker)
• klantonderzoek
• marktonderzoek
• concurrentie onderzoek
• co-creatie meetings leiden

Taken van een UX designer na realisatie van een website:

• usability testing
• A/B testing

User Interface Design (UI)

Het design van de interface van desktops, laptops en mobiele apparaten (responsive design), waarbij wordt gelet op de gebruiksvriendelijkheid en de gebruikerservaring. De gebruiker moet met een minimaal aantal handelingen (kliks) haar doel bereiken. 

Designers zweren in deze bij iOS van Apple. Steve Jobs heeft er tot in de puntjes voor gezorgd dat mensen zijn software intuitief gebruiken. Zo heeft Steve Jobs met de introductie van de 1e iPhone ook apps op een smartphone geïntroduceerd. In het webdesign project van Makelaardij Hoekstra hebben we door de enorme toename van mobiele gebruikers de website mobile first gedesigned. De belangrijkste functies zijn in één oogopslag duidelijk bij het benaderen van de website op de smartphone.

Taken van de UI designer:

• het begrijpen van de gebruiker
• kennis van gebruiksvriendelijkheid
• relatie leggen tussen de gebruiksbehoeften en de websitestructuur
• product of dienst zo helder mogelijk weergeven
• het visueel weergeven van de website, passend bij de organisatie, product, dienst of merk (art design niet te vergeten)
• interactieve vormgeving voor alle elementen, denk aan iconen, headers, feitentellers, carrousels, knoppen, etc.
• goede communicatie met ontwikkelaar
• optimaliseren van de website

In het kort is de UI designer verantwoordelijk voor de plezierige beleving van de eindgebruiker die gemakkelijk haar weg zal vinden.

Information Architecture (IA)

De informatie architect verzorgd hoe de structuur van een website in elkaar zit en hoe de content is opgebouwd, waarbij het doel is om gebruikers te voorzien van de benodigde informatie en gewenste acties. De (navigatie-)structuur moet dus duidelijk en logisch in elkaar zitten, eigenlijk moet een gebruiker minimaal tot niet nadenken om haar doelen te bereiken. Verschillende onderdelen in navigatie helpen de gebruiker hierbij:

• menu structuur
• footer menu
• sitemap
• breadcrumbs
• categoriën
• labels
• sitemap
• metadata

Een ziekenhuis of vliegveld kan niet functioneren door een soortgelijk plan van de architect. Des te ingewikkelder de website, des te noodzakelijker een soortgelijk plan. Sport Fryslân behoefde een website die door het aanspreken van vele doelgroepen een ingewikkelde informatie architectuur kent. Lees op de projectpagina alles over dit proces. 

Taken van een Informatie architect:

• designen van navigatie
• informatie analyse
• co-creatie meetings leiden

Indien je bovenstaande goed hebt doorgelezen kom je er achter dat het werkveld van een webdesigner niet alleen is onderverdeeld in vele specifieke werkvelden, maar ook is uitgediept en aangevuld met taken. Een aantal van deze taken behoort thuis in het werkveld van een conversie optimalisatie specialist of online marketeer. Vervolgens is het belangrijk dat deze twee specialisaties nauw met elkaar samenwerken om de klantvraag optimaal op te lossen.

Met behulp van ons netwerk beheersen wij alle facetten van de huidige verdieping van het begrip ‘webdesign’. Zo zijn we dolblij dat we mensen in ons netwerk hebben die ‘usability testing en A/B testing’ beheersen. In onze ogen een vak apart die meer statistisch/analytisch zijn dan puur creatief. Zoals bekend staan wij voor een mooier internet, dat zit hem niet alleen in visueel design, maar ook in een gebruiksvriendelijker design. Samen met de klant en verschillende professionals maken we het internet dan ook vooral beter!

Wij blijven onszelf webdesigners noemen. Omdat wij vinden dat genoemde gebieden onderdeel zijn van het designen van een kwalitatief en bij de gebruikerswensen passende website.