nach oben

Erschienen in:

2016 | OriginalPaper | Buchkapitel

Blended Prototyping

verfasst von : Benjamin Bähr, Sebastian Möller

Erschienen in: Rethink! Prototyping

Verlag: Springer International Publishing

Einloggen

Aktivieren Sie unsere intelligente Suche, um passende Fachinhalte oder Patente zu finden.

search-config

KI-gestützte Suche

Aus

Abstract

This chapter summarizes the research carried out in the project “Blended Prototyping”. It surveys prototyping mechanisms that enable early testing of user interfaces for apps, mobile applications running on smartphones or tablets (apps). A new prototyping approach has been designed, which provides groups of app designers with mechanisms to use paper sketches as a basis, for a quick creation of mobile app prototypes in group work. The approach primarily addresses early design stages, but includes processes to build more complex prototypes as well, which can be applied in later development phases. Tools were designed, developed, and tested that allow designers to use the approach in productive prototyping sessions. The development of the “Blended Prototyping” approach was shaped by feedback we gained from fellow designers, industry experts, scientists, and amateurs. The collaboration in the research project “Rethinking Prototyping” taught us new aspects and views on prototyping that found their implementation in the “Blended Prototyping” idea. This chapter summarizes this journey and explains the motivation and concept behind the approach. It demonstrates the use of the implemented tools and tells the story of their development. Results from two studies we conducted in the course of the project are shown. The lessons learned from these can help in the development of prototyping tool in the future.

Sie haben noch keine Lizenz? Dann Informieren Sie sich jetzt über unsere Produkte:

Springer Professional "Wirtschaft+Technik"

Online-Abonnement

Mit Springer Professional "Wirtschaft+Technik" erhalten Sie Zugriff auf:

über 102.000 Bücher
über 537 Zeitschriften

aus folgenden Fachgebieten:

Automobil + Motoren
Bauwesen + Immobilien
Business IT + Informatik
Elektrotechnik + Elektronik
Energie + Nachhaltigkeit
Finance + Banking
Management + Führung
Marketing + Vertrieb
Maschinenbau + Werkstoffe
Versicherung + Risiko

Jetzt Wissensvorsprung sichern!

Jetzt informieren

Springer Professional "Technik"

Online-Abonnement

Mit Springer Professional "Technik" erhalten Sie Zugriff auf:

über 67.000 Bücher
über 390 Zeitschriften

aus folgenden Fachgebieten:

Automobil + Motoren
Bauwesen + Immobilien
Business IT + Informatik
Elektrotechnik + Elektronik
Energie + Nachhaltigkeit
Maschinenbau + Werkstoffe

Jetzt Wissensvorsprung sichern!

Jetzt informieren

Vorheriges Kapitel Hybrid Prototyping

Nächstes Kapitel Beyond Prototyping

http://www.gartner.com/newsroom/id/2905717.

e.g.: littleBits, WunderBar, spark.io.

Amant, R. S., Horton, T. E., & Ritter, F. E. (2007). Model-based evaluation of expert cell phone menu interaction. Transactions on Computer-Human Interaction, 14(1), doi:10.1145/1229855.1229856

Anoto. (2014). Digital writing technology. Retrieved 3 June 2014 from http://www.anoto.com/

Axure. (2014). Interactive wireframe software & mockup tool. Retrieved June 3, 2014 from http://www.axure.com/

Bähr, B. (2013). Rapid creation of sketch-based native android prototypes with “blended prototyping”. In Mobile HCI 2013—Workshop on Prototyping to Support the Interaction Designing in Mobile Application Development, München.

Bähr, B. (2015). Towards a requirements catalogue for prototyping tools of mobile user interfaces. In Proceedings of the 9th HCI International Conference, (Los Angeles, 2015), in press.

Bähr, B., & Neumann, S. (2013). “Blended prototyping” design for mobile applications. In Rethinking Prototyping: Proceedings of the Design Modelling Symposium (pp. 68–80), epubli, Berlin.

Bailey, B. P., Biehl, J. T., Cook, D. J., & Metcalf, H. E. (2008). Adapting paper prototyping for designing user interfaces for multiple display environments. Personal Ubiquitous Computing, 12(3), 269–277. doi:10.1007/s00779-007-0147-2 CrossRef

