Wat en hoe

UI/UX

UI en UX zijn op dit moment waarschijnlijk de meest belangrijke termen in webdevelopment waarvan veel te weinig mensen de betekenis kennen. UI staat voor user interface en UX voor user experience, en samen zijn dit de specialismen die ervoor zorgen dat een website daadwerkelijk iets oplevert. Hoe die magie van UI en UX werkt, leggen we hieronder uit. 

Wat is UI/UX?

De vakgebieden UI en UX zijn als het ware een nieuwe evolutiestap in het grafisch vormgeven van webtoepassingen. Bij UI en UX worden de principes van productontwikkeling toegepast op de werking van digitale uitingen, zodat bezoekers op de gewenste manier door een webtoepassing worden gegidst.

UX is daarbij het pad dat een designer een gebruiker laat bewandelen. UI-design versterkt vervolgens dit pad. Met andere woorden, UX is de psychologie achter de vormgeving van een webtoepassing en UI geeft daar visueel vorm aan. Laat ons dit illustreren met een voorbeeld: vanuit UX-design wordt bepaald dat een gebruiker een keuze moet krijgen en de UI-designer maakt die keuze herkenbaar met knoppen. En als je dan toch bezig bent, geef je die knoppen zodanig vorm dat mensen sneller voor de gewenste keuze kiezen.

Waarom zijn UI en UX belangrijk voor jouw organisatie?

Web-toepassingen zijn tegenwoordig dé manier waarop organisaties in contact komen met hun doelgroep. Om ervoor te zorgen dat bezoekers op jouw website daadwerkelijk tot een actie overgaan, zoals het inschrijven voor een nieuwsbrief of de aankoop van een product, is goed UX- en UI-design vereist. UX- en UI-designers kunnen de gebruikservaring verbeteren, waardoor jouw website of ook echt zijn vruchten gaat afwerpen. 

Wat zijn de kenmerken van goed UI- en UX-design?

Goed UI- en UX-design brengt de belangen van bezoekers en organisaties samen. De bezoeker moet een prettige ervaring op de website hebben en ondertussen wil de eigenaar van de website dat die bezoeker iets koopt of contact opneemt. Bij goed UI-/UX-design wordt een ideale balans bereikt tussen die twee belangen. 

Om die balans te vinden, moet een UI-/UX-designer zich goed kunnen inleven in de ervaring van bezoekers, problemen herkennen, oplossingen visualiseren en uiteraard kennis hebben van technische mogelijkheden. Het uiteindelijke design moet eigenlijk zo in elkaar zitten dat de gebruiker intuïtief begrijpt hoe hij moet navigeren op de betreffende web-toepassing en tot een conversie overgaat.

Zo pakt Doordacht UI-/UX-design aan

UI-/UX-design is bij Doordacht onderdeel van de ontwikkeling van een webtoepassing. Vaak zijn een positioneringstraject en de uitwerking van een huisstijl aan deze stap voorafgegaan, waardoor het voor onze UI-/UX-designers duidelijk is wat het doel is van een website of app. Daarnaast geeft de huisstijl handvatten voor het grafische design van de toepassing. 

Voordat Doordachts developers op basis van die info een UI-/UX-design uitwerken, wordt een preliminair onderzoek uitgevoerd om vast te stellen hoe de toepassing het best kan werken voor gebruikers. Daarna volgt het daadwerkelijke designproces. De website of app wordt tot slot getest om er zeker van te zijn dat de toepassing goed werkt.

Voorbeeld van UI-/UX-design van Doordacht: Piek

Piek is een betaalapp voor festivals die volledig is uitgedacht en ontwikkeld door Doordacht. De app heeft een tweeledige interface: de app die de festivalganger gebruikt om te betalen voor hapjes en drankjes, en de app die de festivalorganisator of kraamhouder hanteert om betalingen te verwerken. Om deze twee interfaces goed te laten werken, was het UI-/UX-design een belangrijk onderdeel van de ontwikkeling van Piek.

Bij UI en UX is gebruiksgemak altijd de hoogste prioriteit, maar bij de ontwikkeling van Piek kreeg dit punt zo mogelijk nóg meer belang. Piek heeft namelijk flink concurrentie van andere betaalapps op de festivalmarkt. Dus om uit te blinken, moest het eenvoudige gebruik van de toepassing naar nieuwe hoogten getild worden.

Dit hebben we gedaan door het aanmeldproces voor festivalgangers zo minimaal mogelijk te maken. Festivalgangers hoeven echt alleen de hoogstnoodzakelijke gegevens in te voeren, zodat ze snel een biertje kunnen halen. Eenmaal ingelogd, kunnen ze makkelijk navigeren naar de belangrijkste overzichten, zoals ‘bestellen’ en ‘orders’. Met kleurgebruik en slim gekozen knoppen worden gebruikers op een heel natuurlijk manier door de app gegidst.

Met betrekking tot de app die organisatoren gebruiken, pasten we andere functionaliteiten toe om het gebruiksgemak optimaal te maken. We realiseerden ons bijvoorbeeld dat organisatoren een dergelijke app graag instellen vanachter een desktop, dus maakten we dat mogelijk. Bij het afhandelen van bestellingen worden organisatoren door middel van verschillende schermen, knoppen en kleuren heel duidelijk geleid door het proces van bestellen, in behandeling nemen en betalen, zodat iedere kraamhouder met Piek om kan gaan.

Piek zit vooralsnog in de start-upfase. Dit betekent dat we in dit stadium kritisch naar gebruikersgegevens kijken om eventuele knelpunten te identificeren en op te lossen. Ook deze opvolging is dus onderdeel van UI-/UX-design. Bekijk het volledige verhaal van Piek tot nu toe op deze pagina.   

schermen_1_20200702_155811
Meer weten?

Wil je weten hoe wij voor jouw merk een UI-/UX-design kunnen uitwerken? Neem dan snel contact met ons op! We hebben al voor talloze klanten uit verschillende sectoren UI/UX uitgevoerd, dus jou kunnen we ook helpen.

Meer weten? Mail Pieter

Pieter Hartkoorn
pieter@doordacht.nu