Ooit, als je het woord “design” zei, was de kans overweldigend groot dat je het over grafisch ontwerp had. Maar tegenwoordig wordt de digitale wereld steeds ingewikkelder en verschijnen er veel nieuwe functies, wat tot verwarring leidt voor mensen buiten of die nieuw zijn in de ontwerpindustrie. Hier is een snel overzicht van de vier verschillende primaire vormen van design om je te helpen begrijpen wat ze betekenen.
afbeelding door: Netizen Experience
Zoals te vinden is op Wikipedia “User experience design (UXD, UED of XD) is het proces van het verhogen van de tevredenheid van de gebruiker door het verbeteren van de bruikbaarheid, toegankelijkheid en het plezier dat wordt geboden in de interactie tussen de gebruiker en het product. User experience design omvat het traditionele human-computer interaction (HCI) design, en breidt het uit door alle aspecten van een product of dienst aan te pakken zoals waargenomen door gebruikers.”
UX designer is de persoon die verantwoordelijk is voor het creëren van de producten “logica” via wireframes en prototypes via software zoals Axure, JustInMind, Mockplus etc. Communicatie is een van de kritische vaardigheden van de UX ontwerpers. Ze voeren ook onderzoek en concurrentie-analyses uit in het begin, evenals usability testing en A/B testing nadat het project is gelanceerd. UX ontwerpers zijn vooral bezig met hoe het product aanvoelt. Als je website of app moeilijk te gebruiken is, zullen gebruikers waarschijnlijk gefrustreerd raken en naar iets anders overstappen. Als ze een geweldige ervaring hebben, is de kans groter dat ze terugkomen en hun vrienden vertellen hoe geweldig je app is.
Deliverables: Wireframes, Prototypes, Storyboards, Sitemap, Geschreven specificaties.
Tools of the trade: Sketch, Axure, Mockplus, Fireworks, UXPin
UI Design (User Interface Design)
afbeelding door: julessdesign
Auteur en oprichter van Adaptive Path – een adviesbureau voor gebruikerservaring, Jesse James Garrett, definieert interface-ontwerp als alles wat te maken heeft met het selecteren van de juiste interface-elementen – zoals tekst, knoppen, tekstvelden, met kleur gecodeerde lijsten, enz. – voor de taak die de gebruiker probeert te volbrengen en het rangschikken daarvan op het scherm op een manier die gemakkelijk te begrijpen en gemakkelijk te gebruiken zal zijn. Het doel is om de interactie van de gebruiker zo efficiënt en eenvoudig mogelijk te maken.
Interface-elementen omvatten, maar zijn niet beperkt tot:
Invoercontroles: knoppen, tekstvelden, selectievakjes, keuzerondjes, dropdown-lijsten, lijstvakken, toggles, datumveld
Navigatiecomponenten: breadcrumb, slider, zoekveld, paginering, slider, tags, pictogrammen
Informational Components: tooltips, pictogrammen, voortgangsbalk, notificaties, message boxes, modal windows
Containers: accordeon
Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks, InVision
IA (Informatiearchitectuur)
imgae by: ga-core.s3.amazonaws.com
Informatiearchitectuur (IA) heeft betrekking op de manier waarop een website/app is gestructureerd en hoe de content is georganiseerd. Het doel is om gebruikers te helpen informatie te vinden en taken te voltooien. “Met andere woorden, informatie-architectuur is het creëren van een structuur voor een website, applicatie, of een ander project, dat ons in staat stelt om te begrijpen waar we zijn als gebruikers, en waar de informatie die we willen zich bevindt in relatie tot onze positie. Informatie architectuur resulteert in de creatie van site maps, hiërarchieën, categorisaties, navigatie, en metadata. Wanneer een content strateeg begint met het scheiden van content en het indelen daarvan in categorieën, is zij bezig met informatie-architectuur. Wanneer een ontwerper een top level menu schetst om gebruikers te helpen begrijpen waar ze zich op een site bevinden, beoefent hij ook informatie-architectuur”- van uxbooth.com
Enkele kwalificaties voor IA:
1. Ervaring met het documenteren van complexe digitale eigendommen (websites, mobiele apps, producten en systeemdiensten)
2. Uiterst gedetailleerde documentatie, vermogen om discrepanties, scheuren, enz. te vinden in complexe site documentatie
3. Bedreven met Axure, OmniGraffle, Keynote, Visio en alle andere programma’s die direct verband houden met IA
4. Analyseert beschikbare informatie en middelen om de optimale IA-aanpak te beoordelen
Sterke communicatieve vaardigheden (schriftelijk en mondeling), en het vermogen om effectief te presenteren aan bureau- en klantpersoneel
5. Moet analytisch, hardwerkend, creatief, nieuwsgierig en geïnteresseerd in mensen en ideeën zijn
6. Moet een zelfverzekerde en gemotiveerde self-starter zijn
IxD (Interaction Design)
Definitie van IxD: “Interaction Design (IxD) definieert de structuur en het gedrag van interactieve systemen. Interaction Designers streven naar het creëren van zinvolle relaties tussen mensen en de producten en diensten die ze gebruiken, van computers tot mobiele apparaten tot apparaten en nog veel meer. Onze praktijken evolueren met de wereld.”- van ixda.org
IxD designer zijn de mensen die verantwoordelijk zijn voor de websites/apps bewegende elementen & interacties. Als je een coole animatie hebt gezien op een website of app, waarvan je zei wow of dat is echt cool, dat zijn de dingen die motion designers doen.
De functieomschrijving van IxD designer bij Google:
In een Interaction Designer-rol pak je complexe taken aan en transformeer je ze in intuïtieve, toegankelijke en gebruiksvriendelijke ontwerpen voor miljarden mensen over de hele wereld – van de eerste keer gebruiker tot de geavanceerde expert. Om dit doel te bereiken moet je samenwerken met teams van Designers, Researchers, Engineers en Product Managers gedurende het hele ontwerpproces – van het creëren van user flows en wireframes tot het bouwen van mockups en prototypes van gebruikersinterfaces. In elke fase anticipeer je op wat onze gebruikers nodig hebben, pleit je voor hen en zorg je ervoor dat het eindproduct hen verrast en in verrukking brengt.
Dus in een oversimplificeerde en gebruiksvriendelijke notendop, UX Design is hoe een gebruiker zich voelt over de apps, UI Design is wat, waar en hoe elementen werken op de apps, Informatie Architectuur is hoe een app is georganiseerd, en Interaction Design is hoe de gebruiker en app handelen en reageren op elkaar.
Last but not least, de grenzen tussen elk van deze verschillende design rollen zijn zeer vloeiend. De IxD is vrij vergelijkbaar met UX-design in zijn aanpak, omdat het deel uitmaakt van de UX-ontwerpcyclus, dus in sommige gevallen kunnen deze rollen veel overlap hebben.