Wat is UX?
User experience is, zoals de term al aangeeft de beleving die iemand heeft tijdens de interactie met het product tat ze gebruiken. Interactie is een uitwisseling van informatie die leidt tot een verandering bij beide deelnemers Zintuigen, handelingen, mentale werking.
“de lange schoenlepels bij de IKEA zijn een geweldige user experience want dan hoef ik niet te bukken”
- Arno Broeders
Wat is UX design?
Design thinking
Dartoe hanteren we een simpel ‘proces’ gebasseerd op het design thinking
doel → ontwerp → resultaat (empathize → define → ideate → prototype → test → implement)
Hoe dan
Doel Bepaald een duidelijk doel door te onderzoeken wat de personen waarvoor je iets maakt zouden willen bereiken. Dat vertaal je naar de ‘functionaliteit’
ontwerp
op basis van de gevraagde functionaliteit ontwerp je een interactie voor de gebruiker. Zodanig dat deze begrijpelijk is voor de gebruiker
Resultaat Je test of het ontwerp werkt en het doel bereikt word en bouw je het daadwerkelijk
Doel
Het doel is in deze module gegeven in het project ‘smart energy’ De gebruikers inzicht te geven in diverse..
Ontwerp
wireframes
Bedenk wat er op et scherm moet komen en waar plaats je dat?
Een bruikbaar middel daarvoor is een wireframe
Welke informatie toon ik? Welke functies bied ik aan? Waar en in welke volgorde?
Vormgeving
Nadat je bedacht hebt wat je laat zien komt de vraag: hoe toon ik dit aan de gebruiker?
Welke vormgeving? wat voor afbeeldingen welke kleuren
En waarom? wat ‘doet’ dit met de gebruiker?
Wat zit er allemaal in een wireframe
Ontwerpen van informatie en functionaliteit
- layout
- navigatie elementen (navigation bar)
- interactieve elementen
Voorbeeld
layout van een wireframe
Volgorde en prioriteit van onderdelen Wat is er belangrijk? Wat hoort bij elkaar? Hoe lijken mensen naar een scherm?
Maak je elementen gestructureert en netjes om te lezen houd het clean en simpel de structuur moet logisch zijn, “dont make me think”
Elementen
Maak elementen op je webpagina duidelijk wat je kan klikken en wat niet Het moet in 1 oogopslag duidelijk zijn wat er klikbaar is.