Prototypen Live-Test med Adobe XD

Når det gjelder å testedesign prototyperrealistisk, er den virtuelle omgivelsen ofte ikke nok. Faktisk tilbakemelding fra ekte enheter kan være avgjørende for suksessen til prosjektet ditt. I denne veiledningen viser jeg deg hvordan du kan bruke AdobeXD og den tilhørende appen på smarttelefonen eller nettbrettet ditt for å trekke en liveforhåndsvisning av prototypene dine. Dermed kan du teste designene direkte på enhetene du har laget dem for.

Viktige funn

• Du kan vise prototypene direkte via USB eller skyen på enheten din.
• Adobe XD-appen er gratis tilgjengelig i App Store og Google Play Store.
• Slik kan du samle tilbakemelding og teste justeringer live.

Trinn-for-trinn veiledning

1. Åpning av prototypen

For å vise en prototype i Adobe XD, må du først bruke play-ikonet i menyfeltet øverst. Dette ikonet lar deg se prototypen din i oppløsningen du har laget den for, og klikke deg gjennom den live. Det er best å bruke et tidsstempel på 5 sekunder for å dykke skikkelig inn i opplevelsen.

2. Installering av Adobe XD-appen

For live forhåndsvisning på smarttelefonen eller nettbrettet ditt, trenger du Adobe XD-appen. Denne er tilgjengelig både i Google Play Store og Apple App Store. Last den ned gratis, og la deg ikke forvirre av at man noen ganger sier iTunes – det er App Store! Sørg for at installeringen er fullført.

3. Tilkobling via USB

Etter at du har installert appen, kobler du smarttelefonen eller nettbrettet ditt til datamaskinen med et USB-kabel. Når tilkoblingen er opprettet, kan du gjøre endringer i Adobe XD, og disse vil vises umiddelbart på enheten din. Dette er spesielt interessant hvis du vil utføre live testscenarier eller demonstrasjoner. Her kan du fortsette å arbeide og bruke live forhåndsvisningen fra 66 sekunder.

4. Bruk av skyen

Et fleksibelt alternativ til USB-tilkobling er å lagre prototypen din i Adobe Cloud. Gå til "Fil lagre som". Adobe XD lagrer som standard i skyen, slik at du kan få tilgang til den fra enhver enhet senere. Opplasting kan ta noen sekunder, men du kan følge fremdriften i den øverste linjen og se hvor raskt du nærmer deg live forhåndsvisningen fra 130 sekunder.

5. Tilgang til prototypen på enheten

Når prototypen din er lagret i skyen, kan du åpne Adobe XD-appen på smarttelefonen din for å få live tilgang. Du vil raskt få tilgang til den opplastede prototypen din. Klikk på den for å laste prototypen og se hvordan den ser ut på enheten din. Her er demonstrasjonen av det, som du finner ved 144 sekunder i videoen.

6. Interaksjon og tilbakemelding

I appen kan du navigere gjennom designet ditt og har muligheten til å se hver enkelt aspekt optimalt. Du vil bli vist en melding hvis skrifttyper mangler, noe du enkelt kan ignorere, eller eventuelt kan laste ned via Adobe Fonts. Eksperimenter med prototypen og klikk på forskjellige områder for å simulere brukeropplevelsen. Dette blir spesielt tydelig fra 186 sekunder.

7. Tilgang til menyer

For å åpne menyen, trykker du bare med tre fingre på skjermen. Dette åpner en rekke alternativer, inkludert muligheten til å dele skjermen, endre innstillinger og mer. Få en oversikt over de forskjellige artboardene du har opprettet for prototypen din, slik det ble forklart ved 226 sekunder.

8. Fullføring av testen

Bruk live forhåndsvisningen på enheten din for å se konkret hvordan designene dine blir mottatt av brukerne. Når du presenterer prototypen din for noen, vil de bli begeistret for å kunne prøve den selv. Husk at enheten bør være i en ren tilstand før du gir den videre. På den måten kan du sikre at prototypen din vises i best lys. Informasjon om dette finner du ved 273 sekunder.

Oppsummering – Prototyping Live-test med Adobe XD: Slik får du designene dine til enheten din

I denne veiledningen har du lært hvor enkelt det er å teste prototyper med Adobe XD live på smartpakker og nettbrett. Med bare noen få trinn kan du presentere designene dine i et realistisk miljø og samle verdifulle tilbakemeldinger fra brukere.