From Paper Prototyping to Sketching with Hardware

Similar documents
Prototyping for the Development of Ergonomic Interactive Surfaces

Bettina Conradi, Doris Hausen, Fabian Hennecke, Max-Emanuel Maurer, Hendrik Richter, Alexander Wiethoff, Heinrich Hussmann (Editors)

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University

MMI 2. Tutorials. Winter Term 2017/18. LMU München - LFE Medieninformatik. Prof. Andreas Butz Renate Häuslschmid Christina Schneegaß

Prototyping UX. From Sketch to Prototype. Alexander Wiethoff Ludwig-Maximilians University of Munich (LMU)

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

Seng310 Lecture 8. Prototyping

Administrative Stuff. Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session

Paper Prototyping. Paper Prototyping. Jim Ross. Senior UX Architect, Flickr: CannedTuna

Rapid Prototyping Methods to Develop Applications for Seniors

Interaction Design. Prototyping UX - From Sketch to Prototype

Interaction Design. Chapter 7 May 28th, 2014, 9am-12pm): Prototyping UX - From Sketch to Prototype

Beyond the desktop interactive visualizations

Usability. CSE 331 Spring Slides originally from Robert Miller

Interaction Metaphors on Interactive Surfaces

MUSE Publisher Meeting 2018

User Experience Design

Chapter 3! Planning and Design! 2012 Elsevier, Inc. All rights reserved.

Human-Computer Interaction. CA357 Lecture 7 More on Prototyping

User Experience Design

User interface design. Ian Sommerville 2004 Software Engineering, 7th edition. Chapter 16 Slide 1

CS -213 Human Computer Interaction Spring Prototyping. Imran Ihsan. Assistant Professor (CS) Air University, Islamabad

Web-Based Training and E-Learning

Magdalena Blöckner. 'building in a box' an experience prototyping toolkit to reveal design needs for interactive multimedia facades

Bringing Usability to Industrial Control Systems

Plus 10: Descending the Design Funnel THE 10 PLUS 10 METHOD. developing 10 different ideas and refinements of selected ideas

USING THE MUSICBRAINZ DATABASE IN THE CLASSROOM. Cédric Mesnage Southampton Solent University United Kingdom

Adaptive Hypermedia: Student modeling in e-learning systems

ATTENTION TO COME/ISE 491/492 STUDENT

USER-CENTERED DESIGN KRANACK / DESIGN 4

Administrivia. Added 20 more so far. Software Process. Only one TA so far. CS169 Lecture 2. Start thinking about project proposal

CIS4930 / CIS6930: USER EXPERIENCE DESIGN INSTRUCTOR: DR. LISA ANTHONY

Bringing Usability to Industrial Control Systems by Marcus Reul, RWTH Aachen University, Aachen, Germany, aachen.

NPTEL Computer Science and Engineering Human-Computer Interaction

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!!

ECE-492 SENIOR ADVANCED DESIGN PROJECT

How to Conduct a Heuristic Evaluation

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440

Integrating HCD into Automation Design

Requirements Specifications & Standards

needs, wants, and limitations

Assignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.

ANALYTICS DATA To Make Better Content Marketing Decisions

Foundation Level Syllabus Usability Tester Sample Exam

Developing techniques for visualising scenarios

Scenarios and Task Descriptions, Ideation, and Prototyping. Sept 30, 2016

Concept Production. S ol Choi, Hua Fan, Tuyen Truong HCDE 411

Usability Testing CS 4501 / 6501 Software Testing

Database Fundamentals Chapter 1

Appendix III Parallel Design Reviews

A Proposal for Work. Getting To Know Us. Proposed Project Timeline. Project Goals Discussion Week 1

Sunday, October 23, Web Design Process

Faculty of Information School of Graduate Studies University of Toronto St. George Semester: Winter 2017 INF2191H User Interface Design

Prototyping is the Short hand of Design Tom Kelly Prototyping. Prototyping is the short hand of Design Tom Kelly IDEO

Homework Set 2. A brief discussion

Graph Matching. walk back and forth in front of Motion Detector

Motivation and Persuasion in Mobile elearning

Website Design and Development CSCI 311

Firstname Lastname. Contents. User Experience Design Portfolio - Selected Samples. Updated February 2014

How Can a Tester Cope With the Fast Paced Iterative/Incremental Process?

Prototyping. Oct 3, 2016

James Pownall. UX and UI Design. Mobile:

Requirements Validation and Negotiation

Shaping User Experience

cs414 principles of user interface design, implementation and evaluation

JQueryScapes: customizable Java code perspectives

Design, prototyping and construction

Invitation to Participate

Requirement Engineering within an Agile Environment BY KEJI GIWA. Digital Bananas Technology

Outline. Eddies: Continuously Adaptive Query Processing. What s the Problem? What s the Problem? Outline. Discussion 1

CSE 331 Software Design & Implementation

CS/ISE 5714 Usability Engineering. Topics. Introduction to Rapid Prototyping. Rapid Prototyping in User Interaction Development & Evaluation

From Desktop to Tabletop: Migrating the User Interface of AgilePlanner

Mining Social Media Users Interest

Architectural Documentation 1

Beta Mobile app Testing guidelines

User Centered Design Interactive Software Lifecycle

WAKEFLY WEBSITE USER EXPERIENCE AUDIT

Chapter 10. Database System Development Lifecycle

Prototyping & Building a System

Prototyping. SWE 432, Fall Web Application Development

soneme encouraging the cooperative discovery of lesser known artists

Building a Secure Wireless Network. Use i and WPA to Protect the Channel and Authenticate Users. May, 2007

Integration Technologies Group, Inc. Uncompromising Performance

