Prototyping Verktøy og praksis som gir maksimale fordeler

Å ta en prototyping tilnærming til et app eller et nettsted design prosjekt gir med seg en rekke fordeler. Peer / Client vurderinger og tilbakemelding, sammen med testing og validering aktiviteter gjennomført tidlig, kan bidra sterkt til å skape en svært vellykket brukeropplevelse.

Fordelene ved prototyping kan maksimeres ved å velge og bruke de beste verktøyene som er tilgjengelige. Til dette formål vil vi navngi 5 prototypingsverktøy du kan stole på i dette innlegget. Men først, la oss ta en titt på noen av de beste metodene i prototyping designere oppfordres til å følge for å dra full nytte av hva verktøyene de bruker, har å tilby.

Best Practices for å sikre kvalitet brukeropplevelse

Det er visse rutiner man bør følge for å sikre at en prototypeprosess gir et vellykket resultat. Disse tre er blant de viktigste:

1. Test din prototype

En av de viktigste fordelene med prototyping er hvor lett testing, inkludert brukervennlighetstester, kan gjøres tidlig. Å oppfordre teammedlem og klient tilbakemelding er en måte å teste på, men du vil også prøve å teste mockupen din på ekte enheter og på virkelige brukere for å få størst mulig nytte. Test tidlig og test ofte.

2. Ikke lag animasjoner for sist

Bruken av animasjon i apper har blitt stadig mer populær siden denne funksjonen gjør et nettsted eller en app mer responsiv til brukerinteraksjoner. Når en funksjon eller funksjon forventes å forbedre brukeropplevelsen betydelig, er det bare fornuftig til innlemme den inn i design tidlig så det kan bli tilstrekkelig testet. Ta med animasjoner i prototyper, selv om de er enkle, enklere versjoner.

3. Brukerflyter Gir en stiftelse

De Viktigheten av å skisse ut brukeren strømmer opp foran kan ikke overemphasized. Forretningsstrømmer illustrerer hvordan informasjon skal presenteres for den besøkende. Brukerstrømmer indikerer hvordan en sluttbruker best kan navigere gjennom et nettsted og hvilke handlinger den brukeren må ta for å nå sitt eller hennes mål. Når et design har blitt bekreftet, kan brukerstrømmene være vanskelig å modifisere.

5 Prototyping Tools

Hvert av disse verktøyene har sine spesielle egenskaper og unike styrker. Enhver av dem vil tillate deg å maksimere de sanne fordelene med prototyping, for eksempel sanntidssamarbeid, og bruk av vurderinger og tilbakemeldinger for å gjøre viktige endringer tidlig. Disse verktøyene tillater også tidlig introduksjon og testing av viktige bruksegenskaper.

Proto.io

Proto.io er et nettbasert verktøy som gir en kraftig løsning for å levere high-fidelity-prototyper som har utseendet på den virkelige tingen. Hvis prosjektet ditt involverer designe eller prototypere Windows, Android eller iOS native apps, du vil sette pris på å kunne nøyaktig simulere bevegelser og overganger for eksempel berøring, sveip, klem, pan og trykk.

Det faktum at Proto.io har en stor brukerbase snakker for seg selv. Dette verktøyet brukes ikke bare av små lag eller individuelle bidragsytere; Det er også en favoritt av flere store selskaper som bruker den til skape prototyper før du investerer ressurser i formell design og utvikling.

I tillegg til et stort design og UI element bibliotek, som du kan legge til dine egne designelementer, er det rikelig med støtte i dokumentasjon, webinars, brukerfora og hjelpsom kundeservice. Dette er det riktige valget hvis du vil lage en prototype som simulerer et sluttprodukt til perfeksjon.

Pidoco

Pidoco er også et online prototypingsverktøy. Den støtter et vell av ulike aktiviteter, blant annet a samarbeidsmiljø der flere designere kan jobbe sammen i sanntid, og i hvilken kommentar og versjonering er godt støttet.

Dette verktøyet er kjent for sin fleksibilitet, delvis på grunn av en funksjon som gjør at du kan sett inn vanlige wireframe-elementer på flere sider ved hjelp av sin globale lagfunksjon og se hvilken som helst side i nettleseren eller på iOS- og Android-enheter. Pakken inneholder også a 400+ designelementbibliotek.

Den beste måten å få en ide om hva Pidoco har å tilby, er å besøke deres nettside og se deres utmerkede lille video som viser hvor lett en mockup kan bygges.

InVision

InVision annonserer seg som verdens mest kraftfulle prototypingsverktøy, og det hevder at det kanskje ikke er langt unna merket. I tillegg til å inkorporere standardmockupdesignfunksjoner og funksjoner, opprettholder dette prototypingsverktøyet total versjonskontroll selv under fartsfylt og hektisk design gjennomgang og endring økter.

Takket være det innebygde presentasjonsverktøyet, LiveShare, real-time samarbeid med lagmedlemmer er mulig, slik at du kan oppnå mer på kort tid. Du kan velge et punkt på mockupen og invitere kommentarer, som vil da være knyttet til det punktet eller designdetaljer for fremtidig referanse.

Med InVision kan du enkelt samhandle med nettstedet eller appen din fra en mobilenhet. Dette verktøyet opprettholder også en versjonshistorikk av tidligere design-iterasjoner. Når du begynner å bruke InVision, kan du lure på hvordan du noen gang kom deg uten det.

HotGloo

HotGloo er en uvurderlig ressurs i hver designers verktøykasse. Enkelt å bruke, dette prototypingsverktøyet inneholder alle funksjonene du trenger for å lage en interaktiv wireframe. HotGloo støtter parallelle prototypingsaktiviteter med andre lagmedlemmer, slik at alle kan jobbe på samme prosjekt samtidig.

Din wireframes kan være Gjennomgått og redigert i sanntid. Hvis du leter etter et verktøy for å lage en blueprint av ditt fremtidige nettsted eller app, trenger du ikke se nærmere.

PowerMockup

Siden dette kraftige og allsidige prototypingsverktøyet er a Microsoft PowerPoint tillegg, PowerMockup kan være ditt beste valg hvis du er en erfaren eller dedikert PowerPoint-bruker. Du kan da dra nytte av en rekke PowerPoints mange robuste funksjoner til skape og demonstrere en high-fidelity mockup.

Den beste måten å finne ut hvordan PowerMockup kan fungere for deg, er å besøke deres nettsted og laste ned deres gratis prøveversjon. Over 800 forskjellige lave og høyt troverdige former er tilgjengelige for å hjelpe deg med å få prototyping av til en rask start.

Velge riktig verktøy

proto~~POS=TRUNC oppfordrer samarbeid med lagmedlemmer og / eller klienter som du går om å skape en blueprint for din eventuelle design / utvikling innsats.

Enten du er en PowerPoint-bruker, interessert i et web-basert verktøy, eller hvis du foretrekker å jobbe med et frittstående verktøy, er det noe her som vil tilfredsstille dine behov. Bruke et av disse toppmoderne verktøyene, samtidig som de er overholder prototyping beste praksis vil nesten sikre at sluttproduktet som tilfredsstiller dine forventninger til en flott brukeropplevelse.

For overlegen resultater, test tidlig og ofte, introdusere animasjoner tidlig, og dra full nytte av fordelene som oppnås ved å skape brukerstrømmer.

Mer om Hongkiat: Bygg en full-funksjon "Solidify" Prototype Bare Med klikk