High-Fidelity & Low-Fidelity Prototyping: wat, hoe en waarom?

de termen “high fidelity “en” low fidelity “werden in de eerste plaats gebruikt in de rockmuziek om de klank-en spelvaardigheden van de rock -‘ N-roll aan het eind van de jaren tachtig te beschrijven. naarmate de jaren verstrijken, worden ze ook toegepast in het ontwerp van web/apps om te verwijzen naar de verschillende niveaus van details en functionaliteit die in een prototype zijn ingebouwd.

echter, wat zijn de feitelijke verschillen tussen hen, hoe en waarom moeten we kiezen voor het prototype met hoge of lage getrouwheid voor een beter ontwerp of gebruikersonderzoek?

hierna zal ik u de basisprincipes en verschillen uitleggen die in de high fidelity en low fidelity liggen, en uitleggen waarom en hoe deze te kiezen om uitstekende prototypes te maken voor een beter ontwerp of gebruikersonderzoek.

inhoudsopgave:

• eerst, wat is een prototype
• Wat is een prototype met lage getrouwheid
• verschil tussen prototype met hoge getrouwheid en prototype met lage getrouwheid
• hoe en waarom te kiezen voor hifi-of low-fi-prototype voor een beter ontwerp
• beste prototyping tool voor uw web/app-ontwerp

eerst, wat is een prototype?

“een prototype is een vroeg monster, model of release van een product dat is gebouwd om een concept of proces te testen. Het is een term die wordt gebruikt in een verscheidenheid van contexten, waaronder semantiek, ontwerp, elektronica, en software programmering.”- – – – van Wikipedia.

als het gaat om UI/UX-ontwerp, helpt een prototype ontwerpers hun ontwerpideeën te vertalen in een digitaal en tastbaar model. Zij kunnen directty test delen of alle van de ui ‘ s, interacties en UX stromen om te zien of ze werkbaar en excutabel zijn.Aangezien de behoeften van de teams verschillen, maken zij bovendien het prototype van de low-fidelity of het prototype van de high-fidelity om hun ontwerpideeën voor verschillende doeleinden te testen.

Wat Is een Prototype met lage betrouwbaarheid?

het low-fidelity prototype-bekend als low-tech, low-fi of Lo-fi prototype, is een halffabrikaat dat zich richt op functie, structuur, proces, en biedt het eenvoudigste kader en elementen van een web/app. Het wordt vaak gebruikt om ontwerpideeën te vertalen in toetsbare en tastbare artefacten voor het verzamelen en analyseren van de eisen van de gebruiker in een vroeg stadium.

Wat Is dan een Prototype van hoge kwaliteit?

het high-fidelity prototype, bekend als high-tech, high-fi of hi-fi prototype, is een uitgebreid en interactief prototype dat vrij dicht bij de eindproducten ligt met veel functies, interacties en details. Het wordt vaak gebruikt in de latere usability evaluatie om de potentiële problemen te ontdekken dat een web/app ontwerp nog steeds kan bestaan.

verschil tussen Prototype met hoge getrouwheid en prototype met lage getrouwheid

ken je nog steeds de verschillen tussen prototypes met lage getrouwheid en met hoge getrouwheid? Geen zorgen! Hier zijn 3 voorbeelden van echte low-fidelity prototypes om u meer te leren over low-fi prototypes:

1. Low Fidelity Motion Prototype Example

dit low-fi prototype toont de tweede menubewegingen duidelijk zonder al te veel te focussen op de UI-details.

2. Low Fidelity UX Prototype voorbeeld voor een Website Builder

deze low fidelity UX prototype presenteert de pagina lay-outs, navigatiesystemen en gebruikersstromen van interacties duidelijk zonder al te veel UI details. Het helpt ontwerpers testen veronderstellingen en vinden onzichtbare UX problemen snel.

3.Lo-fi Prototype voorbeeld aanbesteding

dit is een ander goed voorbeeld (gemaakt in Mockplus, een eenvoudiger sneller en slimmer prototyping tool) om de belangrijkste lay-outs en element plaatsingen van een app te tonen. Zelfs zonder elementdetails helpt het ontwerpers potentiële problemen in een eerder stadium te detecteren en aan te pakken.

zie het? Zelfs zonder UI-details helpt het low-fi prototype ontwerpideeën over te brengen en de belangrijkste functies, structuren, stromen en interacties van een web/app gemakkelijk te tonen. Het brengt ontwerpers veel voordelen.

voordelen van low fidelity prototypes:

