Hasselt University – tUL – IBBT Expertise Centre for Digital Media Jan Van den Bergh Deepak Sahni Mieke Haesen Kris Luyten Karin Coninx EICS 2011 (ACM SIGCHI – Engineering Interactive Computing Systems) Chao-Lung Lee

Introduction Prototyping GRIP Framework Classifying Prototyping Tools GRIP for Exploring Novel Tools Conclusion and Future Work

Prototyping

Testing of design ideas

Toolkit-supported

BAD transition between different stages

Current suggestions Software Engineering + User-Centered Design Supporting ‘flow’ of the design process Supporting different workstyles

Different workstyles Flow of information between different roles

Prototyping? Multidisciplinary User-Centered Design Pen & Paper

Supporting the entire prototyping process

?

Working ApplicationInteractive Prototype Early Design Application Component Evaluation Report Structure Behavior Build prototype Test Implement Revise

Interaction Designer Human factor and Ergonomics ExpertEnd User Software Developer

Working ApplicationInteractive Prototype Early Design Application Component Evaluation Report Structure Behavior Build prototype Test Implement Revise

MS Expression Blend XAML Mobile device End-users creating Modeling tool

GRIP framework to identify new tool

Scan sketches Add interactive components Export XAML Immediately explore/evaluate Log to CSV

3 HCI researchers 4~7 years of experience in prototyping Computer Science Cognitive Psychology and Cognitive Ergonomics Sociology Participate in various prototyping processes No specific rewards but be kept informed about eventual future versions of the tool

A briefing session to present the tool Give written instructions Provide the tool and some examples of interactive prototypes Experts present a report (findings, problems, suggestions) (based on cognitive walkthroughs)

The application could be useful for designers when creating UIs to illustrate the interactivity of their design drafts

Evaluating these sketched prototypes including interactive features of a prototype is interesting for evaluating a first prototype of an application

The application could replace paper prototypes and Wizard of Oz experiments. It allows an easy trial of a good way to test alternative interfaces

The fact that the system logs where the test participant has clicked in the prototype can be very useful

I am very curious about the design feature in this tool, and the interplay between designing and evaluating. A good balance between these two tasks, and features that enhance iterative design, according to the logs, would be very interesting

Conclusion & Future Work A framework to address tool support for interaction design in design prototyping The findings described in this paper have potential to stimulate insightful discussion among researchers More refinement and analysis on how GRIP fits together with other frameworks is needed to enable more detailed analysis and more focused discussion of tool support for interactive prototyping GRIP-it need adding the capability to create questionnaires, and richer visualization options to better understand the results across different evaluation sessions

Q&A

MagicDraw – MS Expression Blend – x Flowella – Other/Flowella/ ClickTale – XAML – ProtoShare – SketchFlow – w.aspx Cognitive walkthrough –