Inhalt
Aufgabenstellung
Entwirf das Design der App mithilfe von Adobe XD und erstelle daraus einen Prototyp. Das Design stellt dann die Basis für die Umsetzung der App dar.
Adobe XD Tutorials
Für Adobe XD gibt es eine Reihe sehr guter Tutorials:
- Empfehlung: Kurzanleitung für Adobe XD
- Zeichenflächen hinzufügen und bearbeiten - helpx.adobe.com
- Mit Wiederholungsrastern wiederkehrende Elemente erstellen - helpx.adobe.com
- Mit Komponenten arbeiten - helpx.adobe.com
1. Design erstellen
Die fertigen Scribbles sollen jetzt ein Design bekommen. Damit die verschiedene Designvarianten schnell adaptiert werden können sind folgende Punkte zu beachten:
- Erstelle gute Inhalte (Bilder, sprechende beispielhafte Texte, …)
- Verwende Wiederholungsraster
- Verwende von Beginn an Komponenten
- Verwende von Beginn an UI-Kits
2. Prototyp erstellen
Mit Adobe XD gibt es sehr viele Möglichkeiten. Nutze so, um einen Prototyp so realitätsnah wie möglich umzusetzen:
Um einen guten Prototypen umzusetzen können sehr viele Zeichenflächen notwendig sein.
3. Prototyp testen lassen und Feedback holen
Siehe auch Aufgabe 3 - Scribbles:
- Design erstellen / anpassen
- Prototyp erstellen / anpassen
- Testen - Alles Perfekt?
Nein: Zurück zu 1.
Ja: Weiter zur Umsetzung (Aufbereitung der Daten für die Entwickler)
Nutze auch die Möglichkeit von den User-Tests Video- und Tonaufzeichnungen zu machen.
Abgabe
Ergänze das Appdesign-Portfolio:
- Inhalt:
- Halte die Entwürfe und die Iterationsschritte fest.
- Was hat gut funktioniert, was weniger gut?
- Wie hast du auf die Probleme reagiert?
- Wie sieht die finale Version aus?
- Link zum Prototyp
- Umfang: mind. 6 Seiten A4
Intuitive User Interface Design und Rapid Prototyping
- User Interface Design
- Aufgabe 1 - Zusammenfassung Vortrag
- Aufgabe 2 - Enwicklung der App Idee
- Aufgabe 3 - Scribbles und Wireframing
- Aufgabe 4 - App Design und Prototyping
- Aufgabe 5 - Conclusio