Prototypen Live-Test met Adobe XD

Als het gaat om het realistisch testenvan ontwerp-prototypes, is de virtuele omgeving vaak niet genoeg. Het daadwerkelijke feedback van echte apparaten kan cruciaal zijn voor het succes van jouw project. In deze tutorial laat ik je zien hoe je met AdobeXD en de bijbehorende app op jouw smartphone of tablet direct een livevoorvertoning van jouw prototypes kunt bekijken. Zo kun je jouw ontwerpen direct op de apparaten testen waarvoor je ze ontworpen hebt.

Belangrijkste inzichten

• Je kunt prototypes direct via USB of de cloud op jouw apparaat bekijken.
• De Adobe XD-app is gratis beschikbaar in de App Store en Google Play Store.
• Zo kun je feedback verzamelen en aanpassingen live testen.

Stapsgewijze handleiding

1. Toegang tot het prototype

Om een prototype in Adobe XDte bekijken, moet je eerst het afspeelsymbool in de bovenste menubalk gebruiken. Dit symbool stelt je in staat om jouw prototype in de resolutie, waarvoor je het gemaakt hebt, live te bekijken en door te klikken. Het is het beste om de tijdstempel van 5 seconden te gebruiken om echt ondergedompeld te worden.

2. Installatie van de Adobe XD-app

Voor de live voorvertoning op jouw smartphone of tablet heb je de Adobe XD-app nodig. Deze is beschikbaar in zowel de Google Play Store als de App Store van Apple. Download deze gratis en laat je niet verwarren door de verwarring dat sommige mensen soms iTunes zeggen – het is de App Store! Zorg ervoor dat de installatie is voltooid.

3. Verbinding via USB

Nadat je de app hebt geïnstalleerd, verbindt je jouw smartphone of tablet via een USB-kabel met jouw computer. Zodra de verbinding is gemaakt, kun je wijzigingen aanbrengen in Adobe XD, en deze worden zonder vertraging op jouw apparaat weergegeven. Dit is vooral interessant als je live testsituaties of demonstraties wilt uitvoeren. Hier kun je meteen verder werken en de live voorvertoning vanaf 66 seconden gebruiken.

4. Gebruik van de cloud

Een flexibele alternatieve mogelijkheid voor de USB-verbinding is het opslaan van jouw prototype in de Adobe Cloud. Ga hiervoor naar "Bestand opslaan als". Adobe XD slaat standaard in de cloud op, zodat je later vanaf elk apparaat toegang kunt krijgen. Het uploaden kan enkele seconden duren, maar je kunt de voortgang in de bovenste balk volgen en zien hoe snel je dichterbij de live voorvertoning komt vanaf 130 seconden.

5. Toegang tot het prototype op het apparaat

Wanneer jouw prototype in de cloud is opgeslagen, kun je de Adobe XD-app op jouw smartphone openen om live toegang te krijgen. Je krijgt snel toegang tot jouw geüploade prototype. Klik erop om het prototype te laden en te zien hoe het op jouw apparaat eruitziet. Hier is de demonstratie, die je op 144 seconden in de video kunt vinden.

6. Interactie en feedback

In de app kun je door jouw ontwerp navigeren en heb je de mogelijkheid om elk aspect optimaal te bekijken. Er wordt een melding getoond als er lettertypen ontbreken, wat je eenvoudig kunt negeren of eventueel via Adobe Fonts kunt aanvullen. Experimenteer met het prototype en klik op verschillende gebieden om de gebruikerservaring te simuleren. Vanaf 186 seconden is dit bijzonder goed zichtbaar.

7. Toegang tot menu's

Om het menu op te roepen, tik je eenvoudig met drie vingers op het scherm. Hiermee open je een reeks opties, waaronder de mogelijkheid om het scherm te delen, instellingen te wijzigen en meer. Krijg een overzicht van de afzonderlijke artboards die je voor jouw prototype hebt gemaakt, zoals uitgelegd bij 226 seconden.

8. Voltooiing van de test

Gebruik de live voorvertoning op jouw apparaat om duidelijk te zien hoe jouw ontwerpen bij de gebruikers aankomen. Wanneer je iemand jouw prototype presenteert, zal hij of zij enthousiast zijn om zelf ermee te spelen. Vergeet niet dat het apparaat in schone staat moet zijn voordat je het doorgeeft. Zo kun je ervoor zorgen dat jouw prototype in het beste licht verschijnt. Meer informatie hierover vind je bij 273 seconden.

Samenvatting – Prototypes live-test met Adobe XD: Zo breng je jouw ontwerpen op jouw eindapparaat

In deze handleiding heb je geleerd hoe eenvoudig het is om prototypes met Adobe XD live op smartphones en tablets te testen. Met slechts een paar stappen kun je jouw ontwerpen in een realistische omgeving presenteren en waardevolle gebruikersfeedback verzamelen.