1. 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

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

3. Prototyping

4. Testing of design ideas

5. Toolkit-supported

6. BAD transition between different stages

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

8. Different workstyles Flow of information between different roles

9. Prototyping? Multidisciplinary User-Centered Design Pen & Paper

10. Supporting the entire prototyping process

11. ?

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

13. Interaction Designer Human factor and Ergonomics ExpertEnd User Software Developer

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

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

16. GRIP framework to identify new tool

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

18. 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

19. 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)

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

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

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

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

24. 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

25. 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

26. Q&A

27. MagicDraw – http://www.nomagic.com/products/magicdraw.html MS Expression Blend – http://www.microsoft.com/expression/products/Blend_Overview.asp x Flowella – http://www.developer.nokia.com/Resources/Tools_and_downloads/ Other/Flowella/ ClickTale – http://www.clicktale.com/ XAML – http://msdn.microsoft.com/zh-tw/library/ms752059.aspx ProtoShare – http://www.protoshare.com/ SketchFlow – http://www.microsoft.com/expression/products/Sketchflow_Overvie w.aspx Cognitive walkthrough – http://paperli.blogspot.tw/2011/03/cognitive-walkthrough.html