• lage kosten. De kosten van een low-fidelity prototype zijn extreem laag.
• snel. Zonder zich te concentreren op elk interfacedetail, kunnen ontwerpers gewoon hun ontwerpideeën volgen en binnen een paar minuten een eenvoudig en testbaar prototype maken.
• gemakkelijk aan te tonen, samen te werken en te herhalen. Zonder al te veel UI details, een low-fi prototype vereist niet veel professionele vaardigheden. En meer mensen kunnen meedoen en samenwerken aan hetzelfde project. Het is ook gemakkelijk voor ontwerpers om wijzigingen aan te brengen en het prototype te herhalen tijdens de samenwerking.
• eenvoudig feedback te krijgen. Omdat een low-fidelity prototype gemakkelijk te dragen en te demonstreren is, kunnen ontwerpers het ook direct delen met andere mensen (inclusief de teamleden en stakeholders) om ontwerpfeedback te verzamelen.
• gemakkelijk op te sporen en mogelijke problemen aan te pakken. Een low-fidelity prototype stelt ontwerpers ook in staat om gebruikersstromen, interacties en navigatie menu ‘ s van een web/app eenvoudig te testen. Het is goed voor ontwerpers om potentiële UI/UX problemen snel te detecteren en aan te pakken.

nadelen van low fidelity prototypes:

• beperkte UI details / animaties / interacties. Om ideeën snel over te brengen, wordt een low-fidelity prototype vaak gemaakt met beperkte UI details, functies, animaties en interacties, enz. Zo, het is niet goed voor andere ontwerpers of teamleden om een volledig begrip van de web / app design.
• de testresultaten zijn beperkt en onnauwkeurig. Zonder voldoende ontwerpdetails kan een low fidelity prototype, tot op zekere hoogte, de echte gebruikersscenario ‘ s niet nauwkeurig simuleren. De testresultaten zijn ook onvermijdelijk beïnvloed en onnauwkeurig. Onnodig te zeggen dat wanneer het prototype in een later stadium dramatisch wordt aangepast, de testresultaten compleet anders kunnen zijn.

dus, als u slechts enkele ontwerpideeën krijgt, wilt u ze met een eenvoudig prototype presenteren, bespreken en samenwerken met andere ontwerpers of teamleden alvorens in te graven, is een low-fidelity prototype perfect voor u.

en vervolgens, hier zijn 3 voorbeelden van echte high-fidelity prototypes om u meer te leren over high-fi prototypes:

1. Job List High Fidelity Prototype Example

dit high fidelity prototype toont niet alleen de details van de gebruikersinterface, maar geeft ook gebruikersstromen en interacties duidelijk weer. Ontwerpers kunnen gemakkelijk controleren en testen zeer klein detail om te zien of er nog een aantal UI/UX problemen.

2. High Fidelity Prototype Voorbeeld

3. Productontwerp High Fidelity Prototype voorbeeld

met een high-fidelity prototype kunt u ontwerpideeën overbrengen met rijke kleuren, knoppen, foto ‘ s, pictogrammen, animaties, interacties en meer details.

voordelen van high-fidelity prototypes:

• rijke designdetails. De high-fidelity prototypes zijn gebouwd met meer HQ foto ‘ s, kleuren, animaties, pictogrammen, knoppen en andere elementen. Elk element is precies ontworpen alsof het in een echte website/app.
• beter visueel effect. Met een geweldig kleurenschema, levendige animaties, lay-outs en meer, heeft een high-fidelity prototype ook vaak betere visuele effecten dan een low-fidelity prototype.
• nauwkeurigere testresultaten. Met rijke details, een high-fidelity prototype ziet eruit als een echte web/app. Het is gemakkelijk voor ontwerpers om de echte gebruikersscenario ’s te simuleren en het product te testen vanuit alle mogelijke aspecten, inclusief de interacties, gebruikersstromen, elementeffecten en kleurenschema’ s en de UX. De testresultaten zijn ook veel nauwkeuriger.
• effectievere feedback. Natuurlijk, na te zijn gedeeld met andere ontwerpers en teamleden, de ontvangen feedback is ook effectiever om de bestaande problemen aan te pakken.
• aantrekkelijker voor cliënten en belanghebbenden. Het is ook goed voor ontwerpers om duidelijk te presenteren hoe de uiteindelijke web/app moet werken en te helpen meer klanten, stakeholders en investeerders aan te trekken.

nadelen van high-fidelity prototypes:

• hogere kosten. Een high-fidelity prototype moet vaak worden gemaakt met een professionele prototyping tool. In vergelijking met het low-fidelity prototype, de kosten ervan is zeker veel hoger.
• moeilijk te veranderen en te herhalen. Wanneer een aantal wijzigingen worden aangebracht, moet een reeks pagina ‘ s of elementen in een high-fidelity prototype ook worden gewijzigd op hetzelfde moment. Dit kan lastig en tijdrovend zijn.

