Supporting rapid design and evaluation of pervasive application: challenges and solutions Lei Tang 1,2, Zhiwen Yu 1, Xingshe Zhou 1, Hanbo Wang 1, Christian.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

S 1 Intelligent MultiModal Interfaces Manuel J. Fonseca Joaquim A. Jorge
1 Design, Prototyping, and Evaluation in Developing Countries Jen Mankoff, Assistant Professor EECS.
Rapid Prototyping Dimensions and terminology Non-computer methods
Multimedia Specification Design and Production 2013 / Semester 1 / week 7 Lecturer: Dr. Nikos Gazepidis
The design process IACT 403 IACT 931 CSCI 324 Human Computer Interface Lecturer:Gene Awyzio Room:3.117 Phone:
SECOND MIDTERM REVIEW CS 580 Human Computer Interaction.
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
MULTIMEDIA DEVELOPMENT 4.3 : AUTHORING TOOLS. At the end of the lesson, students should be able to: 1. Describe different types of authoring tools Learning.
 delivers evidence that a solution developed achieves the purpose for which it was designed.  The purpose of evaluation is to demonstrate the utility,
ISE554 Human Computer Interaction Design 2.3 Principled Methods for Design.
Human Computer Interaction
Prototyping Techniques
Saul Greenberg Prototyping techniques Learning different techniques for rapid prototype development.
ISP 666 Week 6 Prototyping. Design a Solution From task to system From abstract to concrete Task Models UI Presentation evaluation Conceptual Model System.
Project Sharing  Team discussions –Share results of heuristic evaluations –Discuss your choice of methods and results  Class-level discussion –Each spokesperson.
Project Life Cycle Jon Ivins DMU. Introduction n Projects consist of many separate components n Constraints include: time, costs, staff, equipment n Assets.
CS147 - Terry Winograd - 1 Lecture 9 – Prototyping Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
The Design Cycle: A Problem Solving Process
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
Mastering OOA/OOD with UML. Contents Introduction Requirements Overview OOAOOD.
User Centered Design Lecture # 5 Gabriel Spitz.
Spring /6.831 User Interface Design and Implementation1 Lecture 8: Generating Designs.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
1. Human – the end-user of a program – the others in the organization Computer – the machine the program runs on – often split between clients & servers.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Department of Informatics, UC Irvine SDCL Collaboration Laboratory Software Design and sdcl.ics.uci.edu 1 Informatics 121 Software Design I Lecture 12.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
UNDERSTANDING USERS: MODELING TASKS AND LOW- LEVEL INTERACTION Human-Computer Interaction
Test-Driven Development of Graphical User Interfaces: A Pilot Evaluation Thedore D. Hellmann, Ali Hosseini-Khayat, Frank Maurer XP 2011.
Storyboarding 1. Purpose of Storyboarding  To gain an early reaction from users on the concepts proposed for the application.  They are an effective.
Building Mobile Augmented Reality Services in Pervasive Computing Environment Hiroaki Kimura Eiji Tokunaga
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
Human Computer Interaction
HCI in Software Process Material from Authors of Human Computer Interaction Alan Dix, et al.
Prototyping CSCI 4800 Spring 2007 Kraemer. Learning Goals Understand the uses of different types of prototypes for different kinds of designs and be able.
Applied Pervasive Computing Presentation 3: Prototyping.
CS2003 Usability Engineering Human-Centred Design Dr Steve Love.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Prototyping 1. Design Document How express your design ideas. How express your design ideas. Key notions Key notions Cheap, FastCheap, Fast Flexibility.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
SketchWizard: Wizard of Oz Prototyping of Pen-Based User Interface Richard C. Davis 1 T. Scott Saponas 3 Michael Shilman 4 James A. Landay 2, 3 1 CS Division,
Mixed Reality: A Model of Mixed Interaction Céline Coutrix, Laurence Nigay User Interface Engineering Team CLIPS-IMAG Laboratory, University of Grenoble.
System Construction System Construction is the development, installation and testing of system components.
Design Process … and some design inspiration. Course ReCap To make you notice interfaces, good and bad – You’ll never look at doors the same way again.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Cooperative Computing & Communication Laboratory A Survey on Transformation Tools for Model-Based User Interface Development Robbie Schäfer – Paderborn.
SE 431 Human Computer Interactions Jamal Nasir. How to design & build good UIs UI Development process Usability goals User-centered design Design discovery.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
Advanced Higher Computing Science The Project. Introduction Worth 60% of the total marks for the course Must include: An appropriate interface using input.
고려대학교 산업경영공학과 IMEN 315 인간공학 1. INTRODUCTION. 고려대학교 산업경영공학과 IMEN 315 인간공학.
Papier-Mache: Toolkit Support for Tangible Input HCI Group University of California Scott R. Klemmer Jack Li James Lin DUB Group University of Washington.
1 Design and evaluation methods: Objectives n Design life cycle: HF input and neglect n Levels of system design: Going beyond the interface n Sources of.
Introduction to 3D User Interface. 첫번째 강의 내용  강의 계획서 설명 강의와 논문 발표 ( 학생 ) 발표 논문 리스트  Chapter 1 & 2 참고  SIGGRAPH 2001: Course Notes 44 Advance Topics.
1 University of Washington Yang Li DUB Group activity-based ubiquitous computing – structuring ubicomp technologies and representing interaction contexts.
Digital Media & Interaction Design LECTURE 4+5. Lecture 4+5 Draw requirement + Prototyping.
Lecture 2 Supplement - Prototyping
Kai Li, Allen D. Malony, Sameer Shende, Robert Bell
Software Engineering D7025E
Sketching and Prototyping
INF385G: Topic Discussion Huang, S. C.
Ubiquitous Computing and Augmented Realities
The Design Cycle: A Problem Solving Process
Prototyping.
Design, prototyping and construction
Evaluation of Mobile Interfaces
MANAGING THE DEVELOPMENT AND PURCHASE OF INFORMATION SYSTEMS
1. INTRODUCTION.
Design, prototyping and construction
Presentation transcript:

