Schöpfung von interaktiven Prototypen mit Adobe XD

Interaktives Prototyping mit Adobe XD

“Wir haben das Ende des Kurses erreicht. Ich hoffe, es hat Ihnen genauso gut gefallen wie mir. Jetzt haben Sie alles gelernt, was Sie tun müssen, um mit Adobe XD animierte Prototypen zu erstellen. Ich lade Sie ein, Ihren eigenen Prototyp zu erstellen. Sie können jedes vorhandene Problem oder einen imaginären verwenden, wie ich es getan habe. Mach dir keine Sorgen, denn du wirst diesen Weg nicht alleine gehen, ich werde dich führen und dich durch das Forum unterstützen. Ich teile Ihnen die Reihe von Schritten mit, die ich gerne von Ihrem Projekt sehen würde. Was möchtest du lösen? Alles ergibt sich aus dieser Frage. Nehmen Sie sich also Zeit und denken Sie über das Problem nach, das Sie lösen möchten. Denken Sie ruhig darüber nach. Denken Sie daran, dass viele Apps dank ihrer Lösungsvorschläge ihren Erfolg erzielt haben.

Erstellen und recherchieren Sobald Sie Ihr Problem definiert haben, ist es an der Zeit, mit der Erstellung einer Erfahrungskarte zu beginnen. Verwenden Sie diese, um alle Informationen herunterzuladen, die Ihrem Benutzer bei der Lösung des Problems helfen können, sowie die Varianten, die auf dem Weg auftreten können. Denken Sie daran, dass Ihre "Spieler" das Ziel erreichen müssen! Wenn dies definiert ist, ist es an der Zeit, mit der Untersuchung zu beginnen, die Aufgabe zu übernehmen, zu sehen, ob es andere Menschen gibt, die das Gleiche lösen wie Sie. Wenn ja, dann schauen Sie sich an, was sie geschaffen haben, und suchen Sie nach den Lücken, die es gibt Ihre Vorschläge haben und denken an ein Unterscheidungsmerkmal für Ihren Vorschlag. Wenn Sie andererseits der Erste sind, suchen Sie nach denjenigen, die Sie in Betracht ziehen, um Probleme zu lösen, die Ihren ähnlich sind. Erstellen Sie schließlich mit allen Informationen aus Ihrer Forschung ein Moodboard, das als Referenz und Inspiration dienen kann. Die Skizzen Gehen Sie Ihren Fluss durch, um festzustellen, ob Lücken vorhanden sind. Wenn Sie sie nicht gefunden haben, erstellen Sie jetzt die Skizzen Ihrer Bildschirme mit den Eigenschaften, die Sie für wichtig halten. Lösen Ihre Bildschirme Ihr Ziel? Sind Sie zufrieden mit dem Aussehen Ihrer Skizze? Digitalisierung Bringen Sie Ihre Skizzen zu Adobe XD. Erkunden Sie visuelle Pfade, bis Sie zu dem Pfad gelangen, den Sie am meisten mögen. Denken Sie daran, dass alles konsistent sein muss, dh versuchen Sie, für alle Ihre Bildschirme dieselbe Schriftart und Größe zu verwenden. Wählen Sie mit Ihrem Moodboard Ihre Schriftarten, Symbole und alles aus. Denken Sie daran, eine Bestellung beizubehalten und darauf zu achten, dass alles auf dem gewünschten Bildschirm angezeigt wird. Der Prototyp ist geboren Sie wissen bereits, wie Ihr Produkt aussehen wird. Jetzt ist es an der Zeit, die Schaltflächen mit den Zielbildschirmen zu verknüpfen. Organisieren Sie dazu Ihre Bildschirme in Adobe Xd. Machen Sie sich beim Testen der Funktionsweise Ihrer Tasten keine Sorgen, wenn Sie einen Fehler machen. Sie können alles lernen. Organisieren Sie Ihren Fluss! Was geht zuerst und was kommt als nächstes? Animieren Sie Ihren Prototyp Gehen Sie in Adobe XD zur Option "Automatisch animieren", damit Sie Ihrem Prototyp Leben einhauchen können. Stellen Sie sicher, dass Sie die Zielbildschirmkomponenten mit den vorherigen Bildschirmen wiederholen. Testen Sie, ob das, was Sie vorbereiten, tatsächlich erledigt ist. Seien Sie geduldig und ordentlich, dies erleichtert die Animation! Alles funktioniert! Wenn Sie den Spiegel mit Ihrem Computer und Ihrem Mobiltelefon verwenden, testen Sie Ihren Prototyp. Dies ist sehr wichtig, da Sie damit einige Bereiche identifizieren können, in denen sich Chancen ergeben. Denken Sie auch daran, dass Sie Ihren Prototyp exportieren können, um einige Benutzertests durchzuführen. Wenn Sie sich für einen Benutzertest entscheiden, stellen Sie sicher, dass Sie wissen, ob Ihr Prototyp das Problem löst, und wenn Ihre Erfahrung gut ist, nutzen Sie auch die Gelegenheit, um weitere Informationen zu erhalten, die Ihrem Projekt hinzugefügt werden. Ihr Prototyp ist fertig! Denken Sie daran, dass es keine Rolle spielt, wenn Sie kein Projekt an der Tür haben. Sie können üben, ein hypothetisches Problem auszuführen. Ich lade Sie ein, nicht aufzuhören, andere Prototypen zu bauen oder zu entwickeln. Lassen Sie sich nicht entmutigen, wenn es beim ersten Mal nicht perfekt ist. Sie werden immer etwas finden, das Sie verbessern können. Dies hilft uns zu wachsen, zu lernen und besser zu werden. Hören Sie nicht auf zu kreieren, zu testen, zu irren und zu lernen! Ich danke Ihnen von Herzen, dass Sie Teil dieses Kurses sind. Übe weiter, gib nicht auf. Ich werde auf Ihr Projekt warten, ich werde Ihnen so schnell wie möglich im Forum antworten. Bis bald! ”

Partielle Transkription des Videos

“Abschlussprojekt Lassen Sie uns eine Zusammenfassung des Kurses machen. Zuerst habe ich dir von mir und meinen Einflüssen erzählt und wir sprechen über das Projekt, an dem wir im Kurs arbeiten werden. Wir definieren, was ein digitales Produkt ist und wie wir mit ihnen interagieren. sowie was ist ein Prototyp und warum es nützlich ist, ihn zu animieren. Ich habe Ihnen die Vorteile von Adobe XD zum Erstellen animierter Prototypen gegeben. Später haben wir das Projekt angehoben und eine Navigationskarte erstellt. Wir definieren ein Hauptziel und suchen nach möglichen Lösungen. Wir skizzieren d...”

Diese Transkription wurde maschinell erstellt und kann daher Fehler aufweisen.

Zusammenfassung des Kurses: Schöpfung von interaktiven Prototypen mit Adobe XD

• Niveau: Anfänger
• 96% positive Bewertungen (78)
• 1959 Lernende
• 5 Kurseinheiten
• 17 Lektionen (2 Stdn. 36 Min.)
• ‌11 Downloads

• Kategorie

  Web- und App-Entwicklung

• Software

  Adobe XD

• Bereiche

  App-Design, Digitales Design, Interaktives Design, UX / UI, Webdesign