een high-fidelity prototype is dus zeer functioneel en interactief voor u en uw team om enkele kleine UI/UX-problemen te vinden en aan te pakken, en om meer aandeelhouders en klanten te krijgen in de eindfase van het ontwerp.

hoe en waarom te kiezen voor hifi-of Low-fi-Prototype voor een beter ontwerp?

zoals hierboven vermeld, Spelen high fidelity en low fidelity een heel andere rol bij het maken van succesvolle ontwerpen, dus kunt u ze beter ook gebruiken voor verschillende aankopen of in verschillende ontwerpstadia:

1.Waarom is een low fidelity prototype beter voor u in de vroege ontwerpfase?

het is duidelijk dat het prototype met lage getrouwheid zich meer richt op concepten op hoog niveau van de eindproducten en helpt de potentiële problemen te ontdekken en ze in een zeer vroeg stadium op te lossen.

het helpt ervoor te zorgen dat u en uw team het juiste ontwerpthema en de juiste richting hebben gekozen en gevolgd alvorens in te graven.

dus, in de vroege ontwerpfase, wanneer u en uw team streven naar het snel vertalen van ideeën in gevisualiseerde prototypes, het verkorten van herhalingen en het verzamelen van feedback van gebruikers, is een low-fidelity prototype een veel betere keuze.

Kort gezegd, wanneer is het juiste moment om een low-fi prototype te gebruiken?

• wanneer een ontwerpidee in uw hoofd flitst en u het snel wilt omzetten in een tastbaar model
• wanneer u uw ontwerpideeën zo snel mogelijk met uw partners wilt bespreken
• wanneer u wilt testen of de ontwerpideeën haalbaar zijn en voldoen aan de behoeften van de gebruikers
• wanneer u feedback wilt krijgen van andere teamleden

Waarom is high fidelity prototyping beter voor u in de eindfase van het ontwerp?

en aangezien het prototype met hoge betrouwbaarheid vaak veel aandacht besteedt aan de details en functies van een web/app, is het vaak beter voor ontwerpers om de haalbaarheid van web/app-ontwerpen te testen en meer gebruikers/belanghebbenden aan te trekken in de eindfase van het ontwerp.

Kort gezegd, wanneer is het beste moment om een high-fi prototype te gebruiken?

• wanneer het visuele ontwerp van uw product is voltooid
• wanneer u uw web/app-details wilt testen, zoals de UI-elementen, kleurenschema ‘ s en paginakopieën, enz
• wanneer u een interactie, workflow, gebruikersstroom, overgangs-animatie, visuele effecten of soortgelijke ontwerpideeën met volledige UI-details wilt testen
• wanneer u de feedback van andere ontwerpers en gebruikers wilt weten

een juiste prototyping tool voor een beter ontwerp?

het maakt niet uit of je een prototype van high fidelity of low fidelity kiest, het enige doel is om je fantastische ontwerpideeën levendiger te presenteren en uitstekende web/app prototypes te bouwen, toch? Als uw antwoord “ja” is, is de volgende stap voor u om een juiste prototyping tool te kiezen.

maar weet nog steeds niet hoe? Hier zijn verschillende tips voor uw referenties:

• Price. De prijs is altijd de belangrijkste factor voor u om een low-fi of high-fi prototyping tool te kiezen. Echter, het is niet de enige factor die u rekening moet houden. Een goedkope of dure prijs geeft niets aan. Wat je nodig hebt is alleen degene die het beste bij je past.
• leercurve. Hoe lang het duurt voor u en uw team om een nieuwe tool te leren is altijd belangrijk bij het kiezen van een juiste prototyping tool. Dus, als je geen tijd wilt verspillen met het verkennen van nieuwe functies van een tool, is het het beste voor u om een gemakkelijkere te kiezen.
• gebruik. Deze dagen, er zijn veel prototyping tools die er zijn die volledig verschillende functies bieden. Om de meest geschikte voor u en uw team te kiezen, is het het beste om te weten welke functies u precies nodig hebt in uw productontwerpproces. Dus, is het noodzakelijk voor u om de echte behoeften van uw teamleden uit verschillende afdelingen op voorhand te weten te komen.
• Teamwork. Om ontwerpideeën te bespreken en feedback van andere teamleden tijdig te krijgen, kiezen de meeste ontwerpers/ontwerpteams liever voor een prototyping-tool die teamwerk ondersteunt. Heb je dat ook nodig? Als u dat doet, is een tool waarmee u en uw team vrij online kunnen communiceren en samenwerken een betere optie.
• trouw. Nou, terwijl het kiezen van een prototyping tool, is het ook noodzakelijk om de trouw in aanmerking te nemen.
• integratie. Een andere factor die u moet overwegen is om te zien hoe goed de prototyping tool past bij uw ontwerpproces. Tegenwoordig zijn veel prototyping-tools geïntegreerd met andere tools, zoals Sketch, PS, Facebook, Slack en meer, voor het geval dat gebruikers vaak van gereedschap moeten wisselen tijdens het ontwerpen.

