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

Ähnliche Dokumente
Skizzieren, Prototypen

Gestaltung interaktiver Mensch-Rechner-Schnittstellen (GIMS) WS 03/04

Vorlesung Web Technologies

INSTRUCTIONAL DESIGN MIT HILFE VON DESIGN THINKING

STERNBURG BINGO STERNBURG BINGO UND SO FUNKTIONIERT S: MITMACHEN UND TOLLE PREISE GEWINNEN! RAUM FÜR EIGENE BEMERKUNGEN, GRÜSSE ETC.

3 Tage. Digital Design Deluxe Advanced Web- & App-Design - Sketches, Screendesigns und interaktive Mock Ups

Master-Seminar Eingebettete Interaktive Systeme. Alexa, La Liga and Roomba: Challenges for Human-Computer Interaction

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 17 - Interaktive Oberflächen. Mensch-Maschine-Interaktion

Vermittlung von Kompetenzen zur Technikgestaltung in pflege- und gesundheitswissenschaftlichen Studiengängen: Motivation, Konzept.

Deutsch. z.b. Designers. Design Studio. z.b. Designers GbR Pfungstädter Strasse Darmstadt Germany. Product. Engineering. Graphic.

Hilfe, ich verstehe meine APEX Seite nicht mehr! DOAG Development Konferenz, Düsseldorf

1. Vorgehensweise. Beispiele erste Skizzen

Empfehlungen für Touchgestikinteraktion mit Fahrerinformationssystemen. Antrittsvortrag Diplomarbeit.

