High-Fidelity & Low-Fidelity Prototyping: Hva, Hvordan Og Hvorfor?

faktisk ble begrepene «high fidelity» og «low fidelity» først brukt i rockemusikk for å beskrive lyden og spilleferdighetene til rock and roll på slutten av 1980-tallet. Etter hvert som årene går, brukes de også i web / app-design for å referere til de ulike nivåene av detaljer og funksjonalitet som er innebygd i en prototype.

men hva er de faktiske forskjellene mellom dem, hvordan og hvorfor skal vi velge høy eller lav fidelity prototype for en bedre design eller brukerforskning?

I det følgende vil jeg gå deg gjennom det grunnleggende og forskjellene som ligger i high fidelity og low fidelity, og forklare hvorfor og hvordan du velger dem for å lage gode prototyper for bedre design eller brukerforskning.

Innholdsfortegnelse:

• Først, Hva er en prototype
• Hva er en prototype med lav fidelity
• Hva er en prototype med høy fidelity
• Forskjellen mellom prototype med høy fidelity og lav fidelity
• Hvordan og hvorfor velge hi-fi eller low-fi prototype for et bedre design
• Beste prototypeverktøy for web/app design

først, hva er en prototype?

«en prototype er en tidlig prøve, modell eller utgivelse av et produkt bygget for å teste et konsept eller en prosess. Det er et begrep som brukes i en rekke sammenhenger, inkludert semantikk, design, elektronikk og programmering.»- – – – Fra Wikipedia.

når DET gjelder UI/UX-design, hjelper en prototype designere med å oversette designideer til en digital og håndgripelig modell. De kan direkte teste deler eller alle UIs, interaksjoner og UX-strømmer for å se om de er brukbare og utrolige.

dessuten, Siden behovene til lagene varierer, de også gjøre low fidelity prototype eller high fidelity prototype for å teste sine design ideer for ulike formål.

Hva Er En Low Fidelity Prototype?

low-fidelity prototype – kjent som low-tech, low-fi eller lo-fi prototype, er en halvfabrikat prototype som fokuserer på funksjon, struktur, prosess og gir det enkleste rammeverket og elementene i en web/app. Det brukes ofte til å oversette designideer til testbare og håndgripelige gjenstander for å samle og analysere brukerens krav på tidlig stadium.

Så, Hva Er En High Fidelity Prototype?

high-fidelity prototype – kjent som high-tech, high-fi eller hi-fi prototype, er en omfattende og interaktiv prototype som ligger ganske nær sluttproduktene med mange funksjoner, interaksjoner og detaljer. Det brukes ofte i den senere brukervennlighets evalueringen for å oppdage de potensielle problemene som et web – / appdesign fortsatt kan eksistere.

Forskjell Mellom High Fidelity Og Low Fidelity Prototype

vet Du fortsatt ikke forskjellene mellom low fidelity og high fidelity prototyper? Ikke bekymre deg! Her er 3 ekte low-fidelity prototype eksempler for å hjelpe deg å lære mer om low-fi prototyper:

1. Low Fidelity Motion Prototype Eksempel

denne low-fi prototype viser den andre menyen bevegelser tydelig uten å fokusere for mye på SIN UI detaljer.

2. Lav Fidelity Ux Prototype Eksempel For Et Nettsted Byggmester

denne lave fidelity UX prototype presenterer sideoppsett, navigasjonssystemer og bruker flyter av interaksjoner klart uten for mye UI detaljer. Det hjelper designere teste forutsetninger og finne usynlige ux problemer raskt.

3.Lo-fi Prototype Eksempel Anbud

Dette er et annet godt eksempel(opprettet i Mockplus, et enklere raskere og smartere prototypingsverktøy) for å vise hovedoppsettene og elementplasseringene til en app. Selv uten elementdetaljer hjelper det designere med å oppdage og takle potensielle problemer på et tidligere stadium.

Ser du det? Selv uten UI-detaljer hjelper low-fi-prototypen med å formidle designideer og vise hovedfunksjoner, strukturer, strømmer og interaksjoner av en web/app enkelt. Det gir designere mange fordeler.

Fordeler med lav fidelity prototyper:

• Lav pris. Kostnaden for en low-fidelity prototype er ekstremt lav.
• Raskt. Uten å fokusere på alle grensesnittdetaljer, kan designere bare følge designideer og lage en enkel og testbar prototype innen få minutter.
• Lett å demonstrere, samarbeide og iterere. Uten for mange UI-detaljer krever en low-fi-prototype ikke mange faglige ferdigheter. Og flere mennesker kan bli med og samarbeide om det samme prosjektet. Det er også enkelt for designere å gjøre endringer og iterere prototypen under samarbeidet.
• Lett å få tilbakemelding. Siden en prototype med lav kvalitet er enkel å bære og demonstrere, kan designere også dele den direkte med andre mennesker (inkludert teammedlemmene og interessentene) for å samle designtilbakemeldinger.
• Lett å oppdage og takle potensielle problemer. En low-fidelity prototype lar også designere teste brukerflyt, interaksjoner og navigasjonsmenyer av en web/app enkelt. Det er bra for designere å oppdage og takle potensielle ui/UX-problemer raskt.

Ulemper med lav fidelity prototyper:

• Begrenset UI detaljer / animasjoner / interaksjoner. For å formidle ideer raskt, er en low-fidelity prototype ofte opprettet med begrensede UI detaljer, funksjoner, animasjoner og interaksjoner, etc. Så det er ikke bra for andre designere eller teammedlemmer å ha full forståelse av web / appdesign.
• testresultatene er begrensede og unøyaktige. Uten nok designdetaljer kan en lav fidelity prototype til en viss grad ikke nøyaktig simulere de virkelige brukerscenariene. Testresultatene er også uunngåelig påvirket og unøyaktige. Unødvendig å si, når prototypen endres dramatisk på senere tidspunkt, kan testresultatene være helt forskjellige.

Så hvis du bare får noen designideer, vil presentere dem med en enkel prototype, diskutere og samarbeide med andre designere eller teammedlemmer før du graver inn, er en low fidelity prototype perfekt for deg.

og så, her er 3 ekte high-fidelity prototype eksempler for å hjelpe deg å lære mer om high-fi prototyper:

1. Job List High Fidelity Prototype Eksempel

denne high fidelity prototype viser IKKE bare UI-detaljene, men viser også brukerflyter og interaksjoner tydelig. Designere kan enkelt sjekke og teste svært liten detalj for å se om det fortsatt ER NOEN ui / UX-problemer.

2. High Fidelity Prototype Eksempel

3. Produktdesign High Fidelity Prototype Eksempel

en high-fidelity prototype lar deg formidle designideer med rike farger, knapper, bilder, ikoner, animasjoner, interaksjoner og flere detaljer.

Fordeler med high-fidelity prototyper:

• Rike designdetaljer. High-fidelity prototyper er bygget med FLERE HQ bilder, farger, animasjoner, ikoner, knapper og andre elementer. Hvert element er utformet akkurat som om det var i en ekte nettside / app.
• Bedre visuell effekt. Med et flott fargevalg, levende animasjoner, layouter og mer, har en high-fidelity prototype også ofte bedre visuelle effekter enn en low-fidelity prototype.
• mer nøyaktige testresultater. Med rike detaljer ser en high-fidelity prototype bare ut som en ekte web/app. Det er enkelt for designere å simulere de virkelige brukerscenariene og teste produktet fra alle mulige aspekter, inkludert samspillet, brukerflyten, elementeffekter og fargevalg samt UX. Testresultatene er også mye mer nøyaktige.
• Mer effektiv tilbakemelding. Selvfølgelig, etter å ha blitt delt med andre designere og teammedlemmer, er den mottatte tilbakemeldingen også mer effektiv for å takle de eksisterende problemene.
• mer attraktivt for kunder og interessenter. Det er også bra for designere å presentere tydelig hvordan den endelige web / app skal fungere og bidra til å tiltrekke seg flere kunder, interessenter og investorer.

Ulemper med high-fidelity prototyper:

• Høyere kostnader. En high-fidelity prototype må ofte opprettes med et profesjonelt prototypingsverktøy. I forhold til prototypen med lav troskap er kostnaden for det sikkert mye høyere.
• Vanskelig å endre og iterere. Når noen endringer gjøres, må en serie sider eller elementer i en high-fidelity prototype også endres samtidig. Dette kan være plagsomt og tidkrevende.

så en high-fidelity prototype er svært funksjonell og interaktiv for deg og teamet ditt for å finne og takle noen små UI/UX-problemer, samt å få flere aksjonærer og kunder på slutten av designstadiet.

