High-Fidelity & lav-Fidelity Prototyping: hvad, hvordan og hvorfor?

faktisk blev udtrykkene “high fidelity” og “lav fidelity” først brugt i rockmusik til at beskrive rock and rolls lyd-og spillefærdigheder i slutningen af 1980 ‘ erne. efterhånden som årene går, anvendes de også i Internet/app-design for at henvise til de forskellige niveauer af detaljer og funktionalitet, der er indbygget i en prototype.

men hvad er de faktiske forskelle mellem dem, hvordan og hvorfor skal vi vælge prototypen med høj eller lav troskab til et bedre design eller brugerundersøgelse?

i det følgende vil jeg lede dig gennem det grundlæggende og forskelle, der ligger i high fidelity og lav fidelity, og forklare hvorfor og hvordan man vælger dem til at lave fremragende prototyper til et bedre design eller brugerforskning.

Indholdsfortegnelse:

• først, hvad er en prototype
• Hvad er en prototype med lav tro
• Hvad er en prototype med høj tro
• forskel mellem prototype med høj tro og lav tro
• hvordan og hvorfor man vælger hi-fi eller lav-fi prototype til et bedre design
• bedste prototypeværktøj for din hjemmeside/app design

først, hvad er en prototype?

” en prototype er en tidlig prøve, model eller frigivelse af et produkt bygget til at teste et koncept eller en proces. Det er et udtryk, der bruges i en række forskellige sammenhænge, herunder semantik, design, elektronik og programmering.”- – – – fra Facebook.

når det kommer til UI-design, hjælper en prototype designere med at oversætte deres designideer til en digital og håndgribelig model. De kan direclty test dele eller alle UIs, interaktioner og UIS strømme for at se, om de er brugbare og undskyldelige.

da teamets behov varierer, fremstiller de også prototype med lav troskab eller prototype med høj troskab til at teste deres designideer til forskellige formål.

Hvad er en Prototype med lav troskab?

lav-fidelity prototypen – kendt som lavteknologisk, lav-fi eller lo-fi prototype, er en halvfabrikata prototype, der fokuserer på funktion, struktur, proces og giver de enkleste rammer og elementer i en internet/app. Det bruges ofte til at oversætte designideer til testbare og håndgribelige artefakter til indsamling og analyse af brugernes krav på det tidlige tidspunkt.

så hvad er en high Fidelity Prototype?

high-fidelity prototypen – kendt som high-tech, high-fi eller hi-fi prototype, er en omfattende og interaktiv prototype, der er ret tæt på de endelige produkter med masser af funktioner, interaktioner og detaljer. Det bruges ofte i den senere brugbarhedsevaluering for at opdage de potentielle problemer, som et internet/app-design stadig kan eksistere.

forskel mellem High Fidelity og lav Fidelity Prototype

kender stadig ikke forskellene mellem lav-fidelity og high-fidelity prototyper? Bare rolig! Her er 3 virkelige eksempler på lav-fidelity prototype, der hjælper dig med at lære mere om lav-fi prototyper:

1. Lav Fidelity Motion Prototype eksempel

denne lav-fi prototype viser den anden menu bevægelser klart uden at fokusere for meget på sine UI detaljer.

2. Prototype eksempel for en hjemmesidebygger

denne prototype med lav troskab præsenterer sidelayout, navigationssystemer og brugerstrømme af interaktioner tydeligt uden for mange UI-detaljer. Det hjælper designere med at teste antagelser og hurtigt finde usynlige UKS-problemer.

3.Lo-fi Prototype eksempel Bud

dette er et andet godt eksempel (oprettet i Mockplus, et lettere hurtigere og smartere prototypeværktøj) for at vise de vigtigste layouts og elementplaceringer i en app. Selv uden Elementdetaljer hjælper det designere med at opdage og tackle potentielle problemer på et tidligere tidspunkt.

se det? Selv uden UI detaljer, lav-fi prototype hjælper formidle design ideer og vise de vigtigste funktioner, strukturer, strømme og interaktioner af en hjemmeside/app nemt. Det giver designere mange fordele.

fordele ved prototyper med lav troskab:

