De ultieme gids voor ontwerpen voor de gebruikerservaring -

Denk aan een website of app waar je van houdt. Wat vind je er leuk aan? Het gemak van het verzamelen van relevante informatie? Hoe je met één klik iets kunt kopen (en morgen al in huis hebt)? Of hoe snel het uw vragen beantwoordt?

Denk nu eens aan de mensen die die website hebben gemaakt. Wat was hun doel?

Ze probeerden een site te maken met de functies die u zo leuk vindt: een site die gemakkelijk te gebruiken is, effectief de informatie levert die u nodig hebt en waarmee u slimme beslissingen kunt nemen die zijn afgestemd op uw uitdagingen of zorgen.

UX, of gebruikerservaring, richt zich op de algehele ervaring van de eindgebruiker, inclusief hun percepties, emoties en reacties op het product, systeem of dienst van een bedrijf. UX wordt gedefinieerd door criteria zoals: gebruiksgemak, toegankelijkheid en gemak. Samen dragen deze individuele factoren bij aan de algehele ervaring van de klant.

Het concept van UX wordt het vaakst besproken in termen van technologie, zoals smartphones, computers, software en websites. Daarom is UX niet alleen een vrij nieuw veld, maar ook een variabel veld — het verandert snel als gevolg van technologische vooruitgang, nieuwe soorten interacties en gebruikersvoorkeuren.

Het is geen geheim dat klanten tegenwoordig snel willen en eenvoudige manieren om aan hun behoeften te voldoen en hun pijnpunten op te lossen. Daarom is UX zo belangrijk.

Of je nu in de techniek zit of niet, het bedrijf waarvan je de eigenaar bent of waarvoor je werkt, heeft hoogstwaarschijnlijk een website. Welnu, klanten kunnen u binnen enkele seconden afschrijven als ze uw website niet nuttig en gebruiksvriendelijk vinden. In feite bepalen de meeste websitebezoekers binnen een minuut na het openen van een pagina of ze al dan niet willen vertrekken.

Volg mee om meer te weten te komen over het belang van het opkomende gebied van UX, wat de ontwerpers van vandaag worden ingehuurd te doen, en waarom elk type bedrijf kan profiteren van een doordacht UX-ontwerp.

: NYC Subway Guide
Contents
UX-ontwerpprincipes

UX is een steeds veranderend veld, maar de fundamentele UX-ontwerpprincipes blijven hetzelfde. Ontwerpers moeten ook bepalen wat ze willen op het gebied van visuele balans. Duidelijk en beknopt zijn is cruciaal … minder is meer! U wilt dat uw ontwerp intuïtief is, en het allerbelangrijkste: uw ontwerp moet voldoen aan de behoeften van de gebruiker.

Hoewel UX onderhevig is aan trends en nieuwe technologie, zijn er enkele kernprincipes die hetzelfde blijven. Deze helpen ontwerpers bij het bekijken van verschillende problemen via een methodologie die consistent en gericht is.
- Wees contextueel: u wilt dat individuen precies weten waar ze zich bevinden in hun gebruikerstraject. Ze mogen zich nooit verloren of overweldigd voelen. Uw ontwerp is er om hen op hun reis te begeleiden.
- Wees mens: Geen enkele gebruiker vindt het leuk om het gevoel te hebben dat hij interactie heeft met een machine. U wint het vertrouwen van de eindgebruiker als u hem de persoonlijkheid en benaderbaarheid van uw merk laat zien.
- Wees vindbaar: Gebruikers willen geen tijd verspillen. Met een succesvol UX-ontwerp zal uw werk gemakkelijk te vinden en te navigeren zijn.
- Wees gemakkelijk: Als u consistent en duidelijk bent, zult u een lange weg afleggen bij uw gebruikers. U bouwt relaties op met uw gebruikers door hen plezierige en gemakkelijke ervaringen te bieden.
- Wees eenvoudig: Geen pluisjes, raaklijnen of onnodige beschrijvingen. Kom ter zake. Laten we eerlijk zijn … tegenwoordig heeft iedereen een korte aandachtsspanne.
Deze principes zullen u begeleiden in elke fase van het UX-ontwerpproces. Laten we eens kijken wat elk van deze fasen hieronder inhoudt.

UX-ontwerpproces