the prototyping community about how closely in form and function a userinterface Low vs.

Development of a mobile application for manual traffic counts

Testing Lotus Notes applications Most of the Lotus Notes applications come under the technical domain of Rapid Application Development (RAD).

Describe the benefits of incorporating design methodologies on projects for increased customer alignment and business impact.

Published in: Proceedings of the Eighth Danish Human-Computer Interaction Research Symposium, 20th November 2008

Primo VE - Configuration Overview. 1. Primo VE Configuration Overview. 1.1 Primo VE Overview. Notes:

Number of Node Estimation in Mobile Ad Hoc Networks

The LUCID Design Framework (Logical User Centered Interaction Design)

..in a nutshell. credit: Chris Hundhausen Associate Professor, EECS Director, HELP Lab

Usability Testing Essentials

CSc 238 Human Computer Interface Design Chapter 5 Designing the Product: Framework and Refinement. ABOUT FACE The Essentials of Interaction Design

A Source Code History Navigator

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1

Transcription:

LFE Medieninformatik Eduard Held From Paper Prototyping to Sketching with Hardware Medieninformatik Hauptseminar Eduard Held 22.02.2010 / 23.02.2010 Folie 1

From Paper Prototyping to Sketching with Hardware Agenda 1. Paper Prototyping 2. Experience Prototyping 3. Paper Protoyping vs. Experience Prototyping 4. Conclusions: Future of Prototyping Eduard Held 22.02.2010 / 23.02.2010 Folie 2

1. Paper Prototyping: History started in the mid 1980s became popular in the mid 1990s Image Source: Snyder, C. (2001). Paper Prototyping Eduard Held 22.02.2010 / 23.02.2010 Folie 3

1. Paper Prototyping: Use 1. determine appropriate tasks 2. create the paper prototype 3. conduct a testing session Eduard Held 22.02.2010 / 23.02.2010 Folie 4

1. Paper Prototyping: Use determining tasks realistic deal with critical components appropriate scope clear end point Eduard Held 22.02.2010 / 23.02.2010 Folie 5

1. Paper Prototyping: Use creating the paper prototype each component on seperate piece of paper whole team can be involved Image Source: http://blogs.webtrends.com/files/2009/04/supplies.jpg Eduard Held 22.02.2010 / 23.02.2010 Folie 6

1. Paper Prototyping: Use conducting a usability testing session Image Source: M. Rettig. Prototyping for tiny fingers. Commun. ACM, 37(4):21 27, 1994. Eduard Held 22.02.2010 / 23.02.2010 Folie 7

1. Paper Prototyping: Advantages very efficient usability testing before programming early user involvement and validation users criticize functionality the whole team gets involved Eduard Held 22.02.2010 / 23.02.2010 Folie 8

1. Paper Prototyping: Disadvantages less problems are found lack of details authenticity of interaction people watching answering times scrolling Eduard Held 22.02.2010 / 23.02.2010 Folie 9

2. Experience Prototyping: History term introduced by Buchenau et al. in 2000 gain subjective experience by active interaction sketching with hardware Image Source: M. Buchenau and J. F. Suri. Experience prototyping. New York, NY, USA, 2000. ACM. Eduard Held 22.02.2010 / 23.02.2010 Folie 10

2. Experience Prototyping: Use understand existing user experiences explore and evaluate design ideas communicate ideas to an audience Eduard Held 22.02.2010 / 23.02.2010 Folie 11

2. Experience Prototyping: Use understanding existing user experiences underwater remotely operated vehicle Eduard Held 22.02.2010 / 23.02.2010 Folie 12

2. Experience Prototyping: Use exploring and evaluating design ideas control device for a videogame Image Source: M. Buchenau and J. F. Suri. Experience prototyping. New York, NY, USA, 2000. ACM. Eduard Held 22.02.2010 / 23.02.2010 Folie 13

2. Experience Prototyping: Use communicating ideas to an audience early device for digital photography Image Source: M. Buchenau and J. F. Suri. Experience prototyping. New York, NY, USA, 2000. ACM. Eduard Held 22.02.2010 / 23.02.2010 Folie 14

2. Experience Prototyping: Advantages Lao Tse: What I hear I forget. What I see, I remember. What I do, I understand! simulate important parts of relationships between people, places and objects inspiration, confirmation, rejection shared experience Eduard Held 22.02.2010 / 23.02.2010 Folie 15

2. Experience Prototyping: Disadvantages we cannot be other people experiences can not be predicted Eduard Held 22.02.2010 / 23.02.2010 Folie 16

3. Paper Prototyping vs. Experience Prototyping Things in Common early focus on user involvement of the whole team tool to communicate ideas explore solutions Eduard Held 22.02.2010 / 23.02.2010 Folie 17

3. Paper Prototyping vs. Experience Prototyping Differences single technique vs. multiple techniques level of versatility functionality test vs. creating experiences area of application Eduard Held 22.02.2010 / 23.02.2010 Folie 18

4. Conclusions Future of prototyping use of many techniques complementarily early focus on users creating a shared understanding of problems Eduard Held 22.02.2010 / 23.02.2010 Folie 19

References: M. Buchenau and J. F. Suri. Experience prototyping. In DIS 00: Proceedings of the 3rd conference on Designing interactive systems, pages 424 433, New York, NY, USA, 2000. ACM. M. Rettig. Prototyping for tiny fingers. Commun. ACM, 37(4):21 27, 1994. C. Snyder. Paper prototyping: the fast and easy way to design and refine user interfaces. Morgan Kaufmann, 2003. Eduard Held 22.02.2010 / 23.02.2010 Folie 20

Thank you! Eduard Held 22.02.2010 / 23.02.2010 Folie 21