• lave omkostninger. Omkostningerne ved en prototype med lav tro er ekstremt lave.
• hurtig. Uden at fokusere på alle grænsefladedetaljer kan designere bare følge deres designideer og skabe en enkel og testbar prototype inden for få minutter.
• let at demonstrere, samarbejde og gentage. Uden for mange UI detaljer kræver en lav-fi prototype ikke mange faglige færdigheder. Og flere mennesker kan deltage og samarbejde om det samme projekt. Det er også nemt for designere at foretage ændringer og gentage prototypen under samarbejdet.
• let at få feedback. Da en prototype med lav tro er let at bære og demonstrere, kan designere også dele den direkte med andre mennesker (inklusive teammedlemmer og interessenter) for at indsamle designfeedback.
• let at opdage og tackle potentielle problemer. En prototype med lav troskab giver også designere mulighed for let at teste brugerstrømme, interaktioner og navigationsmenuer på en internet/app. Det er godt for designere at opdage og tackle potentielle UI/U-problemer hurtigt.

ulemper ved prototyper med lav troskab:

• begrænset UI detaljer / animationer / interaktioner. At formidle ideer hurtigt, en prototype med lav troskab oprettes ofte med begrænsede UI-detaljer, funktioner, animationer og interaktioner, etc. Så det er ikke godt for andre designere eller teammedlemmer at have en fuld forståelse af internettet/appdesignet.
• testresultaterne er begrænsede og unøjagtige. Uden nok designdetaljer kan en prototype med lav troskab til en vis grad ikke nøjagtigt simulere de rigtige brugerscenarier. Testresultaterne er også uundgåeligt påvirket og unøjagtige. Unødvendigt at sige, når prototypen ændres dramatisk på det senere tidspunkt, kan testresultaterne være helt forskellige.

så hvis du kun får nogle designideer, vil præsentere dem for en simpel prototype, diskutere og samarbejde med andre designere eller teammedlemmer, før du graver ind, er en prototype med lav troskab perfekt til dig.

og så er her 3 ægte high-fidelity prototype eksempler, der hjælper dig med at lære mere om high-fi prototyper:

1. Jobliste High Fidelity Prototype eksempel

denne high fidelity prototype viser ikke kun UI-detaljerne, men viser også brugerstrømme og interaktioner tydeligt. Designere kan nemt kontrollere og teste meget små detaljer for at se, om der stadig er nogle UI/U-problemer.

2. High Fidelity Prototype Eksempel

3. Produkt Design High Fidelity Prototype eksempel

en high-fidelity prototype giver dig mulighed for at formidle designideer med rige farver, knapper, fotos, ikoner, animationer, interaktioner og flere detaljer.

fordele ved high-fidelity prototyper:

• rige design detaljer. High-fidelity prototyperne er bygget med flere fotos, farver, animationer, ikoner, knapper og andre elementer. Hvert element er designet nøjagtigt som om det var i en rigtig hjemmeside/app.
• bedre visuel effekt. Med et fantastisk farveskema, levende animationer, layout og mere har en prototype med høj tro også ofte bedre visuelle effekter end en prototype med lav tro.
• mere præcise testresultater. Med rige detaljer, en high-fidelity prototype bare ligner en rigtig internet / app. Det er nemt for designere at simulere de rigtige brugerscenarier og teste produktet fra alle mulige aspekter, herunder interaktioner, brugerstrømme, elementeffekter og farveskemaer. Testresultaterne er også meget mere nøjagtige.
• mere effektiv feedback. Selvfølgelig, efter at være blevet delt med andre designere og teammedlemmer, er den modtagne feedback også mere effektiv til at tackle de eksisterende problemer.
• mere attraktivt for kunder og interessenter. Det er også godt for designere at præsentere klart, hvordan det endelige internet/app skal fungere og hjælpe med at tiltrække flere kunder, interessenter og investorer.

ulemper ved high-fidelity prototyper:

• højere omkostninger. En prototype med høj troskab skal ofte oprettes med et professionelt prototypeværktøj. I sammenligning med lav-fidelity prototypen er omkostningerne ved det helt sikkert meget højere.
• svært at ændre og gentage. Når der foretages nogle ændringer, skal en række sider eller elementer i en high-fidelity prototype også ændres på samme tid. Dette kan være besværligt og tidskrævende.

så en high-fidelity prototype er yderst funktionel og interaktiv for dig og dit team til at finde og tackle nogle små UI/U-problemer, samt få flere aktionærer og kunder i slutningen af designfasen.

