1 / 27

GRIP G et better R esults from I nteractive P rototypes

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.

thao
Download Presentation

GRIP G et better R esults from I nteractive P rototypes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


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

  2. Introduction GRIP Framework Prototyping 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. Software Engineering + User-Centered Design Supporting ‘flow’ of the design process Supporting different workstyles Current suggestions

  8. Different workstyles GRIP Flow of information between different roles

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

  10. Supporting the entire prototyping process

  11. GRIP ?

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

  13. End User Human factor and Ergonomics Expert Software Developer Interaction Designer

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

  15. Mobile device Modelingtool End-userscreating MS Expression Blend XAML

  16. GRIP framework to identify new tool

  17. Export XAML Addinteractive components Immediatelyexplore/evaluate Log to CSV Scan sketches

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

More Related