mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

20
Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie Mensch-Maschine-Interaktion 1

Transcript of mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Page 1: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Mensch-Maschine-Interaktion

1

Page 2: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Kapitel 12 - Skizzen und Prototypen• Eigenschaften von Skizzen • Eigenschaften von Prototypen

– Auflösung und Detailgenauigkeit – Horizontale und Vertikale Prototypen – Wizard of Oz Prototypen

• Papierprototypen • Video Prototypen

2

Page 3: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 3

Page 4: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Mathematische Beweisskizze

4

Leslie Lamport: How to Write a Proof, Digital Equipment Corporation 1993

http://research.microsoft.com/en-us/um/people/lamport/pubs/lamport-how-to-write.pdf

Page 5: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Skizze in einer Patentschrift

5

United States Patent Application 20100081477 !Motorola, Inc.!PORTABLE DEVICE DISPLAY PRESENTING TWO AND THREE DIMENSIONAL IMAGES

Page 6: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 6

Page 7: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 7

Page 8: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

• Quick • Timely • Inexpensive • Disposable • Plentiful • Clear vocabulary • Distinct gesture • Minimal detail • Appropriate degree of refinement • Suggest and explore rather than confirm • Ambiguity

8

Page 9: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Kapitel 12 - Skizzen und Prototypen• Eigenschaften von Skizzen • Eigenschaften von Prototypen

– Auflösung und Detailgenauigkeit – Horizontale und Vertikale Prototypen – Wizard of Oz Prototypen

• Papierprototypen • Video Prototypen

9

Page 10: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Auflösung und Detailgenauigkeit• Houde, Stephanie und Charles Hill: What Do Prototypes Prototype? In: Helander, M., T. Landauer und P. Prabhu

(Herausgeber): Handbook of Human- Computer Interaction. Elsevier Science B.V., Amsterdam, 2. Auflage, 1997.

• Auflösung = Gesamtumfang der Umsetzung eines Prototypen (z.B. nur 1 Screen vs. komplettes System)

• Detailgenauigkeit = Detailtreue der Umsetzung (z.B. Strichzeichnung oder photorealistisches rendering)

10

Page 11: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Horizontale Prototypen

11

home page

subpage 3subpage 2 subpage 4

detail 3detail 2 detail 4

function 3function 2 function 4

page 3page 2page 1 page 4 page 5

… …

Page 12: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Vertikale Prototypen

12

home page

subpage 3subpage 2 subpage 4

detail 3detail 2 detail 4

function 3function 2 function 4

page 3page 2page 1 page 4 page 5

… …

Page 13: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Wizard of Oz Prototypen

13

http://dailycapitalist.com/wp-content/uploads/2012/07/Wizard-of-Oz.jpg

http://2.bp.blogspot.com/_QJDOQQGmSDU/TKwCEkgJscI/AAAAAAAADxY/LlNhk8BF4pQ/s1600/wizard_of_oz_1092_wizard.jpg

Page 14: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Kapitel 12 - Skizzen und Prototypen• Eigenschaften von Skizzen • Eigenschaften von Prototypen

– Auflösung und Detailgenauigkeit – Horizontale und Vertikale Prototypen – Wizard of Oz Prototypen

• Papierprototypen • Video Prototypen

14

Page 15: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 15

https://www.youtube.com/watch?v=9wQkLthhHKA

Page 16: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 16

Page 17: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

POP App (Prototyping on Paper)

17

https://popapp.in

Page 18: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Rapid Prototyping & Wireframing Tools• SW zur Erstellung von Interface-Prototypen (“mockups”) • Bekanntere Beispiele: Axure, Balsamiq

18

www.axure.com

Page 19: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie

Kapitel 12 - Skizzen und Prototypen• Eigenschaften von Skizzen • Eigenschaften von Prototypen

– Auflösung und Detailgenauigkeit – Horizontale und Vertikale Prototypen – Wizard of Oz Prototypen

• Papierprototypen • Video Prototypen

19

Page 20: mmi 12 Prototypen€¦ · Title: mmi_12_Prototypen.key Created Date: 6/24/2015 1:50:24 PM

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 20http://www.asktog.com/starfire/