270 likes | 370 Views
GRIP G et better R esults from I nteractive P rototypes. Hasselt University – tUL – IBBT Expertise Centre for Digital Media Jan Van den Bergh Deepak Sahni Mieke Haesen Kris Luyten Karin Coninx. Chao-Lung Lee.
E N D
GRIPGet better Results from Interactive Prototypes Hasselt University – tUL – IBBT Expertise Centre for Digital Media Jan Van den Bergh Deepak Sahni MiekeHaesen Kris Luyten Karin Coninx Chao-Lung Lee EICS 2011 (ACM SIGCHI – Engineering Interactive Computing Systems)
Introduction GRIP Framework Prototyping Classifying Prototyping Tools GRIP for Exploring Novel Tools Conclusion and Future Work
? BAD transition between different stages
Software Engineering + User-Centered Design Supporting ‘flow’ of the design process Supporting different workstyles Current suggestions
Different workstyles GRIP Flow of information between different roles
User-Centered Design Multidisciplinary Prototyping? Pen & Paper
GRIP ?
Early Design Application Component Build prototype Revise Interactive Prototype Working Application Test Structure Implement Behavior Revise Evaluation Report
End User Human factor and Ergonomics Expert Software Developer Interaction Designer
Early Design Application Component Build prototype Revise Interactive Prototype Working Application Test Structure Implement Behavior Revise Evaluation Report
Mobile device Modelingtool End-userscreating MS Expression Blend XAML
Export XAML Addinteractive components Immediatelyexplore/evaluate Log to CSV Scan sketches
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 designerswhen 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
MagicDraw • http://www.nomagic.com/products/magicdraw.html • MS Expression Blend • http://www.microsoft.com/expression/products/Blend_Overview.aspx • 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_Overview.aspx • Cognitive walkthrough • http://paperli.blogspot.tw/2011/03/cognitive-walkthrough.html