Er zijn doorgaans verschillende stadia van het UX-ontwerpproces waarmee rekening moet worden gehouden. UX-ontwerp hanteert tijdens al deze stadia een mensgerichte ontwerpbenadering. Dit gaat over het overwegen van de behoeften van de mensen voor wie je ontwerpt, het bedenken van een breed scala aan oplossingen om het probleem waarmee ze worden geconfronteerd op te lossen, het ontwerpen van prototypes die de gebruikers kunnen testen en uiteindelijk het implementeren van de beste oplossing voor de gebruiker. . Als je het probleem vanuit het perspectief van de gebruiker bekijkt en ontwerpt met hen in gedachten, creëer je oplossingen die ze willen adopteren.

Laten we elke fase van het ontwerpproces hieronder eens nader bekijken .

1. Begrijp de pijnpunten van uw gebruiker.

Aangezien UX-ontwerp gaat over het verbeteren van de gebruikerservaring, is uw eerste stap het uitzoeken wat de uitdagingen en verwachtingen van gebruikers zijn. Als u eenmaal begrijpt wat de problemen zijn, kunt u ze oplossen.

In een artikel voor Career Foundry benadrukt Rosie Allabarton de rol van empathie in deze fase van het UX-ontwerpproces. Ze zei: “Je werkt met groepen gebruikers die verschillende achtergronden hebben en verschillende ervaringen met zich meebrengen. Het is jouw taak om te proberen te begrijpen waarom ze zich gedragen zoals ze zijn, niet om dat gedrag te veranderen of te beïnvloeden, maar om het in het product in te passen.”

Er zijn een paar benaderingen die je kunt volgen om dit belangrijke gebruikersonderzoek te verzamelen.

Interviews

Een van de beste manieren om uw publiek te begrijpen, is door in dezelfde ruimte te zijn als zij. Gebruikersinterviews houden doorgaans in dat een groep gebruikers door een bestaande site of product of zelfs die van een concurrent bladert, terwijl leden van uw team observeren. Op die manier kan uw team zien hoe mensen omgaan met een website of product en in realtime feedback verzamelen. Dit kan helpen bij het ontdekken van verbeterpunten die u en uw team niet hadden opgemerkt. Misschien zien gebruikers bijvoorbeeld de CTA-knop op uw startpagina over het hoofd, of willen ze misschien een zoekvak om door een website te navigeren. U kunt deze feedback vervolgens opnemen in uw ontwerpproces.

Als persoonlijke interviews geen optie zijn, kunt u altijd gebruikerstestsessies op afstand houden

Online enquêtes

Terwijl interviews ideaal zijn om rijke inzichten te krijgen van een kleine groep gebruikers, zijn online enquêtes een geweldige manier om feedback te verzamelen van een groter publiek. Enquêtes bestaan uit een reeks gerichte vragen die naar een steekproef van uw doelgroep worden gestuurd. Deze vragen kunnen verschillende vormen aannemen, waaronder ja/nee, meerkeuze, checkbox, dropdown, ranking, ranking scale en textbox. Online enquêtes worden meestal via formulieren verspreid en vervolgens in een database gecompileerd, zodat u en andere belanghebbenden ze kunnen bekijken.

2. Gebruikerspersona's maken.

Nu je al dit gebruikersonderzoek hebt, wil je het samenvatten. Het creëren van user persona's is een geweldige manier om dit te doen. Deze persona's, ook wel buyer persona's genoemd, zijn semi-fictieve representaties van uw ideale klanten op basis van gegevens en onderzoek. Buyer persona's helpen u uw bestaande en potentiële klanten beter te begrijpen, zodat u uw producten, evenals uw diensten, inhoud en berichten kunt afstemmen op hun specifieke behoeften, gedragingen en zorgen.

Afbeelding

Deze persona's helpen ervoor te zorgen dat iedereen in uw team de eindgebruiker tijdens het ontwerpproces begrijpt, onthoudt en centraal stelt.

Als u wilt leren hoe u persona's kunt onderzoeken en maken, gaat u naar de post Hoe u een gedetailleerde koper kunt maken Persona's voor uw bedrijf [gratis persona-sjabloon].

3. Breng gebruikerstrajecten in kaart.

Hoewel u gebruikers kunt indelen in verschillende soorten persona's, is elke gebruiker uniek. Dat betekent dat verschillende gebruikers op verschillende manieren met uw site omgaan, zelfs als ze hetzelfde doel hebben. Stel dat ze willen solliciteren op een baan bij uw bedrijf. Sommigen navigeren naar uw startpagina, klikken op Carrières in uw navigatiebalk en bladeren vervolgens door uw vacatures. Anderen zoeken misschien op uw bedrijfsnaam plus 'carrières' in Google.