Balsamiq. (2014) Rapid, effective and fun wireframing software. Retrieved June 3, 2014 from http://www.balsamiq.com

Battocchi, A., Pianesi, F., Tomasini, D. et al. (2009). Collaborative puzzle game: A tabletop interactive game for fostering collaboration in children with autism spectrum disorders (ASD). In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (pp. 197–204). New York: ACM. doi:10.1145/1731903.1731940

Baum, L. F., & Denslow, W. W. (2014). The wonderful wizard of oz. North Charleston: CreateSpace Independent Publishing Platform.

Beyer, H., & Holtzblatt, K. (1997). Contextual design: Defining customer-centered systems (interactive technologies). San Diego: Academic Press.

Borchers, J., Ringel, M., Tyler, J., & Fox, A. (2002). Stanford interactive workspaces: A framework for physical and graphical user interface prototyping. IEEE Wireless Communications, 9(6), 64–69. doi:10.1109/MWC.2002.1160083 CrossRef

Brewster, S. (2002). Overcoming the lack of screen space on mobile computers. Personal Ubiquitous Computing, 6(3), 188–205.CrossRef

Cherubini, M., Venolia, G., DeLine, R., & Ko, A. J. (2007) Let’s go to the whiteboard: How and why software developers use drawings. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 557–566). New York: ACM. doi:10.1145/1240624.1240714

Consolvo, S., & Walker, M. (2003). Using the experience sampling method to evaluate ubicomp applications. IEEE Pervasive Computing, 2(2), 24–31.CrossRef

Cook, D. J., & Bailey, B. P. (2005). Designers’ use of paper and the implications for informal tools. In Proceedings of the 17th Australia conference on Computer-Human Interaction: Citizens Online: Considerations for Today and the Future (pp. 1–10). New York: ACM. Retrieved June 2, 2014 from http://dl.acm.org/citation.cfm?id=1108368.1108402

Coyette, A., Kieffer, S., & Vanderdonckt, J. (2007). Multi-fidelity prototyping of user interfaces. In C. Baranauskas, P. Palanque, J. Abascal & S. D. Junqueira Barbosa (Eds.), Human-computer interaction—INTERACT 2007 (pp. 150–164). Berlin: Springer. Retrieved September 4, 2013 from http://link.springer.com/chapter/10.1007/978-3-540-74796-3_16

Dalmasso, I., Datta, S. K., Bonnet, C. & Nikaein, N. (2013) Survey, comparison and evaluation of cross platform mobile application development tools. In Wireless Communications and Mobile Computing Conference (pp. 323–328). Sardinia: IEEE. doi:10.1109/IWCMC.2013.6583580

Davis, R. C., Saponas, T.S., Shilman, M., & Landay, J. A. (2007). SketchWizard: Wizard of oz prototyping of pen-based user interfaces. In Proceedings of the 20th Annual ACM Symposium on User Interface Software and Technology (pp. 119–128). New York: ACM. doi:10.1145/1294211.1294233

de Sá, M., & Carriço, L. (2006). Low-fi prototyping for mobile devices. In CHI’06 Extended Abstracts on Human Factors in Computing Systems (pp. 694–699). New York: ACM. doi:10.1145/1125451.1125592

de Sá, M., & Carriço, L. (2008a). Defining scenarios for mobile design and evaluation. In CHI’08 Extended Abstracts on Human Factors in Computing Systems (pp. 2847–2852). New York: ACM. doi:10.1145/1358628.1358772

de Sá, M., & Carriço, L. (2008b). Lessons from early stages design of mobile applications. In Proceedings of the 10th International Conference on Human Computer Interaction with Mobile Devices and Services (pp. 127–136). New York: ACM. doi:10.1145/1409240.1409255

de Sá, M., Carriço, L., Duarte, L., & Reis, T. (2008). A mixed-fidelity prototyping tool for mobile devices. In Proceedings of the Working Conference on Advanced Visual Interfaces (pp. 225–232). New York: ACM. doi:10.1145/1385569.1385606

Derboven, J., De Roeck, D., Verstraete, M., Geerts, D., Schneider-Barnes, J., & Luyten, K. (2010). Comparing user interaction with low and high fidelity prototypes of tabletop surfaces. In Proceedings of the 6th Nordic Conference on Human-Computer Interaction: Extending Boundaries (pp. 148–157). New York: ACM. doi:10.1145/1868914.1868935