hvordan og Hvorfor vælge hi-fi eller lav-fi Prototype for et bedre Design?

som vi har nævnt ovenfor, da high fidelity og lav fidelity spiller en meget anden rolle i at skabe succesfulde designs, skal du også bruge dem til forskellige køb eller på forskellige designfaser:

1.Hvorfor er en prototype med lav troskab bedre for dig i den tidlige designfase?

det er klart, at prototypen med lav troskab fokuserer mere på koncepter på højt niveau af de endelige produkter og hjælper med at opdage de potentielle problemer såvel som at få dem løst på det meget tidlige stadium.

det hjælper med at sikre, at du og dit team har valgt og fulgt det rigtige designtema og retning, før de graver ind.

så i den tidlige designfase, når du og dit team sigter mod hurtigt at oversætte ideer til visualiserede prototyper, forkorte iterationer og indsamle brugerfeedback, er en prototype med lav troskab et meget bedre valg.

kort sagt, hvornår er det rigtige tidspunkt at bruge en lav-fi prototype?

• når en designidee blinker i dit sind, og du hurtigt vil konvertere den til en håndgribelig model
• når du vil diskutere dine designideer med dine partnere så hurtigt som muligt
• når du vil teste, om designideerne er gennemførlige og imødekomme brugernes behov
• når du vil få feedback fra andre teammedlemmer

hvorfor er high fidelity prototyping bedre for dig i slutningen af designfasen?

og da high fidelity-prototypen ofte lægger stor vægt på detaljerne og funktionerne i en internet/app, er det ofte bedre for designere at teste gennemførligheden af Internet/app-Design og tiltrække flere brugere/interessenter i det afsluttende designstadium.

kort sagt, hvornår er det bedste tidspunkt at bruge en high-fi prototype?

• når det visuelle design af dit produkt er udført
• når du vil teste dine internet – /app-detaljer, såsom brugergrænsefladeelementer, farveskemaer og sidekopier osv
• når du vil teste en interaktion, arbejdsgang, brugerstrøm, overgangsanimation, visuelle effekter eller lignende designideer med fulde UI-detaljer
• når du vil vide feedback fra andre designere og andre designere, kan du bruge brugere

hvordan vælger man et rigtigt prototypeværktøj til et bedre design?

uanset om du vælger en prototype med høj troskab eller lav troskab, er det eneste formål at præsentere dine fantastiske designideer mere levende og opbygge fremragende prototyper på nettet/app, ikke? Hvis dit svar er” ja”, er det næste trin for dig at vælge et rigtigt prototypeværktøj.

men ved stadig ikke hvordan? Her er flere tips til dine referencer:

• pris. Prisen er altid den vigtigste faktor for dig at vælge et lav-fi eller high-fi prototypeværktøj. Det er dog ikke den eneste faktor, du skal tage i betragtning. En billig eller dyr pris indikerer ikke noget. Hvad du har brug for er kun den der passer dig bedst.
• indlæringskurve. Hvor lang tid det tager for dig og dit team at lære et nyt værktøj, betyder altid noget, mens du vælger et rigtigt prototypeværktøj. Så hvis du ikke ønsker at spilde tid på at udforske nye funktioner i et værktøj, er det bedst for dig at vælge en lettere.
• anvendelse. I disse dage er der masser af prototypeværktøjer derude, der giver helt forskellige funktioner. For at vælge den bedst egnede til dig og dit team er det bedst at vide, hvilke funktioner du nøjagtigt har brug for i din produktdesignproces. Så det er nødvendigt for dig at finde ud af de reelle behov hos dine teammedlemmer fra forskellige afdelinger på forhånd.
• samarbejde. For at diskutere designideer og få feedback fra andre teammedlemmer rettidigt foretrækker de fleste designere/designteam at vælge et prototypeværktøj, der understøtter teamarbejde. Har du også brug for det? Hvis du gør det, er et værktøj, der giver dig og dit team mulighed for at kommunikere og samarbejde frit online, en bedre mulighed.
• troskab. Nå, mens du vælger et prototypeværktøj, er det også nødvendigt at tage troskab i betragtning.
• Integration. En anden faktor, du bør overveje, er at se, hvor godt prototypeværktøjet passer til din designproces. I disse dage, hvis brugerne ofte skal skifte værktøj under design, er mange prototypeværktøjer integreret med andre værktøjer, såsom Sketch, PS, Facebook, Slack og mere.