Uw doel is om de primaire doelen van uw gebruikers te identificeren en ervoor te zorgen dat ze hun doelen kunnen bereiken. Dus een e-commercesite moet bijvoorbeeld alle verschillende manieren identificeren waarop een klant een aankoop wil voltooien en ervoor zorgen dat hun site dit bij elke stap mogelijk maakt. Het bieden van functionaliteit om ervoor te zorgen dat een klant een aankoop kan doen op een desktop, tablet en mobiel apparaat zijn slechts enkele scenario's waar u rekening mee moet houden. Je hebt waarschijnlijk veel kleurrijke post-it-notities nodig voor deze fase.

4. Maak wireframes voor websites.

Nu u het gebruikerstraject op papier in kaart heeft gebracht, is het tijd om ze in uw eigenlijke product in kaart te brengen met wireframes en prototypen voor websites. U kunt een wireframe zien als een schets van uw product of website.

Wanneer u een wireframe voor uw website of product maakt, kunt u uitzetten hoe u uw belangrijkste functies wilt weergeven, ruimte wilt toewijzen en afbeeldingen en inhoud wilt presenteren en hoe deze lay-out de gebruiker helpt (of belemmert) bij het bereiken van zijn doelen voordat u ontwerpelementen introduceert zoals kleurenschema's.

Door de functionaliteit van uw product en het beoogde gebruikersgedrag in dit stadium te evalueren, kunt u potentiële problemen of ontbrekende functies vinden die later conversies of verkopen in de weg kunnen staan - voordat u te ver bent in het ontwerpproces. Op die manier kunt u eenvoudig wijzigingen aanbrengen, goedkeuring krijgen van andere belanghebbenden en vol vertrouwen doorgaan naar de volgende fase van het ontwerpproces.

Wireframes variëren in complexiteit. Sommige zijn met de hand getekend met een potlood, andere zijn gemaakt met gratis softwaretools zoals Inkscape en GIMP, terwijl andere betaalde softwaretools zoals Sketch en Canva gebruiken. Hier is een geïllustreerd voorbeeld.

Afbeelding

5. Begin met prototypen.

Beschouw een prototype als het definitieve ontwerp van uw product of website voordat het coderen begint. Het is niet de definitieve versie, maar het is zo dichtbij dat u het product volledig kunt testen voordat het wordt gelanceerd en het kunt demonstreren aan het management en andere belanghebbenden.

In tegenstelling tot een wireframe bevat een prototype lettertype, afbeeldingen, pictogrammen en kleuren. Deze fase is echter minder gericht op esthetiek en meer op gebruikersstroom. Prototypes zullen interactief zijn, waardoor u, gebruikers en andere belanghebbenden kunnen ervaren hoe het product in het echte leven werkt.

In deze fase voert u meer gebruikerstests uit om problemen aan het licht te brengen, zoals of uw afrekenproces te veel klikken vereist of dat uw startpagina moeilijk te navigeren is. U zult in deze fase waarschijnlijk experimenteren met navigatie en andere functionaliteit en veel iteraties produceren.

Om een prototype en daaropvolgende iteraties te maken, heb je een speciale tool nodig, zoals Adobe XD, InVision of het gratis Justinmind. Hier is een voorbeeld van een prototype gebouwd met Justinmind.

Afbeelding

Op dit punt kan het coderen beginnen, zodat u uw prototype doorgeeft aan ontwerpers en ontwikkelaars die een gebruikersinterface gaan bouwen. Meer over

Schets een betere interface voor uw broodroosteroven.

Hiermee kunt u oefenen met het analyseren van een bestaand product en vaststellen waar u waarde kunt toevoegen in termen van functionaliteit en ontwerp. Het beste is dat u dit project kunt voltooien zonder uw keuken te verlaten!

Hieronder ziet u een voorbeeld van ontwerpster Sarah Kerbleski.

Herontwerp de startpagina van uw persoonlijke site.

U kunt de startpagina van elke website opnieuw ontwerpen, maar het is ideaal om uw eigen persoonlijke site te gebruiken of een site waartoe u toegang hebt tot analyses. Op die manier kunt u oefenen met het verzamelen en analyseren van gebruikersonderzoek en deze inzichten gebruiken om uw ontwerpproces te informeren.