Duh, H., Tan, G., & Chen, V. (2006) Usability evaluation for mobile device: A comparison of laboratory and field tests. In Proceedings of the 8th Conference on Human-Computer Interaction with Mobile Devices and Services (pp. 181–186). New York: ACM Press. Retrieved from doi:10.1145/1152215.1152254

Gutwin, C., & Greenberg, S. (2000). The mechanics of collaboration: Developing low cost usability evaluation methods for shared workspaces. In Proceedings of the 9th IEEE International Workshops on Enabling Technologies: Infrastructure for Collaborative Enterprises (pp. 98–103). Gaithersburg: IEEE Computer Society. Retrieved 30 April 2015 from http://dl.acm.org/citation.cfm?id=647068.715651

Hassenzahl, M. (2004). The interplay of beauty, goodness and usability in interactive products. Human-Computer Interaction, 19(4), 319–349. doi:10.1207/s15327051hci1904_2 CrossRef

Hassenzahl, M., Burmester, M., & Koller, F. (2003). AttrakDiff: Ein Fragebogen zur Messung wahrgenommener hedonischer und pragmatischer Qualität. Mensch & Computer 2003, 57, 187–196. Retrieved May 18, 2015 from http://link.springer.com/chapter/10.1007/978-3-322-80058-9_19

Holzmann, C., & Vogler, M. (2012). Building interactive prototypes of mobile user interfaces with a digital pen. In Proceedings of the 10th Asia Pacific Conference on Computer Human Interaction (pp. 159–168). New York: ACM. doi:10.1145/2350046.2350080

Horst, W. (2011). Supportive tools for collaborative prototyping. Nordes 0, 4. Retrieved June 2, 2014 from http://www.nordes.org/opj/index.php/n13/article/view/147

Hupfer, S., Cheng, L. T., Ross, S., & Patterson, J. (2004). Introducing collaboration into an application development environment. In Proceedings of the 2004 ACM Conference on Computer Supported Cooperative Work (pp. 21–24). New York: ACM. doi:10.1145/1031607.1031611

James, L., Newman, M. W., Hong, J. I., & Landay, J. A. (2000). DENIM: Finding a tighter fit between tools and practice for web site design. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 510–517). New York: ACM. doi:10.1145/332040.332486

Karin, L., & André, E. (2009). MoPeDT: Features and evaluation of a user-centred prototyping tool. In Proceedings of the 2nd ACM SIGCHI Symposium on Engineering Interactive Computing Systems (pp. 93–102). New York: ACM. doi;10.1145/1822018.1822033.

Kieffer, S., Coyette, A., & Vanderdonckt, J. (2010). User interface design by sketching: A complexity analysis of widget representations. In Proceedings of the 2nd ACM Sigchi Symposium on Engineering Interactive Computing Systems (pp. 57–66). New York: ACM. doi:10.1145/1822018.1822029

Kjeldskov, J., Skov, M. B., Als, B. S., & Høegh, R. T. (2004) Is it worth the hassle? Exploring the Added value of evaluating the usability of context-aware mobile systems in the field. In Mobile Human-Computer Interaction—MobileHCI 2004 (pp. 529–535). Berlin: Springer. doi:10.1007/978-3-540-28637-0_6

Klemmer, S. R., Everitt, K. M., & Landay, J. A. (2008). Integrating physical and digital interactions on walls for fluid design collaboration. Human-Computer Interaction, 23(2), 138–213. doi:10.1080/07370020802016399 CrossRef

Klemmer, S. R., Newman, M. W., Farrell, R., Bilezikjian, M., & Landay, J. A. (2001). The designers’ outpost: A tangible interface for collaborative web site. In Proceedings of the 14th Annual ACM Symposium on User Interface Software and Technology (pp. 1–10). New York: ACM. doi:10.1145/502348.502350

Klemmer, S. R., Sinha, A. K., Chen, J., Landay, J. A., Aboobaker, N., & Wang, A. (2000). Suede: A wizard of oz prototyping tool for speech user interfaces. In Proceedings of the 13th Annual ACM Symposium on User Interface Software and Technology (pp. 1–10). New York: ACM. doi:10.1145/354401.354406