Hvordan Og Hvorfor Velge Hi-fi Eller Low-fi Prototype for Et Bedre Design?

som vi har nevnt ovenfor, siden high fidelity og low fidelity spiller en helt annen rolle i å skape vellykkede design, bør du også bruke dem til forskjellige kjøp eller på forskjellige designstadier:

1.Hvorfor er en low fidelity prototype bedre for deg på tidlig designstadium?

selvfølgelig fokuserer low fidelity prototypen mer på konsepter på høyt nivå av sluttproduktene og hjelper til med å oppdage potensielle problemer, samt å få dem løst på veldig tidlig stadium.

Det bidrar til å sikre at du og teamet ditt har valgt og fulgt riktig designtema og retning før du graver inn.

så i den tidlige designfasen, når du og teamet ditt tar sikte på å raskt oversette ideer til visualiserte prototyper, forkorte iterasjoner og samle tilbakemeldinger fra brukerne, er en lav fidelity prototype et mye bedre valg.

Kort sagt, Når er riktig tidspunkt å bruke en low-fi prototype?

• når en designidee blinker i tankene dine og du vil konvertere den til en konkret modell raskt
• når du vil diskutere designideene dine med partnerne dine så snart som mulig
• når du vil teste om designideene er gjennomførbare og møte brukernes behov
• Når du vil få tilbakemelding fra andre teammedlemmer

hvorfor er high fidelity prototyping bedre for deg på slutten av designstadiet?

Og da, siden high fidelity prototype ofte betaler mye oppmerksomhet til detaljene og funksjonene til en web/app, er det ofte bedre for designere å teste muligheten for web/app design og tiltrekke flere brukere/interessenter på slutten designstadiet.

Kort sagt, Når er den beste tiden å bruke en high-fi prototype?

• når den visuelle utformingen av produktet ditt er gjort
• når du vil teste web/app-detaljene dine, for eksempel BRUKERGRENSESNITTELEMENTENE, fargeskjemaene og sidekopiene osv.
• når du vil teste en interaksjon, arbeidsflyt, brukerflyt, overgangsanimasjon, visuelle effekter eller lignende designideer med full UI-detaljer
• når du vil vite tilbakemeldingen fra andre designere og designere brukere

hvordan velge riktig prototypeverktøy for bedre design?

uansett om du velger en high fidelity eller low fidelity prototype, er det eneste formålet å presentere dine fantastiske designideer mer levende og bygge gode web / app prototyper, ikke sant? Hvis svaret ditt er «Ja», er neste skritt for deg å velge et riktig prototypingsverktøy.

men vet fortsatt ikke hvordan? Her er flere tips for dine referanser:

• Pris. Prisen er alltid den viktigste faktoren for deg å velge et low-fi eller high-fi prototyping verktøy. Det er imidlertid ikke den eneste faktoren du bør ta hensyn til. En billig eller dyr pris indikerer ikke noe. Det du trenger er bare den som passer deg best.
• Læringskurve. Hvor lang tid det tar for deg og teamet ditt å lære et nytt verktøy, er alltid viktig når du velger et riktig prototypingsverktøy. Så, hvis du ikke vil kaste bort tid på å utforske nye funksjoner i et verktøy, er det best for deg å velge en enklere.
• Bruk. Disse dager, det er mange prototyping verktøy der ute som gir helt forskjellige funksjoner. For å velge den mest passende for deg og ditt team, er det best å vite hvilke funksjoner du akkurat trenger i produktdesignprosessen. Så det er nødvendig for deg å finne ut de reelle behovene til lagmedlemmene dine fra ulike avdelinger på forhånd.
• Samarbeid. For å diskutere designideer og få tilbakemelding fra andre teammedlemmer i tide, foretrekker de fleste designere/designteam å velge et prototypingsverktøy som støtter samarbeid. Trenger du også det? Hvis du gjør det, er et verktøy som lar deg og teamet ditt kommunisere og samarbeide fritt på nettet, et bedre alternativ.
• Fidelity. Vel, mens du velger et prototypingsverktøy, er det også nødvendig å ta hensyn til troskap.
• Integrasjon. En annen faktor du bør vurdere er å se hvor godt prototypeverktøyet passer til designprosessen. I disse dager, hvis brukerne må bytte verktøy ofte mens de designer, er mange prototypingsverktøy integrert med andre verktøy, For Eksempel Sketch, PS, Facebook, Slack og mer.