Toen bedrijfsgids.biz in 2016 zijn homepage opnieuw ontwierp, analyseerde UX Designer Austin Knight enorme hoeveelheden gegevens en ontdekte drie belangrijke trends: een aanzienlijk aantal gebruikers ging van de homepage naar de prijspagina, de pagina met veelgestelde vragen en de zoekbalk. Al deze trends ondersteunden de conclusie dat de startpagina kritieke informatie ontbeerde die van invloed was op de conversies. U kunt meer lezen over dit herontwerp in de UXPin-casestudy.

Afbeelding

Herontwerp een functie in een applicatie die je frustreert.

Dit kan je helpen om te oefenen met het herontwerpen van bepaalde functionaliteit in een bestaande app, in plaats van vanaf nul te beginnen. Productontwerper Jo Zhouzheng deed precies dit voor Doordash. Gefrustreerd door de restaurant- en menu-browsing-ervaring in deze populaire app voor het bezorgen van eten, heeft Zhouzheng de interface opnieuw ontworpen. Hier is een voor- en nablik van de interfaces.

Afbeelding

Ontwerp een app voor het inchecken bij uw huisarts of specialist.

Het ontwerpen van een gezondheidsapp is een geweldige oefening in UX. Als u zich specifiek richt op het incheckproces, kunt u oefenen met het identificeren en oplossen van pijnpunten van gebruikers. U kunt zich richten op een persoonlijke of virtuele check-in, zoals Digital Product Designer Divan Raj hieronder deed.

Afbeelding

Maak persona's voor een app die je wilt ontwerpen (of herontwerpen).

Personas maken is een belangrijk onderdeel van het UX-ontwerpproces. Je kunt wat ervaring opdoen door persona's te maken voor een hypothetische app of een bestaande app. Misschien vind je een app of website leuk, maar weet je dat de functionaliteit of vormgeving beter kan. In dat geval zou je nieuwe persona's voor dat product kunnen definiëren. Of je kunt persona's maken voor een product waar je aan hebt gedacht.

Daorong Fang creëerde bijvoorbeeld een prototype van een mobiele app voor persoonlijke sociale netwerkevenementen. Om haar belangrijkste publiek te illustreren en potentiële belanghebbenden te helpen sympathiseren met haar doelkwesties (dwz hoe lastig en tijdrovend netwerken kan zijn), bouwde ze twee persona's. Een van hen — Techy Sarah — wordt hieronder weergegeven.

Afbeelding

Breng de reis van een kiezer in een lokaal, staats- of federaal verkiezingsbureau in kaart.

Dit kan u helpen begrijpen hoe UX-ontwerp kan bijdragen aan grotere fenomenen, zoals een lage opkomst bij kiezers, en uw analytische en kritische denkspieren aanspannen. Door het pad uit te stippelen van registratie tot het punt waar kiezers een stembiljet in handen hebben, ontdekt u regelgeving, tijdsbeperkingen, een gebrek aan transparantie, slechte ontwerpkeuzes en andere pijnpunten.

Whitney Quesenbery en Dana Chisnell richtten The Center for Civic Design op met precies dit doel voor ogen: ze wilden begrijpen waar mensen afhaken op de kiezersreis en hoe ze ze weer op weg kunnen helpen. Hieronder vindt u een van hun Field Guides to Ensuring Voter Intent, die lokale functionarissen helpt bij het maken van goed ontworpen stembiljetten.

Afbeelding

Dit zijn slechts enkele ideeën. Kijk voor meer inspiratie op websites als Dribble en Awwwards.

UX Design helpt je beter te groeien

Of je nu een grafisch ontwerper, blogger, ontwikkelaar of iemand in een geheel andere veld, kan UX-ontwerp u en uw bedrijf helpen groeien. Een gelukkige eindgebruiker is de sleutel tot succes, en zonder goed gemaakt UX-ontwerp zou dit onmogelijk te bereiken zijn.

Naarmate technologie alomtegenwoordiger wordt in ons leven, zal succesvol UX-ontwerp naadloze overgangen tussen individuen en hun apparaten en apps. UX-ontwerp is nog nooit zo belangrijk geweest, waardoor het een opwindende tijd is om het veld te betreden en de voordelen voor uw eigen bedrijf te overwegen.