Koivisto, E. M. I., & Suomela, R. (2007). Using prototypes in early pervasive game development. In Proceedings of the SIGGRAPH Symposium on Video Games (pp. 149–156). New York: ACM. doi:10.1145/1274940.1274969

Korhonen, H., Paavilainen, J., & Saarenpää, H. (2009). Expert review method in game evaluations: Comparison of two playability heuristic sets. In Proceedings of the 13th International MindTrek Conference: Everyday Life in the Ubiquitous Era (pp. 74–81). New York: ACM. doi:10.1145/1621841.1621856

Landay, J. A. (1996). SILK: Sketching interfaces like krazy. In Conference Companion on Human Factors in Computing Systems (pp. 398–399). New York: ACM. doi:10.1145/257089.257396

Landay, J. A., & Myers, B. A. (2009). Just draw it! Programming by Sketching Storyboards.

Lumsden, J., & MacLean, R. (2008). A comparison of pseudo-paper and paper prototyping methods for mobile evaluations. In R. Meersman, Z. Tari & P. Herrero (Eds.), On the move to meaningful internet systems: OTM 2008 Workshops (pp. 538–547). Heidelberg: Springer. Retrieved July 23, 2013 from http://link.springer.com/chapter/10.1007/978-3-540-88875-8_77

Maloney, J., Resnick, M., Rusk, N., Silverman, B., & Eastmond, E. (2010). The scratch programming language and environment. ACM Transaction on Computing Education, 10(4), 1–15.CrossRef

McAdam, C., & Brewster, S. (2011) Using mobile phones to interact with tabletop computers. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (pp. 232–241). New York: ACM. doi:10.1145/2076354.2076395

MockFlow. (2014). Super-easy wireframing. Retrieved June 3, 2014 from http://www.mockflow.com/

Monrad Nielsen, C., Overgaard, M., Bach Pedersen, M., Stage, J., & Stenild, S. (2006). It’s worth the hassle!: The added value of evaluating the usability of mobile systems in the field. In NordiCHI’06 (pp. 272–280). New york: ACM.

Newman, M. W., & Landay, J. A. (2000). Sitemaps, storyboards, and specifications: A sketch of web site design practice. In Proceedings of the 3rd Conference on Designing Interactive Systems: Processes, Practices, Methods, and Techniques (pp. 263–274). New York: ACM.

Newman, M. W., Lin, J., Hong, J. I., & Landay, J. A. (2003). DENIM: an informal web site design tool inspired by observations of practice. International Journal of Human-Computer Interaction, 18(3), 259–324.CrossRef

Nielsen, J. (1993). Iterative user-interface design. Computer, 26(11), 32–41.CrossRef

Nielsen, J., & Molich, R. (1990). Heuristic evaluation of user interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 249–256). New York: ACM. doi:10.1145/97243.97281

Paterno, F. (2000). Model-based design and evaluation of interactive applications. Heidelberg: Springer.CrossRefMATH

Piper, B., Ratti, C., & Ishii, H. (2002). Illuminating clay: A 3-D tangible interface for landscape analysis. In Proceedings of the SIGCHI Conference on Human factors in Computing Systems: Changing Our World, Changing Ourselves (pp. 355–362). New York: ACM.

Radatz, J. (1997). The IEEE standard dictionary of electrical and electronics terms. New York: IEEE Standards Office.

Rädle, R., Jetter, H. C., Marquardt, N., Reiterer, H., & Rogers, Y. (2014). HuddleLamp: Spatially-aware mobile displays for Ad-hoc around-the-table collaboration. In Proceedings of the Ninth ACM International Conference on Interactive Tabletops and Surfaces (pp. 45–54). New York: ACM. doi:10.1145/2669485.2669500

Reilly, D., Dearman, D., Welsman-Dinelle, M., & Inkpen, K. (2005). Evaluating early prototypes in context: trade-offs, challenges, and successes. IEEE Pervasive Computing, 4(4), 42–50. doi:10.1109/MPRV.2005.76 CrossRef

Ringel Morris, M., Paepcke, A., & Winograd, T. (2006). TeamSearch: Comparing techniques for co-present collaborative search of digital media. In Proceedings of the First IEEE International Workshop on Horizontal Interactive Human-Computer Systems, IEEE Computer Society (pp. 97–104).