samlet set håber jeg, at disse tip kan hjælpe dig med at vælge et rigtigt værktøj.

3 Bedste prototypeværktøjer med lav troskab

her er 3 bedste prototypeværktøjer med lav troskab til dine referencer:

papir og penne

med det hurtigste og enkle værktøj hjælper penne og papir med at tegne dine ideer let og hurtigt og letter også den interne diskussion mellem teammedlemmerne. Selvom jeg nogle gange skal bruge prototypeprogrammer til at tegne, foretrækker jeg normalt at bruge penne og papir til at afklare mine ideer først.

fordele:

• helt gratis
• hurtig
• let at starte

ulemper:

• ingen smarte interaktioner og animationer
• du kan ikke vise alle dine ideer klart
• du kan ikke diskutere og teste alle detaljer

Mockplus

Mockplus er et kraftfuldt prototypeværktøj med lav troskab, der får meget opmærksomhed i de senere år. Det giver dig mulighed for at oversætte designideer til interaktive prototyper, teste, dele og gentage dem med lethed. Dens teamsamarbejde og ledelsesfunktion hjælper også med at forbedre din arbejdseffektivitet uden problemer.

fordele:

• Giv over 200 forudbyggede komponenter og 3000 foruddesignede ikoner
• Opret interaktioner med simpel træk og slip
• Giv mange muligheder for at eksportere sider og prototyper
• Giv adskillige prøver og projekter
• Giv mange måder at dele og teste en prototype online eller på mobil
• Kommuniker, Kommenter og samarbejd en prototype online
• Integrer med skitse

ulemper:

• ikke helt gratis

balsamik mockups

Basamik er et simpelt prototypeværktøj med lav troskab, der giver dig mulighed for at skitsere dine designideer direkte på en tavle. Det er virkelig nyttigt, når du kun fokuserer på strukturer og overordnede koncept for dit design.

ulemper:

• Giv et indbygget håndmalet UI-bibliotek
• Eksporter design til PNG/PDF-billeder direkte

ulemper:

• mangler grundlæggende interaktioner mens prototyping designs

2 Bedste High Fidelity Prototyping Tools

Marvel App

Marvel app er et kraftfuldt high-fidelity prototyping tool, der understøtter oprettelse af trådrammer, prototyper og mockups i samarbejde online. Det giver dig mulighed for direkte at uploade billeder (herunder JPF, GIF og PSD) og tilføje animationer for dem at skabe interaktive prototyper hurtigt.

Mockplus Cloud

Mockplus Cloud er et professionelt online designsamarbejdsværktøj, der gør det muligt for produktledere, designere og udviklere at arbejde sammen online med auto specs, aktiver og kodestykker.

det bruges også som en alt-i-en high-fidelity prototyping værktøj. Du kan nemt uploade designs med aktiver og spec detaljer fra Sketch/PS/Adobe, og tilføje rige interaktion kommandoer til at skabe interaktive og high-fidelity prototyper.

for et produktteam kan den nyoprettede prototype også deles med et link og få feedback i realtid.

kort sagt, for at tiltrække langt flere brugere oprettes mange prototypeværktøjer for at imødekomme brugernes behov så mange som muligt. Der synes ingen klar grænse mellem et lav-fi og high-fi prototypeværktøj.

så for at vælge et rigtigt prototypeværktøj er det bedst for dig og dit team at tage flere værktøjsmuligheder til test.

pak op

uanset hvad forskellene lav troskab og high fidelity prototyping er, hvordan og hvorfor du vælger lav troskab eller high fidelity prototyping for et bedre design eller brugerforskning, betyder et godt prototypeværktøj, som det lettere og hurtigere, Mockplus, ofte meget for dig at skabe et fremragende internet/app med smukke grænseflader og gode brugeroplevelser. Håber denne artikel kan inspirere dig alligevel.

du kan måske også lide:

hvilke prototypeværktøjer har du brug for til design?

Hvad er fordelene ved Prototyping? Hvordan får man mest ud af det?

Team samarbejde af prototypeværktøjer: Aksure VS Mockplus

trådramme vs Mockup vs Prototype & udvælgelse af prototypeværktøjer