Prototyping is one of the core activities of User-Centered Design (UCD) processes and an integral component of Human-Computer Interaction (HCI) research. For many years, prototyping was synonym of paper-based mockups and only more recently we can say that dedicated tools for supporting prototyping activities really reach the market. In this paper, we propose to analyze the evolution of prototyping tools for supporting the development process of interactive systems. For that, this paper presents a review of the literature. We analyze the tools proposed by academic community as a proof of concepts and/or support to research activities. Moreover, we also analyze prototyping tools that are available in the market. We report our observation in terms of features that appear over time and constitute milestones for understating the evolution of concerns related to the development and use of prototyping tools. This survey covers publications published since 1988 in some of the main HCI conferences and 118 commercial tools available on the web. The results enable a brief comparison of characteristics present in both academic and commercial tools, how they have evolved, and what are the gaps that can provide insights for future research and development.
KeywordsPrototyping ToolsSurveyMilestonesGraphical User Interface (GUI)
ISO 13407 (ISO 9241-11) (1998) Ergonomic Requirements for Office Work with Visual Display Terminals (VDTs) Part 11: Guidance on Usability. Revised by ISO 9241-171 (2008).
Snyder, C. (2003) Paper Prototyping: The Fast and Easy Way to Design and Refine user Interfaces. Morgan Kaufmann Publishers, Burlington.
Schvaneveldt, R.W., McDonald, J.E. and Cooke, N. (1985) Towards a Modular User Interface. (CRL Technical Report No. MCCS-85-10). Computing Research Laboratory, New Mexico State University, Las Cruces.
McDonald, J.E., Vandenberg, P.D. and Smartt, M.J. (1988) The Mirage Rapid Interface Prototyping System. Proceedings the 1st Annual ACM SIGGRAPH Symposium on User Interface Software, Alberta, 17-19 October, 77-84. https://doi.org/10.1145/62402.62414
Fenn, J. and Raskino, M. (2008) Mastering the Hype Cycle: How to Choose the Right Innovation at the Right Time. Harvard Business Press, Cambridge.
Hosseini-Khayat, A., Ghanam, Y., Park, S. and Maurer, F. (2009) Active Story Enhanced: Low-Fidelity Prototyping and Wizard of Oz Usability Testing Tool. International Conference on Agile Processes and Extreme Programming in Software Engineering, Springer, Berlin, 257-258. https://doi.org/10.1007/978-3-642-01853-4_57
Landay, J.A. and Myers, B.A. (1995) Interactive Sketching for the Early Stages of User Interface Design. Proceedings of the SIGCHI CHI, ACM Press/Addison-Wesley, New York, 43-50. https://doi.org/10.1145/223904.223910
Lin, J., Newman, M.W., Hong, J.I. and Landay, J.A. (2000) DENIM: Finding a Tighter Fit between Tools and Practice for Web Site Design. Proceedings of the SIGCHI CHI, ACM, New York, 510-517. https://doi.org/10.1145/332040.332486
Bailey, B.P. and Konstan, J.A. (2003) Are Informal Tools Better? Comparing DEMAIS, Pencil and Paper, and Authorware for Early Multimedia Design. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, ACM, New York, 313-320.
John, B.E., Prevas, K., Salvucci, D.D. and Koedinger, K. (2004) Predictive Human Performance Modeling Made Easy. Proceedings of the SIGCHI CHI, ACM, New York, 455-462. https://doi.org/10.1145/985692.985750
Sangiorgi, U.B., Beuvens, F. and Vanderdonckt, J. (2012) User Interface Design by Collaborative Sketching. Proceedings of the Designing Interactive Systems Conference, ACM, New York, 378-387. https://doi.org/10.1145/2317956.2318013
Van den Bergh, J., Sahni, D., Haesen, M., Luyten, K. and Coninx, K. (2011) GRIP: Get Better Results from Interactive Prototypes. Proceedings of the 3rd ACM SIGCHI Symposium on Engineering Interactive Computing Systems, ACM, New York, 143-148. https://doi.org/10.1145/1996461.1996508
Powers, M.K. (1989) Ensemble: A Graphical User Interface Development System for the Design and Use of Interactive Toolkits. Proceedings of the ACM SIGGRAPH 1989, ACM, New York, 168-178. https://doi.org/10.1145/73660.73681
Myers, B.A., Zanden, B.V. and Dannenberg, R.B. (1989) Creating Graphical Interactive Application Objects by Demonstration. Proceedings of the 2nd Annual ACM SIGGRAPH Symposium on User Interface Software and Technology, ACM, New York, 95-104. https://doi.org/10.1145/73660.73672
Singh, G., Kok, C.H. and Ngan, T.Y. (1990) Druid: A System for Demonstrational Rapid User Interface Development. Proceedings of the ACM SIGGRAPH 1990, ACM, New York, 167-177. https://doi.org/10.1145/97924.97943
Li, Y. and Landay, J.A. (2005) Informal Prototyping of Continuous Graphical Interactions by Demonstration. Proceedings of the 18th Annual ACM Symposium on User Interface Software and Technology, ACM, New York, 221-230.
Windsor, P. (1990) An Object-Oriented Framework for Prototyping User Interfaces. Proceedings of the IFIP TC13 Third International Conference on Human-Computer Interaction, North-Holland Publishing Co., Amsterdam, 309-314.
Shan, Y.-P. (1990) An Object-Oriented UIMS for Rapid Prototyping. Proceedings of the IFIP TC13 Third International Conference on Human-Computer Interaction, North-Holland Publishing Co., Amsterdam, 633-638.
Roudaud, B., Lavigne, V., Lagneau, O. and Minor, E. (1990) SCENARIOO: A New Generation UIMS. Proceedings of the IFIP TC13 Third International Conference on Human-Computer Interaction, North-Holland Publishing Co., Amsterdam, 607-612.
Plimmer, B. and Apperley, M. (2003) Software to Sketch Interface Designs. Ninth International Conference on Human-Computer Interaction-INTERACT’03, IFIP, 73-80.
Coyette, A. and Vanderdonckt, J. (2005) A Sketching Tool for Designing Any User, Any Platform, Anywhere User Interfaces. IFIP Conference on Human-Computer Interaction, Springer, Berlin, 550-564.
Kasik, D.J. (1982) A User Interface Management System. ACM SIGGRAPH Computer Graphics, ACM, New York, 16, 99-106. https://doi.org/10.1145/965145.801268
Olsen, D. (1992) User Interface Management Systems: Models and Algorithms. Morgan Kaufmann Publishers Inc., Burlington.
Lieberman, H., Paterno, F., and Wulf, V. (2005) End-User Development. Kluwer/Springer, Berlin.
Calvary, G., Coutaz, J. and Thevenin, D. (2001) Supporting Context Changes for Plastic User Interfaces: A Process and A Mechanism. People and Computers XV— Interaction without Frontiers, Springer, London, 349-363. https://doi.org/10.1007/978-1-4471-0353-0_21
Marcotte, E. (2014) Responsive Web Design. 2nd Edition, A Book Apart, LLC., New York, 153.
Rosson, M.B. and Carroll, J.M. (2002) Usability Engineering: Scenario-Based Development of Human-Computer Interaction. Morgan Kaufmann Publishers, Burlington.
Navarre, D., Palanque, P. and Bastide, R. (2002) Model-Based Interactive Prototyping of Highly Interactive Applications. Computer-Aided Design of User Interfaces III, 205-216. https://doi.org/10.1007/978-94-010-0421-3_18
Naghsh, A.M., Dearden, A. and Ozcan, M.B. (2005) Investigating Annotation in Electronic Paper-Prototypes. International Workshop on Design, Specification, and Verification of Interactive Systems, Springer, Berlin, 90-101.
Seffah, A. and Metzker, E. (2004) The Obstacles and Myths of Usability and Software Engineering. Communications of the ACM, ACM, New York, 47, 71-76.
Hak, J.L., Winckler, M. and Navarre, D. (2016) PANDA: Prototyping Using Annotation and Decision Analysis. Proceedings of ACM SIGCHI EICS 2016, Brussels, 21-24 June 2016, 171-176. https://doi.org/10.1145/2933242.2935873