Multimedia Produktion 2: Interaktion Design. Design & Prototyp I VO 7. Interak(on Design SS Lisa Ehrenstrasser.

Erfolgsfaktoren für erfolgreiches Spenden Sammeln im Internet

Level 2 German, 2016

Highlights versiondog 3.1

Volker Max Meyer Selected works. Image: Design Report Cover Authors: Jonas Loh, Christian Lange, Astrid Höffling and Volker Max Meyer

Bachelor-Seminar Eingebettete Interaktive Systeme. Farming 4.0: Agriculture in the Context of Digitalization

Concept of Mobile Product Data Interaction

Geschäftsmodellentwicklung mit der Lean Startup Methode Prof. Dr. Stephanie Kapitza. Hochschule Rosenheim, 20. März 2019, Seite 1

The Transfer Function Bake- Off

Chapter 1 : þÿ B a r g e l d a u s b e t a t h o m e B e g r i f f e c h a p t e r

Chapter 1 : þÿ b e t a t h o m e M ä d c h e n c h a p t e r

Chapter 1 : þÿ A r b e i t e n b e i b e t a t h o m e c h a p t e r

Blockchain Basics and Examples: emoney and evoting

Virtual Reality. Wahrnehmung. Marc Kirchner AI

Länderübergreifendes Abitur 2017 Englisch Beispielaufgabe Hörverstehen, 2. Teil. Native advertising

Smart graphics: Overview of lecture content, rules & conditions

Rapid Prototyping. Mai 2008 Allan Jäke

Master-Seminar Innovative Industrial Software. Digitalization in Industry: Status Quo in different Domains and Regions

ALAN PROHM. Konzept/Creative Direction Digital & Druck. Kontakt: +49.(0) Gitschinerstr.

User Interface (UI) Design Theorien, UI Patterns und Layouts für optimale Nutzerführung

Softwaresysteme für Augmented Reality: Beispiele. Vorlesung Augmented Reality Andreas Butz

Prototyping der Schnittstellenstandards

Chapter 1 : þÿ b i n g o b e t a t h o m e c h a p t e r

Chapter 1 : þÿ b e t a r a f c h a p t e r

Chapter 1 : þÿ b e t a t h o m e S p o r t - C h a t c h a p t e r

Empfehlungen für Touchgestikinteraktion mit Fahrerinformationssystemen. Abschlussvortrag Diplomarbeit.

Chapter 1 : þÿ b e t a t h o m e. g r O n l i n e c h a p t e r

Android APP NVR Viewer

OER IN DER SCHULE DIGITALE ÖFFNUNG UND SCHLIEßUNG

Apex Series AN100 - Q&A

Lean UX. Context of Use. KP Ludwig John. Lean UX Context of Use

Chapter 1 : þÿ b e t a t h o m e E r g e b n i s s e c h a p t e r

Chapter 1 : þÿ b e t a t h o m e S y m b o l c h a p t e r

Chapter 1 : þÿ b e t a t h o m e. c o m A u s t r a l i e n c h a p t e r

Interaction techniques for AR. Ein Generisches AR-System

Internet of things. Copyright 2016 FUJITSU

Usability Engineering: Design Gruppe 4: Rapid Contextual Design

Magic Figures. We note that in the example magic square the numbers 1 9 are used. All three rows (columns) have equal sum, called the magic number.

Triple Head DisplayPort Multi Monitor Adapter

Computer für Psychologen WYSIWYM

Domino Design Thinking Methodiken zur GUI Entwicklung. Benjamin Stein Stuttgart 7. Mai 2015

ONE STOP SERVICES. Wir helfen Ihnen bei der Kreationserstellung!

QUICK-START ANLEITUNG

Acer Business B226WLYMDR Widescreen Monitor 55,9cm (22")

Innovation warum? Wenn wir nicht innovativ sind. Forschung ein Indikator. Kurz: Innovation ist entscheidend für Wachstum, Beschäftigung & Wohlstand

Chapter 1 : þÿ b e t a t h o m e C h a m p i o n s L e a g u e W e t t a n g e b o t c h a p t e r

Focus Plus Context Using Physically Separate Devices

DATA ANALYSIS AND REPRESENTATION FOR SOFTWARE SYSTEMS

Chapter 1 : þÿ b e t a t h o m e O n l i n e C a s i n o e r f a h r u n g e n c h a p t e r

Seminarvortrag - Beiträge zum Software Engineering SoSe 11. Prototyping. Björn Kahlert Institut für Informatik Freie Universität Berlin

RESI A Natural Language Specification Improver

Chapter 1 : þÿ b e t a t h o m e p a y p a l c h a p t e r

WEDNESDAY, 19 MAY 1.00 PM 2.10 PM. Date of birth Day Month Year Scottish candidate number

Das tägliche Leben eines (Big) Data Scientist - Wie man Big Data Projekte erfolgreich steuern kann? Big Data Everywhere Nadiem von Heydeband

Chapter 1 : þÿ S e r v i c e - C l i e n t b e t a t h o m e n u m e r o c h a p t e r

Individualisiertes Lernen - Differenziertes Unterrichten

Smart Import for supplier projects

LERNEN MIT ERKLÄRVIDEOS

Leitfaden Kiosk Version

Chapter 1 : þÿ b e t a t h o m e. c o m E n g l i s c h c h a p t e r

KURZVORSTELLUNG. Ergosign Medical & Pharma Design

micro:bit MIA INFORMATIK micro:bit Die Platine: Erklärungen zur Hardware: Kodierung & Programmierung:

Zur Einstufung verschiedener Prototypen und deren Techniken werden im Allgemeinen vier Dimensionen verwendet:

Chapter 1 : þÿ b e t a t h o m e m i t u n s i n V e r b i n d u n g c h a p t e r

German Extension. Written Examination. Centre Number. Student Number. Total marks 40. Section I Pages 2 5

Chapter 1 : þÿ b e t a t h o m e W e t t e n C o d e c h a p t e r

Chapter 1 : þÿ b e t a t h o m e a u s c h a p t e r

Chapter 1 : þÿ b e t a t h o m e P a r t e i b e g r e n z t c h a p t e r

Touchscreen und TV als User Interface für eine AAL-Umgebung für ältere Personen. Auszug aus dem EU-Projekt SOPRANO

Chapter 1 : þÿ a k t u e l l e b e t a t h o m e g u t s c h e i n e c h a p t e r

Requirements Engineering Übung am

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 2 - Wahrnehmung. Mensch-Maschine-Interaktion

Modul 2. Evaluation der Nützlichkeit von digitalen Inhalten. Methoden & Fallstudien. 4. Herbstschule LIS 14. November 2011 Bern

ERGONOMIE DER SOFTWARE. Was ist gute Usability & warum ist sie wichtig?

Chapter 1 : þÿ b e t a t h o m e b a y e r n c h a p t e r

Kapitel 10. *Notizen. Kapitel 10

Adobe Reader X. Adobe Customization Wizard X. highsystem ag. Author(s): Paolo Sferrazzo. Version: 1.0 Erstellt am: Letzte Änderung: - 1 / 9

Chapter 1 : þÿ b e t a t h o m e K o n t a k t - T e l e f o n n u m m e r c h a p t e r

Chapter 1 : þÿ b e t a t h o m e F r a n k r e i c h I n s c h r i f t c h a p t e r

Design des Konzeptuellen Modells

Chapter 1 : þÿ b e t a t h o m e H a u s e c h a p t e r

POWERBANK MIT KABELLOSER LADEFUNKTION POWERBANK WITH WIRELESS CHARGING FUNCTION

Durametric. Installations Anleitung Quick Installation Guide. Deutsch: Seite 2 bis 3. English: Page 4 to 5. ww.fvd.de

SONNENENERGIE Digital Eine Bedienungsanleitung

Prototyping - Theorie und Praxis

Transkript:

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

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 Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 2

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

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 4 Mathematische Beweisskizze 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

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 5 Skizze in einer Patentschrift United States Patent Application 20100081477! Motorola, Inc.! PORTABLE DEVICE DISPLAY PRESENTING TWO AND THREE DIMENSIONAL IMAGES

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

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

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 8 Quick Timely Inexpensive Disposable Plentiful Clear vocabulary Distinct gesture Minimal detail Appropriate degree of refinement Suggest and explore rather than confirm Ambiguity

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 Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 9

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie10 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)

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 11 Horizontale Prototypen home page page 1 page 2 page 3 page 4 page 5 subpage 2 subpage 3 subpage 4 detail 2 detail 3 detail 4 function 2 function 3 function 4

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie12 Vertikale Prototypen home page page 1 page 2 page 3 page 4 page 5 subpage 2 subpage 3 subpage 4 detail 2 detail 3 detail 4 function 2 function 3 function 4

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie13 Wizard of Oz Prototypen 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

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 Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie14

https://www.youtube.com/watch?v=9wqklthhhka Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie 15

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

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie17 POP App (Prototyping on Paper) https://popapp.in

Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie18 Rapid Prototyping & Wireframing Tools SW zur Erstellung von Interface-Prototypen ( mockups ) Bekanntere Beispiele: Axure, Balsamiq www.axure.com

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 Butz, Krüger: Mensch-Maschine-Interaktion, Kapitel 12 - Skizzen und Prototypen Folie19

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