Supporting rapid design and evaluation of pervasive application: challenges and solutions Lei Tang 1,2, Zhiwen Yu 1, Xingshe Zhou 1, Hanbo Wang 1, Christian Becker 2 1.School of Computer, Northwestern Polytechnical University 2. University of Mannheim Personal and Ubiquitous Computing 2011

Outline Introduction Designing Challenges User-centered prototyping technique Rapid prototyping toolkits Open issues Conclusions

Introduction

"value for end-users" "core technical workability" Build a Good Application (1/3)

Good Application Design Evaluate Building a Good Application (2/3)

Evaluate Build Prototype DEMO Building a Good Application (3/3)

It is very difficult to predict how users will react when designing a service. Problem High cost in a design process

Problem Rapid Prototype Tools It is very difficult to predict how users will react when designing a service. High cost in a design process

Rapid Prototype Tools Activity Designer Topiary Visual RDK Other Tools Which one?

Classifying design challenges Overview of prototyping techniques Presenting several open issues Contribution: Survey Tools

Designing Challenges

User and task analysis in uneven environment Tracking user intent for implicit interaction Long-term, in situ design evaluations

User and task analysis in uneven environment Uncertainty in user analysis Mixed task analysis Simple Complex Past Now Future

Tracking user intent for implicit interaction Help user Hinder user Implicit interaction How to track user intent?

Long-term, in situ design evaluations Laboratory experiments Real-world experiments How to find the appropriate way for the evaluation?

User-centered prototyping technique

Design cycle with prototypes Prototyping techniques

Design cycle with prototypes

User-centered prototyping technique Design cycle with prototypes Prototyping techniques

Design cycle with prototypes Construct prototypes rapidly Remove inessential elements Construct prototypes for a particular purpose

Design cycle with prototypes Construct prototypes rapidly – Find out design issues – Rapid, incremental, reversible – Identify particular purposes and prioritize features Remove inessential elements Construct prototypes for a particular purpose

