Tutoriat - UI Prototyping | Strukturprototypen
-
Upload
dennis-hatwieger -
Category
Design
-
view
53 -
download
1
Transcript of Tutoriat - UI Prototyping | Strukturprototypen
UI PROTOTYPINGUI PROTOTYPING
3x ToolWorkshops à 1,5h1. Strukturprototyp mit Papier -> Illustrator/Sketch -> Marvel App2. Termin: UI Animation mit Pixate3. Termin: Prototyping mit QuartzComposer/Origami/Avocado
Termine
2x WorkTogetherZwei Freitage zusammen am Projekt Arbeiten
Heute : Ablauf
WorkshopIntro / Briefing
Feedback
Heute : Ablauf
WorkshopIntro / Briefing
Feedback
Ideation on Paper
Sketch(ing)Marvel
Strukturprototypen
Heute : Thema
Strukturprototypen
Heute : Thema
Struktur
Web/App XY
Struktur
Web/App XY
Use Case
Workshop : Briefing
Workshop : Briefing
htchhkr
Workshop : Briefing htchhkr
Hey,
mit htchhkr planen wir eine App die das Mitfahren verändern soll. Anders als klassische Mitfahrgelegenheitsangebote steht bei uns der ökologische Gedanke im Vordergrund.
Was ihr für uns tun könnt? Wir haben die erste grobe Richtung für die Marke und das Design, suchen jetzt aber noch eine gute Userführung für unsere App. Gerne würden wir von euch die Angebotssuche aus Sicht des Mitfahrers als Usecase sehen.
Unsere grobe Idee für den Flow:
Der User sucht -> bekommt eine Angebots übersicht -> kann sich die konkrete Info anschauen/auswählen -> sieht einen Bestätigungsscreen
In freudiger ErwartungDennis von htchhkr
JPG
download
von: [email protected]
Workshop : Briefing htchhkr
Workshop : Ideation on Paper
Features notieren
5min
Workshop : Ideation on Paper
Features auf Screens aufteilen
5min
Workshop : Ideation on Paper
Ergebnisse YEAH!
Workshop : Ideation on Paper
Wireframing
10min
Workshop : Sketch
Ergebnisse YEAH!
Workshop : Marvel
Belebung
20min
Workshop : Marvel
Ergebnisse YEAH!
Schluss
Learnings
Schluss
Learnings
Ideation on Paper
Sketch(ing)Marvel
Schluss
Feedback ??
Schluss
Und jetzt?http://bohemiancoding.com/sketch/learn/https://medium.com/sketch-app
http://www.invisionapp.com/http://www.uxpin.com/features.htmlhttp://www.axure.com/
Next
Pixate
Next
Pixate