Prototype live test med Adobe XD

Når det kommer til at teste design-prototyperrealistisk, er den virtuelle omgivelser ofte ikke nok. Den faktiske feedback fra rigtige enheder kan være afgørende for succesen af dit projekt. I denne vejledning viser jeg dig, hvordan du med AdobeXD og den tilhørende app på din smartphone eller tablet kan trække en live-preview af dine prototyper direkte. Med dette kan du teste dine designs direkte på de enheder, du har designet dem til.

Vigtigste indsigter

• Du kan vise prototyper direkte via USB eller cloud på din enhed.
• Adobe XD-appen er gratis tilgængelig i App Store og Google Play Store.
• På denne måde kan du indsamle feedback og teste ændringer live.

Trin-for-trin vejledning

1. Åbning af prototypen

For at vise en prototype i Adobe XDvil du først bruge play-symbolet i den øverste menubar. Dette symbol giver dig mulighed for at se og klikke ind i din prototype i den opløsning, du har oprettet den til, live. Brug bedst tidsstemplet 5 sekunder for at dykke ordentligt ind.

2. Installation af Adobe XD-appen

For at få live-preview på din smartphone eller tablet har du brug for Adobe XD-appen. Denne er tilgængelig både i Google Play Store og Apples App Store. Download den gratis og lad dig ikke forvirre af, at man nogle gange siger iTunes - det er App Store! Sørg for, at installationen er gennemført.

3. Forbindelse via USB

Når du har installeret appen, skal du forbinde din smartphone eller tablet til din computer via et USB-kabel. Når forbindelsen er etableret, kan du foretage ændringer i Adobe XD, og disse vil blive vist på din enhed uden forsinkelse. Dette er særligt interessant, hvis du vil udføre live testscenarier eller demonstrationer. Her kan du fortsætte med arbejdet og bruge live-preview fra 66 sekunder.

4. Brug af Cloud

Et fleksibelt alternativ til USB-forbindelsen er at gemme din prototype i Adobe Cloud. Gå til "Fil gem som". Adobe XD gemmer som standard i cloud, så du kan få adgang til det fra enhver enhed senere. Uploadingen kan tage et par sekunder, men du kan følge fremskridtene i den øverste bjælke og se, hvor hurtigt du nærmer dig live-preview fra 130 sekunder.

5. Adgang til prototypen på enheden

Når din prototype er gemt i cloud, kan du åbne Adobe XD-appen på din smartphone for at få live-adgang. Du vil hurtigt få adgang til din uploadede prototype. Klik på den for at indlæse prototypen og se, hvordan den ser ud på din enhed. Her er demonstration til dette, som du finder ved 144 sekunder i videoen.

6. Interaktion og feedback

I appen kan du navigere gennem dit design og få mulighed for at betragte hvert aspekt optimalt. Du vil blive vist en besked, hvis skrifttyper mangler, hvilket du blot kan ignorere, eller eventuelt kan hente via Adobe Fonts. Eksperimenter med prototypen og klik på forskellige områder for at simulere brugeroplevelsen. Fra 186 sekunder bliver dette særlig tydeligt.

7. Adgang til menuer

For at åbne menuen skal du blot trykke med tre fingre på skærmen. Dette åbner en række muligheder, herunder muligheden for at dele skærmen, ændre indstillinger og mere. Få et overblik over de enkelte artboards, som du har lavet til din prototype, som det blev forklaret ved 226 sekunder.

8. Afslutning af testen

Brug live-preview på din enhed til konkret at se, hvordan dine designs bliver modtaget af brugerne. Når du præsenterer din prototype for nogen, vil de være begejstrede for selv at kunne lege med den. Husk, at enheden skal være ren, før du giver den videre. På den måde sikrer du, at din prototype fremstår i det bedste lys. Oplysninger om dette kan findes ved 273 sekunder.

Sammendrag – Live-test af prototyper med Adobe XD: Sådan får du dine designs på din slutdevice

I denne vejledning har du lært, hvor nemt det er at teste prototyper med Adobe XD live på smartphones og tablets. Med kun få trin kan du præsentere dine designs i et realistisk miljø og indsamle værdifuld brugerfeedback.