Samlet håper Jeg at disse tipsene kan hjelpe deg med å velge riktig verktøy.

3 Beste Low Fidelity Prototyping Verktøy

her er 3 beste low fidelity prototyping verktøy for dine referanser:

Papir og penner

med det raskeste og enkle verktøyet vil penner og papir bidra til å tegne ideene dine enkelt og raskt, og også lette den interne diskusjonen mellom teammedlemmene. Selv om jeg noen ganger trenger å bruke prototyping programvare for å tegne, foretrekker jeg vanligvis å bruke penner og papir for å klargjøre mine ideer først.

Pros:

• Helt gratis
• Rask
• Lett å starte

Ulemper:

• Ingen smarte interaksjoner og animasjoner
• du kan ikke vise alle dine ideer tydelig
• du kan ikke diskutere og teste alle detaljer

Mockplus

Mockplus er et kraftig prototypeverktøy med lav kvalitet som får mye oppmerksomhet de siste årene. Den lar deg oversette designideer til interaktive prototyper, teste, dele og iterere dem med letthet. Dens team samarbeid og ledelse funksjonen bidrar også forbedre arbeidet effektivitet uanstrengt.

Pros:

• Gi Over 200 forhåndsbygde komponenter og 3000 forhåndsdesignede ikoner
• Opprett interaksjoner med enkel dra-og-slipp
• Gi Mange alternativer for å eksportere sider og prototyper
• Gi mange prøver og prosjekter
• Gi mange måter å dele og teste en prototype på nettet eller på mobil
• Kommuniser, kommenter og samarbeid en prototype på nettet
• integrer med skisse

ulemper:

• Ikke helt gratis

Balsamiq mockups

Basamiq Er en enkel low-fidelity prototyping verktøy som lar deg skisse dine design ideer på en tavle direkte. Det er veldig nyttig når du bare fokuserer på strukturer og generelle konseptet av design.

Ulemper:

• Gi et innebygd håndmalt UI-bibliotek
• Eksporter design til PNG/PDF-bilder direkte

Ulemper:

• Mangler grunnleggende interaksjoner mens prototyping design

2 Beste High Fidelity Prototyping Verktøy

Marvel App

Marvel app Er et kraftig high-fidelity prototyping verktøy som støtter å lage wireframes, prototyper og mockups samarbeide på nettet. Den lar deg direkte laste opp bilder (inkludert JPF, GIF OG PSD) og legge animasjoner for dem å lage interaktive prototyper raskt.

Mockplus Cloud

Mockplus Cloud er et profesjonelt nettbasert designsamarbeidsverktøy som gjør det mulig for produktsjefer, designere og utviklere å samarbeide på nettet med automatiske spesifikasjoner, ressurser og kodebiter.

Det er også brukt som en alt-i-ett high-fidelity prototyping verktøy. Du kan enkelt laste opp design med ressurser og spesifikke detaljer fra Sketch / PS / Adobe Xd, og legge til rike interaksjonskommandoer for å lage interaktive og hi-fi-prototyper.

for et produktteam kan den nyopprettede prototypen også deles med en lenke og få tilbakemelding i sanntid.

kort sagt, i disse dager, for å tiltrekke seg langt flere brukere, er mange prototypingsverktøy opprettet for å møte brukernes behov så mange som mulig. Det synes ingen klar grense mellom et low-fi og high-fi prototyping verktøy.

så, for å velge et riktig prototypingsverktøy, er det best for deg og ditt team å ta flere verktøyalternativer for testing.

Pakk Opp

Uansett hva forskjellene lav fidelity og high fidelity prototyping er, hvordan og hvorfor du vil velge lav fidelity eller high fidelity prototyping for en bedre design eller bruker forskning, en god prototyping verktøy, som enklere Og raskere En, Mockplus, betyr ofte mye for deg å lage en utmerket web / app med vakre grensesnitt og gode brukeropplevelser. Håper denne artikkelen kan inspirere deg uansett.

Du Kan Også Like:

Hvilke Prototypeverktøy Trenger DU FOR UX-Design?

Hva Er Fordelene Med Prototyping? Hvordan Få Mest mulig ut av det?

Team Samarbeid Av Prototyping Verktøy: Axure VS Mockplus

Wireframe vs Mockup vs Prototype & Utvalg Av Prototyping Verktøy