Interactieve prototypes maken met Adobe XD

Interactief prototypen met Adobe XD

“We zijn aan het einde van de cursus gekomen, ik hoop dat je er net zo van genoten hebt als ik. Nu heb je alles geleerd wat je moet doen om geanimeerde prototypes te maken met Adobe XD. Ik nodig je uit om je eigen prototype te maken, je kunt elk bestaand probleem gebruiken of een denkbeeldig probleem gebruiken zoals ik deed. Maak je geen zorgen, want je zult dit pad niet alleen bewandelen, ik zal je begeleiden en ondersteunen via het forum. Ik deel met u de reeks stappen die ik graag zou zien van uw project. Wat wil je oplossen? Alles komt voort uit deze vraag, dus neem de tijd en denk na over het probleem dat je wilt oplossen, denk er rustig over na, onthoud dat veel apps hun succes hebben behaald dankzij hun voorstellen voor oplossing.

Creëren en onderzoeken Zodra je je probleem hebt gedefinieerd, is het tijd om een ervaringskaart te maken, deze te gebruiken om alle informatie te downloaden die je gebruiker kan helpen het probleem op te lossen, evenals de varianten die zich onderweg kunnen voordoen. Onthoud dat je "spelers" het doel moeten bereiken! Als dit is gedefinieerd, is het tijd om te beginnen met onderzoeken, de taak op zich te nemen om te kijken of er andere mensen zijn die hetzelfde oplossen als jij, als dat zo is, kijk dan eens naar wat ze hebben gecreëerd, zoek naar de hiaten die hun voorstellen hebben en bedenken een onderscheidende factor voor uw voorstel. Als u daarentegen de eerste bent, zoek dan naar degenen die u overweegt om problemen op te lossen die vergelijkbaar zijn met de uwe. Maak tot slot met alle informatie uit je onderzoek een moodboard dat als referentie en inspiratie kan dienen. De schetsen Ga over je stroom om te zien of er hiaten zijn. Als je ze niet hebt gevonden, ja, begin dan met het maken van de schetsen van je schermen die de kenmerken hebben die je belangrijk vindt. Lossen uw schermen uw doel op? Ben je tevreden met hoe je schets eruitziet? Digitalisering Breng uw schetsen naar Adobe XD. Verken visuele paden, totdat je bij het pad komt dat je het leukst vindt. Onthoud dat alles consistent moet zijn, dat wil zeggen, probeer hetzelfde lettertype en dezelfde grootte te gebruiken voor al uw schermen. Met je moodboard bij de hand, kies je lettertypen, je pictogrammen, alles. Vergeet niet een bestelling te bewaren en zorg ervoor dat alles op het gewenste scherm staat. Het prototype is geboren U weet al hoe uw product eruit komt te zien, nu is het tijd om de knoppen te gaan koppelen aan de doelschermen. Organiseer hiervoor uw schermen in Adobe Xd. Maak je geen zorgen als je een fout maakt wanneer je test hoe je knoppen werken, je kunt alles leren. Organiseer uw stroom! Wat gaat eerst en wat komt daarna? Animeer je prototype Ga binnen Adobe XD naar de optie Autoanimate, zodat u uw prototype tot leven kunt brengen. Zorg ervoor dat u de componenten van het doelscherm herhaalt naar de vorige schermen. Test of wat je aan het voorbereiden bent ook echt gedaan is. Wees geduldig en ordelijk, dit zal de animatie gemakkelijker maken! Alles werkt! Gebruik spiegel met uw computer en uw mobiel om uw prototype te testen, dit zal super belangrijk zijn omdat het u zal helpen enkele kansen te identificeren. Onthoud ook dat u uw prototype kunt exporteren om enkele gebruikerstests uit te voeren. Als u besluit om uw gebruikerstest te doen, zorg er dan voor dat u weet of uw prototype het probleem oplost en als uw ervaring goed is, maak dan ook van de gelegenheid gebruik om meer informatie te verkrijgen die bijdraagt aan uw project. Je prototype is klaar! Onthoud dat het niet uitmaakt of je geen project voor de deur hebt, je kunt oefenen met het uitvoeren van een hypothetisch probleem. Ik nodig je uit om niet te stoppen met het bouwen of ontwikkelen van andere prototypes. Wees niet ontmoedigd als het de eerste keer niet perfect is, je zult altijd iets vinden om te verbeteren, dit helpt ons om te groeien, te leren en beter te worden. Stop niet met creëren, testen, fouten maken en leren! Ik waardeer het vanuit mijn hart dat je deel uitmaakt van deze cursus. Blijf oefenen, geef niet op. Ik zal wachten om uw project te zien, ik zal u zo snel mogelijk op het forum antwoorden. Tot ziens! ”

Gedeeltelijke transcriptie van de video

“Laatste project Laten we een samenvatting van de cursus maken. Eerst vertelde ik je over mij en mijn invloeden en we praten over het project waar we in de cursus aan gaan werken. We definiëren wat een digitaal product is en hoe we ermee omgaan. evenals wat een prototype is en waarom het nuttig is om het te animeren. Ik heb je de voordelen van Adobe XD gegeven om geanimeerde prototypes te maken. Later hebben we het project verhoogd en een navigatiekaart gemaakt. We definiëren een hoofddoel en zoeken naar mogelijke oplossingen. We schetsen de schermen om de ervaring te beoordelen en dan geven...”

Deze transcriptie wordt automatisch gegenereerd en er kunnen typefouten in staan.

Samenvatting van de cursus: Interactieve prototypes maken met Adobe XD

• Niveau: Beginner
• 96% positieve beoordelingen (77)
• 1970 studenten
• 5 didactische onderdelen
• 17 lessen (2u 36m)
• 11 aanvullende bronnen

• Categorie

  Web- en app-ontwerp

• Software

  Adobe XD

• Domeinen

  App-ontwerp, Digitaal ontwerp, Interactief ontwerp, UX / UI, Webdesign