Design Breakdowns: Designer-Developer Gaps in Representing and Interpreting Interactive Systems

ABSTRACT

Professional interaction designers and software developers have different trainings and skills, yet they need to closely collaborate to create interactive systems. We conducted three studies to understand the mismatches between their processes, tools and representations. Based on 16 interviews, we found that current practices induce unnecessary rework and cause discrepancies between the original design and the implementation. We identified three key design breakdowns where designers omitted critical details, ignored the presence of edge cases or disregarded technical limitations. We next observed two face-to-face meetings between designers and developers. We found that early involvement of the developer helped to mitigate potential design breakdowns but new ones emerged as the project unfolded. Finally, we ran a participatory design session with two designer/developer pairs. Both pairs had difficulty representing and communicating pre-existing interactions. Creating complete interaction descriptions required iterating from individual examples to rule-based representations. We conclude with implications for designing collaborative tools that facilitate the designer's ability to express and the developer's ability to implement complex interactive systems.

References

1. Brian P Bailey, Joseph A Konstan, John, and John V Carlis. 2001. Supporting Multimedia Designers: Towards More Effective Design Tools. In Proc. Multimedia Modeling: Modeling Mutlimedia Information and Systems (MMM2001). 267--286.
2. Michel Beaudouin-Lafon and Wendy E Mackay. 2003. Prototyping tools and techniques. In The human-computer interaction handbook: fundamentals, evolving technologies and emerging applications. 1017--1039.
3. Jan Borchers. 2001. A Pattern Approach to Interaction Design. John Wiley & Sons, Inc.
4. Judith M. Brown, Gitte Lindgaard, and Robert Biddle. 2011. Collaborative Events and Shared Artefacts: Agile Interaction Designers and Developers Working Toward Common Aims. In 2011 AGILE Conference. IEEE, 87--96.
5. Judith M. Brown, Gitte Lindgaard, and Robert Biddle. 2012. Joint implicit alignment work of interaction designers and software developers. In Proceedings of the 7th Nordic Conference on Human-Computer Interaction Making Sense Through Design - NordiCHI '12. ACM Press, NY, NY, USA, 693.
6. Alan Cooper, Robert Reimann, and David Cronin. 2007. About Face 3: The Essentials of Interaction Design. Wiley. 610 pages.
7. Paulo Pinheiro da Silva and Norman W. Paton. 2000. UMLi: the unified modeling language for interactive applications. Ph.D. Dissertation. University of Manchester.
8. Tiago da Silva, Milene Selbach Silveira, and Frank Maurer. 2013. Ten Lessons Learned from Integrating Interaction Design and Agile Development. In 2013 Agile Conference. IEEE, 42--49.
9. Thomas Erickson. 2000. Lingua Francas for design. In Proceedings of the conference on Designing interactive systems processes, practices, methods, and techniques DIS '00. ACM Press, NY, NY, USA, 357--368.
10. Jennifer Ferreira, Helen Sharp, and Hugh Robinson. 2011. User Experience Design and Agile Development: Managing Cooperation Through Articulation Work. Softw. Pract. Exper. 41, 9 (Aug. 2011), 963--974.
11. Adam Fouse, Nadir Weibel, Edwin Hutchins, and James D. Hollan. 2011. ChronoViz: a system for supporting navigation of time-coded data. In Proceedings of the 2011 annual conference extended abstracts on Human factors in computing systems CHI EA '11. ACM Press, NY, NY, USA, 299.
12. Martin Fowler and Kent Beck. 1999. Refactoring: Improving the Design of Existing Code. 431 pages.
13. Erich Gamma, Richard Helm, Ralph Johnson, and John Vlissides. 1994. Design Patterns: Elements of Reusable Object-Oriented Software. Pearson Education.
14. Ghita Jalal, Nolwenn Maudet, and Wendy E Mackay. 2015. Color Portraits: From Color Picking to Interacting with Color. In Proceedings of the ACM CHI'15 Conference on Human Factors in Computing Systems, Vol. 1. 4207--4216.
15. James A. Landay and Brad A. Myers. 1995. Interactive sketching for the early stages of user interface design. In Proceedings of the SIGCHI conference on Human factors in computing systems CHI '95. ACM Press, NY, NY, USA, 43--50.
16. Charlotte P. Lee. 2007. Boundary Negotiating Artifacts: Unbinding the Routine of Boundary Objects and Embracing Chaos in Collaborative Work. Computer Supported Cooperative Work (CSCW) 16, 3 (apr 2007), 307--339.
17. James Lin, Mark W. Newman, Jason I. Hong, and James A. Landay. 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 CHI '00. ACM Press, NY, NY, USA, 510--517.
18. Jonas Löwgren. 1995. Applying Design Methodology to Software Development. In Proceedings of the 1st Conference on Designing Interactive Systems: Processes, Practices, Methods, & Techniques (DIS '95). ACM, NY, NY, USA, 87--95.
19. Wendy Mackay. 2002. Using video to support interaction design, In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. DVD Tutorial, Inria and ACM/SIGCHI (2002).
20. Wendy E. Mackay and Anne-Laure Fayard. 1997. HCI, natural science and design: a framework for triangulation across disciplines. In Proceedings of the conference on Designing interactive systems processes, practices, methods, and techniques DIS '97. ACM Press, NY, NY, USA, 223--234.
21. Jack Moffett. 2014. Bridging UX and Web Development: Better Results through Team Integration. Elsevier Science. 224 pages.
22. Brad Myers. 1995. User interface software tools. ACM Transactions on Computer-Human Interaction 2, 1 (mar 1995), 64--103.
23. Brad Myers, Sun Young Park, Yoko Nakano, Greg Mueller, and Andrew Ko. 2008. How designers design and program interactive behaviors. Proceedings - 2008 IEEE Symposium on Visual Languages and Human-Centric Computing, VL/HCC 2008 (2008), 177--184.
24. Mark W. Newman and James A. Landay. 2000. Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice. In Proceedings of the conference on Designing interactive systems processes, practices, methods, and techniques DIS '00. ACM Press, NY, NY, USA, 263--274.
25. Donald A. Norman and Stephen W. Draper. 1986. User Centered System Design; New Perspectives on Human-Computer Interaction. L. Erlbaum Associates Inc., Hillsdale, NJ, USA.
26. Fatih Kursat Ozenc, Miso Kim, John Zimmerman, Stephen Oney, and Brad Myers. 2010. How to support designers in getting hold of the immaterial material of software. In Proceedings of the 28th international conference on Human factors in computing systems CHI '10. ACM Press, NY, NY, USA, 2513.
27. Sun Young Park, Brad Myers, and Andrew J. Ko. 2008. Designers' natural descriptions of interactive behaviors. In 2008 IEEE Symposium on Visual Languages and Human-Centric Computing. IEEE, 185--188.
28. Steven E. Poltrock and Jonathan Grudin. 1994. Organizational Obstacles to Interface Design and Development: Two Participant-observer Studies. ACM Trans. Comput.-Hum. Interact. 1, 1 (March 1994), 52--80.
29. Dina Salah, Richard F. Paige, and Paul Cairns. 2014. A systematic literature review for agile development processes and user centered design integration. In Proceedings of the 18th International Conference on Evaluation and Assessment in Software Engineering EASE '14. ACM Press, NY, NY, USA, 1--10.
30. Susan Leigh Star and James R. Griesemer. 1989. Institutional Ecology, "Translations" and Boundary Objects: Amateurs and Professionals in Berkeley's Museum of Vertebrate Zoology, 1907--39. Social Studies of Science 19, 3 (1989), 387--420.
31. Anselm Strauss. 1988. The Articulation of Project Work: An Organizational Process. The Sociological Quarterly 29, 2 (1988), 163--178.
32. Anselm Strauss and Juliet M. Corbin. 1998. Basics of Qualitative Research: Techniques and Procedures for Developing Grounded Theory. SAGE Publications. 312 pages.
33. Khoi Vinh. 2015. Design Tools Survey | The Tools Designers Are Using Today. (2015). http://tools.subtraction.com/index.html
34. Meike Wiemann. 2016. Patterns as a tool for collaboration: A case study of collaboration between designers and developers through user interface pattern libraries. Ph.D. Dissertation. Universitet Umeå.

Index Terms

• Human-centered computing

  • Collaborative and social computing