Prototyp Live-test med Adobe XD

När det kommer till att realistiskt testadesign-prototyperär den virtuella miljön ofta inte tillräcklig. Den faktiska feedbacken från riktiga enheter kan vara avgörande för framgången av ditt projekt. I denna handledning visar jag dig hur du med AdobeXD och den tillhörande appen på din smartphone eller surfplatta direkt får en Live-förhandsvisning av dina prototyper. På så sätt kan du testa dina designer direkt på de enheter för vilka du har skapat dem.

Viktigaste insikterna

• Du kan visa prototyper direkt via USB eller molnet på din enhet.
• Adobe XD-appen är gratis att hämta från App Store och Google Play Store.
• Så kan du få feedback och testa justeringar i realtid.

Steg-för-steg-guide

1. Åtkomst till prototypen

För att visa en prototyp i Adobe XDkommer du först att använda Play-symbolen i den övre menyraden. Denna symbol gör att du kan titta på din prototyp i den upplösning som du har skapat den för, live och navigera igenom den. Det är bäst att använda tidsstämpeln 5 sekunder för att dyka rätt ner i det.

2. Installation av Adobe XD-appen

För liveförhandsvisningen på din smartphone eller surfplatta behöver du Adobe XD-appen. Den finns både i Google Play Store och i Apples App Store. Ladda ner den gratis och låt dig inte förvirras av att det ibland kallas iTunes – det är App Store! Se till att installationen är slutförd.

3. Anslutning via USB

När du har installerat appen, anslut din smartphone eller surfplatta till din dator med en USB-kabel. Så snart anslutningen har upprättats kan du göra ändringar i Adobe XD, och dessa visas utan fördröjning på din enhet. Detta är särskilt intressant om du vill genomföra live-testscenarier eller demonstrationer. Här kan du fortsätta arbeta och börja använda liveförhandsvisningen från 66 sekunder.

4. Användning av molnet

En flexibel alternativ till USB-anslutningen är att lagra din prototyp i Adobe Cloud. Gå till "Spara som" för det. Adobe XD sparar som standard i molnet, vilket gör att du senare kan komma åt den från vilken enhet som helst. Uppladdningen kan ta några sekunder, men du kan följa framstegen i den övre raden och se hur snabbt du närmar dig liveförhandsvisningen från 130 sekunder.

5. Åtkomst till prototypen på enheten

När din prototyp har sparats i molnet kan du öppna Adobe XD-appen på din smartphone för att få liveåtkomst. Du får snabbt tillgång till din uppladdade prototyp. Klicka på den för att ladda prototypen och se hur den ser ut på din enhet. Här är demonstrationen, som du hittar vid 144 sekunder i videon.

6. Interaktion och feedback

I appen kan du navigera genom din design och har möjlighet att se varje aspekt på bästa sätt. Du får en notis om några typsnitt saknas, vilket du kan ignorera eller eventuellt ladda ner via Adobe Fonts. Experimentera med prototypen och klicka på olika områden för att simulera användarupplevelsen. Detta blir särskilt synligt från 186 sekunder.

7. Åtkomst till menyer

För att öppna menyn, tryck helt enkelt på skärmen med tre fingrar. Detta öppnar en rad alternativ, inklusive möjligheten att dela skärmen, ändra inställningar och mer. Få en översikt över de olika artboards som du har skapat för din prototyp, precis som förklarades vid 226 sekunder.

8. Avslutning av testet

Använd liveförhandsvisningen på din enhet för att se exakt hur dina designer tas emot av användarna. När du visar din prototyp för någon kommer de att vara glada över att få leka med den. Tänk på att enheten bör vara i ett rent tillstånd innan du överlämnar den. På så sätt kan du se till att din prototyp framträder i bästa ljus. Mer information om detta kan du hitta vid 273 sekunder.

Sammanfattning – Prototyping Live-test med Adobe XD: Så får du dina designer på din enhet

I denna guide har du lärt dig hur enkelt det är att testa prototyper live med Adobe XD på smartphones och surfplattor. Med bara några få steg kan du presentera dina designer i en realistisk miljö och samla in värdefull feedback från användarna.