Interaction Design von Frank Müller
-
Upload
pepe-juergens -
Category
Education
-
view
804 -
download
1
description
Transcript of Interaction Design von Frank Müller
![Page 1: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/1.jpg)
Frank Müller - UnitedStatesOfDesign.com
InteractionDesign
![Page 2: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/2.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 3: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/3.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/4.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/5.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/6.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 7: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/7.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 8: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/8.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 9: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/9.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 10: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/10.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 11: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/11.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 12: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/12.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 13: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/13.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 14: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/14.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 15: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/15.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 16: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/16.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 17: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/17.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 18: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/18.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 19: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/19.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 20: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/20.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 21: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/21.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/22.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/23.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 24: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/24.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 25: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/25.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 26: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/26.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 27: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/27.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 28: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/28.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 29: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/29.jpg)
Frank Müller - UnitedStatesOfDesign.com
http://wearewhitelabel.com/2008/12/19/franzius-space-waltz/
![Page 30: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/30.jpg)
Frank Müller - UnitedStatesOfDesign.com
http://vimeo.com/9167806
![Page 31: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/31.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/32.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/33.jpg)
Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com
![Page 34: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/34.jpg)
Frank Müller - UnitedStatesOfDesign.com
http://vimeo.com/9716310
Frank Müller - UnitedStatesOfDesign.com
![Page 35: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/35.jpg)
Frank Müller - UnitedStatesOfDesign.com
http://vimeo.com/7774195
Frank Müller - UnitedStatesOfDesign.com
![Page 36: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/36.jpg)
Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com
![Page 37: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/37.jpg)
Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com
![Page 38: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/38.jpg)
Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com
![Page 39: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/39.jpg)
Frank Müller - UnitedStatesOfDesign.comFrank Müller - UnitedStatesOfDesign.com
![Page 40: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/40.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/41.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/42.jpg)
Frank Müller - UnitedStatesOfDesign.com
Produkte & Services
![Page 43: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/43.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 44: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/44.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 45: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/45.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 46: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/46.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 47: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/47.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 48: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/48.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 49: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/49.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 50: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/50.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 51: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/51.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 52: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/52.jpg)
Frank Müller - UnitedStatesOfDesign.com
![Page 53: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/53.jpg)
Frank Müller - UnitedStatesOfDesign.com
Wie entwickelt man Produkte?
![Page 54: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/54.jpg)
Frank Müller - UnitedStatesOfDesign.com
Idee
Beobachtung
![Page 55: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/55.jpg)
Frank Müller - UnitedStatesOfDesign.com
Idee
Ansatz
Überlegung
![Page 56: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/56.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/57.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/58.jpg)
Frank Müller - UnitedStatesOfDesign.com
Idee
Szenarios & Usecases
Ansatz
Zielgruppen, Zugänge, Verhalten…
![Page 59: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/59.jpg)
Frank Müller - UnitedStatesOfDesign.com
Vision Statement
Ansatz
Zieldefinition
![Page 60: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/60.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/61.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/62.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/63.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/64.jpg)
Frank Müller - UnitedStatesOfDesign.com
Umsetzung & Implementierung
Prot
Vollständige Programmierung des Produktkerns.
![Page 65: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/65.jpg)
Frank Müller - UnitedStatesOfDesign.com
Release
Minimum Viable Product
MVP
Vorstellung im Markt.
![Page 66: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/66.jpg)
Frank Müller - UnitedStatesOfDesign.com
Reaktionen Beobachten (messen)
MVP
Was funktioniert im Zielmarkt und was nicht?
![Page 67: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/67.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/68.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/69.jpg)
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](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/70.jpg)
Frank Müller - UnitedStatesOfDesign.com
Fragen?
![Page 71: Interaction Design von Frank Müller](https://reader036.fdocument.pub/reader036/viewer/2022062405/55843655d8b42a84368b4657/html5/thumbnails/71.jpg)
Frank Müller - UnitedStatesOfDesign.com
Danke!