Design cycle with prototypes Construct prototypes rapidly Remove inessential elements – Avoid unnecessary design – Evaluate in early design stage – Remove unnecessary features Construct prototypes for a particular purpose

Design cycle with prototypes Construct prototypes rapidly Remove inessential elements Construct prototypes for a particular purpose – capture the user’s intent from the interaction experience (when, where, how) – test the design for usability

Design cycle with prototypes Construct prototypes rapidly Remove inessential elements Construct prototypes for a particular purpose – capture the user’s intent from the interaction experience (when, where, how) – test the design for usability

User-centered prototyping technique Design cycle with prototypes Prototyping techniques

Paper prototyping Wizard of Oz prototyping Experience prototyping Storyboard prototyping Form builder prototyping Functional component prototyping

Prototyping techniques Paper prototyping – Create “mockups” of UIs – Testing/evaluating usability and idea rapidly Wizard of Oz prototyping Experience prototyping Storyboard prototyping Form builder prototyping Functional component prototyping

Prototyping techniques Paper prototyping Wizard of Oz prototyping – Simulate system response in real time, and observes user actions – Challenge : build two interfaces (user and wizard) Experience prototyping Storyboard prototyping Form builder prototyping Functional component prototyping

Prototyping techniques Paper prototyping Wizard of Oz prototyping Experience prototyping – Designers experience prototype themselves – Diary studies for designers Storyboard prototyping Form builder prototyping Functional component prototyping

Prototyping techniques Paper prototyping Wizard of Oz prototyping Experience prototyping Storyboard prototyping – Sequence of screens, and show feedback effects – Disadvantage: hard to evaluate user’s reactions. Form builder prototyping Functional component prototyping

Prototyping techniques Paper prototyping Wizard of Oz prototyping Experience prototyping Storyboard prototyping Form builder prototyping – A Tool for drawing real, working interface by dragging widget on a window Functional component prototyping

Prototyping techniques Paper prototyping Wizard of Oz prototyping Experience prototyping Storyboard prototyping Form builder prototyping Functional component prototyping – Basic elements from a broad range of research – Provide simple API for prototyping applications

Rapid prototyping toolkits

Design-focused toolkits Evaluation-focused toolkits Summary

Rapid prototyping toolkits Design-focused toolkits Evaluation-focused toolkits Summary

Design-focused toolkits Prediction-based user analysis Cyber-physical task analysis Representation of user intent Description of application semantics

Design-focused toolkits Prediction-based user analysis – Predict users’ performance by task records Cyber-physical task analysis Representation of user intent Description of application semantics

Design-focused toolkits Prediction-based user analysis Cyber-physical task analysis – Main task -> subtasks – Subtasks analysis Representation of user intent Description of application semantics

Design-focused toolkits Prediction-based user analysis Cyber-physical task analysis Representation of user intent – Event, condition, action – User preferences Description of application semantics

Design-focused toolkits Prediction-based user analysis Cyber-physical task analysis Representation of user intent Description of application semantics – Demonstration with state graph – Demonstration with storyboard – Visual programming

Rapid prototyping toolkits Design-focused toolkits Evaluation-focused toolkits – Testing in simulation environment – In situ evaluation – Woz Summary

Rapid prototyping toolkits Design-focused toolkits Evaluation-focused toolkits Summary

The context-aware application can be simulated – Device, behavior, long-term user activities – Location context => map based interface Based on current infrastructure – CAMP is built on top of the INCA Infrastructure – Visual-RDK is built on an context server – CRN Toolbox is built on KNN classifier algorithm

Summary One Prototype Tool => Solve different needs – Understanding user experience – Groping for better design – Simulate complex sensor input User-friendly interface for designing and testing – Mouse-driven, drag-and-drop interaction

Open issues

Simulating pervasive environment Description of context-awareness Demonstrating application semantics Robust debugging environment Logging test data Integrating the design process Field deployment Evaluation criteria

Conclusion

Survey and analysis Designing and evaluating pervasive applications Prototyping toolkits Open issues Environment definition and simulation Future work Demo, debug, and evaluation