over het algemeen hoop ik dat deze tips u kunnen helpen een juiste tool te kiezen.

3 Best low fidelity prototyping Tools

hier zijn 3 best low fidelity prototyping tools voor uw referenties:

papier en pennen

met het snelste en eenvoudige gereedschap helpen Pennen en papier uw ideeën gemakkelijk en snel te tekenen en vergemakkelijken ze ook de interne discussie tussen de teamleden. Zelfs als ik soms prototyping software moet gebruiken om te tekenen, gebruik ik meestal Pennen en papier om mijn ideeën eerst te verduidelijken.

Pros:

• Volledig gratis
• Snel
• Gemakkelijk om te beginnen met

Nadelen:

• Geen slimme interacties en animaties
• U kan niet al uw ideeën helder
• Je kan niet discussiëren en test elk detail

Mockplus

Mockplus is een krachtige low-fidelity prototypes tool die veel aandacht krijgt in de afgelopen jaren. Hiermee kunt u ontwerpideeën vertalen naar interactieve prototypes, testen, delen en herhalen met gemak. De teamsamenwerking en het beheer functie helpt ook het verbeteren van uw werk efficiëntie moeiteloos.

Pros:

• Geef meer dan 200 vooraf gebouwde componenten en 3000 vooraf ontworpen pictogrammen
• Creëer interacties met eenvoudige drag-and-drop
• geef veel opties om pagina ‘ s en prototypes te exporteren
• geef veel voorbeelden en projecten
• geef veel manieren om een prototype online of op mobiel te delen en te testen
• Communiceer, becommentarieer en werk samen met een prototype online
• integreer met Sketch

Cons:

• niet volledig vrij

Balsamiq mockups

Basamiq is een eenvoudige low-fidelity prototyping tool waarmee u uw ontwerpideeën direct op een whiteboard kunt schetsen. Het is echt handig als u zich alleen richt op de structuren en het totaalconcept van uw ontwerp.

Cons:

• een ingebouwde handgeschilderde UI-bibliotheek
• exporteer ontwerpen rechtstreeks naar PNG / PDF-afbeeldingen

Cons:

• gebrek aan basisinteracties tijdens het ontwerpen van prototyping

2 beste High Fidelity Prototyping Tools

Marvel App

Marvel app is een krachtige high-fidelity prototyping tool die ondersteuning biedt voor het gezamenlijk online maken van wireframes, prototypes en mockups. Hiermee kunt u direct afbeeldingen uploaden (inclusief de JPF, GIF en PSD) en animaties toevoegen om snel interactieve prototypes te maken.

Mockplus Cloud

Mockplus Cloud is een professionele online design collaboration tool waarmee productmanagers, ontwerpers en ontwikkelaars online kunnen samenwerken met auto specs, assets en codefragmenten.

het wordt ook gebruikt als een all-in-one high-fidelity prototyping tool. U kunt eenvoudig ontwerpen uploaden met assets en spec-details van Sketch/PS/Adobe XD en rijke interactiecommando ‘ s toevoegen om interactieve en high-fidelity prototypes te maken.

voor een productteam kan het nieuw gemaakte prototype ook worden gedeeld met één link en in real-time feedback krijgen.

om veel meer gebruikers aan te trekken, worden tegenwoordig veel prototyping-tools gemaakt om zoveel mogelijk aan de behoeften van gebruikers te voldoen. Er lijkt geen duidelijke grens tussen een low-fi en high-fi prototyping tool.

dus, om een juiste prototyping tool te kiezen, is het het beste voor u en uw team om meer gereedschapsopties te nemen voor het testen.

Wrap Up

het maakt niet uit wat de verschillen zijn tussen low fidelity en high fidelity prototyping, hoe en waarom u kiest voor low fidelity of high fidelity prototyping voor een beter ontwerp of gebruikersonderzoek, een goede prototyping tool, zoals de gemakkelijkere en snellere, Mockplus, betekent vaak veel voor u om een uitstekende web/app te maken met mooie interfaces en goede gebruikerservaringen. Ik hoop dat dit artikel u toch kan inspireren.

u vindt het Misschien Ook Leuk:

welke Prototypingtools hebt u nodig voor UX Design?

Wat zijn de voordelen van Prototyping? Hoe maak je er het beste van?

teamsamenwerking van Prototypingtools: Axure VS Mockplus

Wireframe vs Mockup vs Prototype & selectie van Prototypingtools