Sauppé, A., & Mutlu, B. How social cues shape task coordination and communication. In Proceedings of the 17th ACM Conference on Computer Supported Cooperative Work & Social Computing (pp. 97–108). New York: ACM. doi:10.1145/2531602.2531610

Schumann, J., Strothotte, T., Laser, S., & Raab, A. (1996). Assessing the effect of non-photorealistic rendered images in CAD. in Proceedings of the SIGCHI conference on Human factors in computing systems: common ground (pp. 35–41). New York: ACM. doi:10.1145/238386.238398

Segura, V. C. V. B., & Barbosa, S. D. J. (2013). UISKEI ++: Multi-device wizard of oz prototyping. In Proceedings of the 5th ACM SIGCHI Symposium on Engineering Interactive Computing Systems (pp. 171–174). New York: ACM. doi:10.1145/2480296.2480337

Seifert, J., Pfleging, B., del Carmen, E., Bahamóndez, V., Hermes, M., Rukzio, E. and Schmidt, A. (2011). Mobidev: A tool for creating apps on mobile phones. In Proceedings of the 13th International Conference on Human Computer Interaction with Mobile Devices and Services (pp. 109–112). New York: ACM. doi:10.1145/2037373.2037392

Shen, C., Lesh, N. B., Vernier, F., Forlines, C., & Frost, J. (2002). Sharing and building digital group histories. In Proceedings of the 2002 ACM Conference on Computer Supported Cooperative Work (pp. 324–333). New York: ACM.

Smutny, P. (2012). Mobile development tools and cross-platform solutions. In Carpathian Control Conference (ICCC), 2012 13th International (pp. 653–656). doi:10.1109/CarpathianCC.2012.6228727

Snyder, C. (2003). Paper prototyping: The fast and easy way to design and refine user interfaces (the morgan kaufmann series in interactive technologies). San Francisco: Morgan Kaufmann Publishers.

Spindler, M., Stellmach, S., & Dachselt, R. (2009). PaperLens: Advanced magic lens interaction above the tabletop. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (pp. 69–76). New York: ACM.

Szekely, P. (1994). User interface prototyping: Tools and techniques. In ICSE Workshop on SE-HCI (pp. 76–92). Retrieved from http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.41.6764

Tuddenham, P., Davies, I., & Robinson, P. (2009). WebSurface: An interface for co-located collaborative information gathering. In Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces (pp. 181–188). New York: ACM.

Underkoffler, J., & Ishii, H. (1999). Urp: A luminous-tangible workbench for urban planning and design. In Proceedings of the SIGCHI conference on Human Factors in Computing Systems: The CHI is the Limit (pp. 386–393). New York: ACM.

Wallace, J. R., Scott, S. D., Stutz, T., Enns, T., & Inkpen, K. (2009). Investigating teamwork and taskwork in single- and multi-display groupware systems. Personal Ubiquitous Computing, 13(8), 569–581. doi:10.1007/s00779-009-0241-8 CrossRef

Wellner, P. (1993). Interacting with paper on the DigitalDesk. Communication of the ACM, 36(7), 87–96.CrossRef

Winters, F. J., Mielenz, C., & Hellestrand, G. (2004). Design process changes enabling rapid development. Retrieved 12 March 2014 from http://www.academia.edu/1266533/Design_process_changes_enabling_rapid_development

Zufferey, G., Jermann, P., Lucchi, A., & Dillenbourg, P. (2009). TinkerSheets: using paper forms to control and visualize tangible simulations. In Proceedings of the 3rd International Conference on Tangible and Embedded Interaction (pp. 377–384). New York: ACM.

Titel: Blended Prototyping
verfasst von: Benjamin Bähr
Sebastian Möller
Verlag: Springer International Publishing
Buch: Rethink! Prototyping
Print ISBN: 978-3-319-24437-2

Electronic ISBN: 978-3-319-24439-6

Copyright-Jahr: 2016
DOI: https://doi.org/10.1007/978-3-319-24439-6_9

Premium Partner

Marktübersichten

Die im Laufe eines Jahres in der „adhäsion“ veröffentlichten Marktübersichten helfen Anwendern verschiedenster Branchen, sich einen gezielten Überblick über Lieferantenangebote zu verschaffen.

Zur Marktübersicht