Misschien heb je de termen “Lo-Fi-ontwerp” en “Hi-Fi-ontwerp” al eens gehoord. Die afkortingen staan voor Low-Fidelity en High-Fidelity. Het zijn beide prototypes van een product (software in ons geval) waarmee de opdrachtgever al vroeg in het proces een beeld krijgt hoe het er uiteindelijk uit komt te zien. We leggen je graag het verschil tussen deze twee prototypes en het belang ervan uit.
Waarom een prototype?
Bij Iconica werken we voor de ontwikkeling van software volgens de principes van Design Thinking. We willen de opdrachtgever zo snel mogelijk iets laten zien, waarop diegene feedback kan geven. Daarom werken we met prototypes. Zo kunnen we al in een vroeg stadium feedback ophalen bij de opdrachtgever. Diegene krijgt daardoor een goed beeld bij wat we aan het maken zijn. Ook is het dankzij zo’n prototype mogelijk om op tijd bij te sturen als dat nodig is.
Prototypes zijn nuttig om te laten zien waar we het over hebben en dat te bespreken met de opdrachtgever. Ook kunnen we dankzij een prototype al vroeg in het proces feedback verzamelen.
In onze ogen is het belangrijk dat er bij elke vorm van softwareontwikkeling zowel een Lo-Fi- als een Hi-Fi-ontwerp is gemaakt. Soms heeft de opdrachtgever zelf een eerste schets gemaakt (die als Lo-Fi kan dienen). Meestal maken wij zelf het Lo-Fi- en Hi-Fi-ontwerp.
Lo-Fi- vs. Hi-Fi-ontwerp
De mate van “Fidelity” gaat over de mate waarin het prototype een goed beeld geeft van het uiteindelijke resultaat. Een Lo-Fi staat relatief ver af van het eindresultaat; het is enkel een schets. Een Hi-Fi-prototype is verder ontwikkeld en lijkt daardoor meer op wat het eindproduct moet worden. Voor het Hi-Fi is het design veel meer uitgedacht. Maar het Lo-Fi is als eerste stap nodig om te weten voor welke basis we überhaupt gaan designen.
Zowel het Lo-Fi als het Hi-Fi-ontwerp is bedoeld voor het designen van de software. Daarnaast moeten we de software uiteraard ook ontwikkelen (“bouwen”). Dat doen de Developers.
> Lees ook: Een app ontwikkelen, hoe gaat dat in zijn werk?
Development en Design lopen altijd door elkaar heen tijdens het ontwikkelproces. Daarbij splitsen we de werkzaamheden op volgens de Kanban-methode, waardoor steeds helder is wie wat doet en wat er op een bepaald moment opgeleverd moet zijn. Bovendien werken we volgens de principes van Scrum. Dat houdt onder andere in dat we steeds na een korte periode (vaak een paar weken) een aantal zaken opleveren (zowel op het gebied van design als op het gebied van development).
Lo-Fi-ontwerp
Een Lo-Fi-ontwerp is een heel simpel prototype waarmee je in grote lijnen laat zien hoe de software er ongeveer uit kan zien. Soms is een Lo-Fi-ontwerp statisch (een losse tekening), soms is het interactief (je kunt erdoorheen klikken). Met het Lo-Fi maken we de paginastructuur in grote lijnen inzichtelijk. De kleuren, huisstijl, lettertypes en dergelijke zijn dan nog niet uitgedacht. We geven alleen de pagina-indeling en inhoudsblokken aan. Denk aan de plek waar een afbeelding komt te staan en de hoeveelheid tekst.
Je kunt het Lo-Fi zien als een zwart-wit-tekening. Het geeft je een grof beeld van hoe het uiteindelijke ontwerp moet worden. De details zijn nog niet vastgesteld.
Wij noemen het Lo-Fi ook wel “praatplaat”. Door een schets te maken van de grote lijnen van de app, is het makkelijker om in de eerste fases te laten zien wat we bedoelen en dat idee met de opdrachtgever te bespreken. Dankzij het Lo-Fi-ontwerp kunnen we al vroeg in het proces checken of ons eerste plan past bij wat je zoekt. Is dat niet zo, dan sturen we direct bij. Er is dan niet al een heel visueel ontwerp gemaakt, wat veel kosten scheelt.
Overigens gaat aan het Lo-Fi-ontwerp wel het nodige werk vooraf. Voordat we een Lo-Fi maken, moeten we concreet maken wie jouw doelgroep is. Daarvoor stellen we persona’s op. Daarnaast maken we een flowchart, waarin o.a. terugkomt welke componenten er moeten komen en in welke volgorde.
Voorbeeld Lo-Fi
Om je een beeld te geven van hoe een Lo-Fi-ontwerp eruitziet, hebben we hieronder een voorbeeld van een Lo-Fi gezet.Zoals je ziet, is dit puur een snelle schets waarin terugkomt welke elementen er in het uiteindelijke ontwerp moeten komen.
Hi-Fi-ontwerp
Als het Lo-Fi-ontwerp een zwart-wittekening is, dan is het Hi-Fi-ontwerp de ingekleurde variant daarvan. Het verschil tussen het Lo-Fi- en Hi-Fi-ontwerp zit hem voornamelijk in het werk dat de UI Designer in de tussentijd doet. Diegene gaat het Lo-Fi-ontwerp volledig “inkleuren”. De UI Designer gaat bijvoorbeeld de huisstijl vaststellen, kleuren selecteren, de witruimtes bepalen, lettertypes kiezen en bepalen hoeveel tekstvakken er komen.
Nog een verschil is dat het Hi-Fi-ontwerp ook interacties bevat. Oftewel: functies die de gebruiker in de software kan gebruiken. Althans, het Hi-Fi ontwerp is nog geen werkend product. Maar er is wel al bedacht waar bijvoorbeeld een knop komt en wat er moet gebeuren als je op die knop klikt. De knop werkend maken is een taak die de Developer later oppakt.
Uiteraard zijn zowel de huisstijlelementen als de interacties volledig afgestemd op de behoeften en wensen van de eindgebruiker. Zo weten we zeker dat we software ontwikkelen die de eindgebruiker ook echt gebruikt en waardeert.
Voorbeeld Hi-Fi
Het Hi-Fi is dus de ingekleurde versie van het Lo-Fi. Nemen we het voorbeeld van hierboven er nog eens bij, dan ziet een Hi-Fi er bijvoorbeeld als volgt uit:
Dus: waarom een Lo-Fi en Hi-Fi-ontwerp?
Door zowel een Lo-Fi- als een Hi-Fi-ontwerp te maken, kunnen we al vlot feedback van de opdrachtgever krijgen op het ontwerp voor de software. De opdrachtgever weet al voordat er een compleet design ligt wat we in gedachten hebben. Bijsturen kan daardoor al snel. Het Hi-Fi-ontwerp geeft daarnaast, later in het proces, een beeld bij onze huisstijlkeuzes en bij de interacties. Ook dit stelt jou als opdrachtgever in staat om feedback te geven.
Door al vlot keuzes te maken, hoeven we niet aan het eind van het proces nog allerlei grote dingen te wijzigen. Jij weet als opdrachtgever waar we tot nu toe aan werken en wij weten zeker dat dit is wat jij zoekt.
Koffie drinken?
Meer weten over onze diensten als ontwikkelaar van maatwerksoftware? Bel, app of mail ons. We drinken graag vrijblijvend een (digitale) kop koffie met je.
T: 0314 – 78 25 67
Of stuur ons een WhatsApp-bericht.
