Interaction Design von Frank Müller

71
Frank Müller - UnitedStatesOfDesign.com Interaction Design

description

love, think & do. Tyopgografie, generative Art, Ardinos bis Servicedesign für Startups - Frank zeigt, wie man sich immer wieder neu erfindet, wie sich Design weiterentwickelt und wie er diese Prozesse reflektiert. Interaction Design und Prozesse von Frank Müller, unitedstatesofdesign.com aus meiner Veranstaltung DIG! Designer im Gespräch an der HdpK Berlin, zu der ich am 13.06 eingeladen habe.

Transcript of Interaction Design von Frank Müller

Page 1: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

InteractionDesign

Page 2: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 3: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem

Endgerät interagiert.

Page 4: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 5: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 6: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 7: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 8: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 9: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 10: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 11: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 12: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 13: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 14: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 15: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 16: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 17: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 18: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 19: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 20: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 21: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 22: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 23: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 24: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 25: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 26: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 27: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 28: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 29: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

http://wearewhitelabel.com/2008/12/19/franzius-space-waltz/

Page 30: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

http://vimeo.com/9167806

Page 31: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 32: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 33: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com

Page 34: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

http://vimeo.com/9716310

Frank Müller - UnitedStatesOfDesign.com

Page 35: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

http://vimeo.com/7774195

Frank Müller - UnitedStatesOfDesign.com

Page 36: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com

Page 37: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com

Page 38: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com

Page 39: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com

Page 40: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 41: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 42: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Produkte & Services

Page 43: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 44: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 45: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 46: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 47: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 48: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 49: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 50: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 51: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 52: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Page 53: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Wie entwickelt man Produkte?

Page 54: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Idee

Beobachtung

Page 55: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Idee

Ansatz

Überlegung

Page 56: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Idee

Recherche

Ansatz

Ansatz

AnsatzAnsatz

Ansatz

Ansatz

Ansatz

Ansatz

Ansatz

Ansatz

Pattern, Navigationen, Verhalten…

Page 57: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Idee

Analyse & Konzeption

Ansatz

Ansatz

AnsatzAnsatz

Ansatz

Ansatz

Ansatz

Ansatz

Ansatz

Ansatz

Mockups, Scribbles, Abfolgen…

Page 58: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Idee

Szenarios & Usecases

Ansatz

Zielgruppen, Zugänge, Verhalten…

Page 59: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Vision Statement

Ansatz

Zieldefinition

Page 60: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Designvarianten

Ansatz

Var

Var

Var

Var

Var

Var

Typographie, Farbe, Bildwelt auf Basis der Zieldefinition

Page 61: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Evaluation & Testing

Ansatz

Var

Var

Var

Var

Var

Var

Was wird am besten verstanden und warum?

Page 62: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Prototypisierung

Var

Prot

Prot

Prot

Prot

Prot

Die wichtigsten Bereiche werden programmiert.

Page 63: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Testing

Var

Prot

Prot

Prot

Prot

Prot

Welcher Prototyp wird am besten verstanden und warum?

Page 64: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Umsetzung & Implementierung

Prot

Vollständige Programmierung des Produktkerns.

Page 65: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Release

Minimum Viable Product

MVP

Vorstellung im Markt.

Page 66: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Reaktionen Beobachten (messen)

MVP

Was funktioniert im Zielmarkt und was nicht?

Page 67: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Nächste Itereation

Idee zur Verbesserung+ Erweiterung

Verbesserung des Kernprodukt und erste Erweiterung.

Page 68: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 69: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Ein Interaction Designer gestaltet all das, was der Benutzer sieht, hört und fühlt, wenn dieser mit einer Anwendung oder einem Endgerät interagiert und sorgt dafür, dass man das Produkt

versteht.

Page 70: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Fragen?

Page 71: Interaction Design von Frank Müller

Frank Müller - UnitedStatesOfDesign.com

Danke!