skip to main content
10.1145/1753326.1753667acmconferencesArticle/Chapter ViewAbstractPublication PageschiConference Proceedingsconference-collections
research-article

Designing with interactive example galleries

Published: 10 April 2010 Publication History

Abstract

Designers often use examples for inspiration; examples offer contextualized instances of how form and content integrate. Can interactive example galleries bring this practice to everyday users doing design work, and does working with examples help the designs they create? This paper explores whether people can realize significant value from explicit mechanisms for designing by example modification. We present the results of three studies, finding that independent raters prefer designs created with the aid of examples, that examples may benefit novices more than experienced designers, that users prefer adaptively selected examples to random ones, and that users make use of multiple examples when creating new designs. To enable these studies and demonstrate how software tools can facilitate designing with examples, we introduce interface techniques for browsing and borrowing from a corpus of examples, manifest in the Adaptive Ideas Web design tool. Adaptive Ideas leverages a faceted metadata interface for viewing and navigating example galleries.

References

[1]
Li'l Abner, 2009. http://en.wikipedia.org/wiki/Li'l_Abner
[2]
Alexander, C., S. Ishikawa, and M. Silverstein, A Pattern Language: Oxford University Press. 1977
[3]
Amazon, Mechanical Turk, 2009. http://requester.mturk.com
[4]
Boden, M. A., The creative mind: Myths and mechanisms: Taylor & Francis. 2003
[5]
Brandt, J., P. J. Guo, J. Lewenstein, M. Dontcheva, and S. R. Klemmer. Opportunistic Programming: Writing Code to Prototype, Ideate, and Discover. IEEE Software 26(4), 2009
[6]
Buxton, B., Sketching user experiences: getting the design right and the right design: Morgan Kaufmann. 2007
[7]
Carter, D. E., The Big Book of Logos: Watson-Guptill. 2001
[8]
Chi, M. T. H., P. J. Feltovich, and R. Glaser. Categorization and representation of physics problems by experts and novices. Cognitive Science, 1981
[9]
Cook, R. L. Stochastic sampling in computer graphics. ACM Transactions on Graphics (TOG) 5(1). pp. 51--72, 1986
[10]
Cross, N., Designerly Ways of Knowing: Birkhäuser. 2006
[11]
Fitzgerald, M., CopyStyler : Web design by example, Unpublished MS, MIT, Electrical Engineering and Computer Science, Cambridge, MA, 2008. http://dspace.mit.edu/handle/1721.1/46032
[12]
Gajos, K. and D. S. Weld. SUPPLE: automatically generating user interfaces. In Proceedings of IUI 2004: Proceedings of the 9th international conference on Intelligent user interface. pp. 93--100, 2004
[13]
Gamma, E., R. Helm, R. Johnson, and J. Vlissides, Design Patterns: Elements of Reusable Object-Oriented Software. 1st ed: Addison-Wesley Pub Co. 1995
[14]
Gentner, D. Analogy in scientific discovery: The case of Johannes Kepler. Model-based reasoning: Science, 2002
[15]
Gentner, D., K. J. Holyoak, and B. N. Kokinov, The Analogical Mind: Perspectives from Cognitive Science: MIT Press. 2001
[16]
Gentner, D., J. Loewenstein, and L. Thompson. Learning and Transfer: A General Role for Analogical Encoding. Journal of Educational Psychology 95(2). pp. 393--408, 2003
[17]
Gick, M. L. and K. J. Holyoak. Analogical problem solving. Cognitive psychology, 1980
[18]
Gick, M. L. and K. J. Holyoak. Schema induction and analogical transfer. Cognitive psychology, 1983
[19]
Hartmann, B., S. Doorley, and S. R. Klemmer. Hacking, Mashing, Gluing: Understanding Opportunistic Design. IEEE Pervasive Computing 7(3). pp. 46--54, 2008
[20]
Hartmann, B., L. Wu, K. Collins, and S. R. Klemmer. Programming by a Sample: Rapidly Creating Web Applications with d.mix. In Proceedings of UIST 2007: ACM Symposium on User Interface Software and Technology. pp. 241--50, 2007
[21]
Hartmann, B., L. Yu, A. Allison, Y. Yang, and S. R. Klemmer. Design as exploration: creating interface alternatives through parallel authoring and runtime tuning. UIST: Proceedings of the ACM symposium on User interface software and technology, 2008
[22]
Herring, S. R., C.-C. Chang, J. Krantzler, and B. P. Bailey. Getting inspired!: understanding how and why examples are used in creative design practice. In Proceedings of Proceedings of the 27th international conference on Human factors in computing systems: ACM, 2009
[23]
Kim, H. and W. C. Yoon. Supporting the cognitive process of user interface design with reusable design cases. International Journal of Human-Computer Studies 62(4). pp. 457--86, 2005
[24]
Kolodner, J. L. and L. M. Willis, Case-Based Creative Design, in AAAI Spring Symposium on AI and Creativity. 1993: Stanford, CA
[25]
Kumar, R., J. Kim, and S. R. Klemmer, Automatic retargeting of web page content, in Proceedings of the 27th international conference extended abstracts on Human factors in computing systems. 2009, ACM: Boston, MA, USA
[26]
Lee, B. A., Adaptive interaction techniques for sharing and reusing design resources, Stanford University, Computer Science, Stanford, CA, 2007.
[27]
Lethem, J. The ecstasy of influence: A plagiarism, Harper's Magazine(2): pp. 59--71, 2007
[28]
Leval, P. N. Toward a Fair Use Standard. Harvard Law Review 103, 1990
[29]
Lodi, A. and M. Monaci. Integer linear programming models for 2-staged two-dimensional Knapsack problems. Mathematical Programming 94(2--3). pp. 257---78, 2003
[30]
Marks, J., B. Andalman, et al., Design galleries: a general approach to setting parameters for computer graphics and animation, in Proceedings of the 24th annual conference on Computer graphics and interactive techniques. 1997, ACM Press/Addison-Wesley Publishing Co.
[31]
Marsh, R. L., J. D. Landau, and J. L. Hicks. How examples may (and may not) constrain creativity. Memory and Cognition 24. pp. 669--80, 1996
[32]
Mullet, K. and D. Sano, Designing visual interfaces: communication oriented techniques: Prentice-Hall, Inc. 1995
[33]
Naaman, M., S. Harada, Q. Wang, H. Garcia-Molina, and A. Paepcke. Context data in geo-referenced digital photo collections. In Proceedings of MM2004: ACM International Conference on Multimedia. pp. 196--203, 2004
[34]
Nardi, B. A., A Small Matter of Programming: Perspectives on End User Computing: MIT Press. 1993
[35]
Newman, M. W. and J. A. Landay. Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice. In Proceedings of DIS: Symposium on Designing Interactive Systems ACM Press. pp. 263--74, August 17--19, 2000
[36]
Novick, L. Analogical transfer, problem similarity, amd expertise. Journal of experimental psychology. Learning, memory, and cognition 14(3). pp. 510--20, 1988
[37]
Rosenholtz, R., Y. Li, J. Mansfield, and Z. Jin, Feature congestion: a measure of display clutter, in Proceedings of the SIGCHI conference on Human factors in computing systems. 2005, ACM: Portland, Oregon, USA
[38]
Schank, R. C. and P. G. Childers, The creative attitude: learning to ask and answer the right questions. 1988
[39]
Schön, D. A., The Design Studio: An Exploration of its Traditions & Potential: RIBA Publications Limited. 1985
[40]
Shah, J. J. and M. Mantyla, Parametric and Feature Based CAD/Cam: Concepts, Techniques, and Applications: John Wiley & Sons, Inc. 1995
[41]
Smith, S. M., T. B. Ward, and J. S. Schumacher. Constraining effects of examples in a creative generation task. Memory and Cognition, 1993
[42]
Snarey, M., N. K. Terrett, P. Willett, and D. J. Wilton. Comparison of algorithms for dissimilarity-based compound selection. Journal of Molecular Graphics and Modelling, 1997
[43]
Spearman, C. E., The nature of "intelligence" and the principles of cognition. Macmillan. 1923
[44]
Talton, J. O., D. Gibson, L. Yang, P. Hanrahan, and V. Koltun. Exploratory modeling with collaborative design spaces. ACM Transactions on Graphics (TOG) 28(5). pp. 1--10, 2009
[45]
Terry, M. and E. Mynatt. Side views: persistent, on-demand previews for open-ended tasks. Proceedings of the 15th annual ACM symposium on User interface software and technology. pp. 71--80, 2002
[46]
Terry, M. and E. D. Mynatt. Recognizing creative needs in user interface design. Proceedings of the 4th conference on Creativity & cognition. pp. 38--44, 2002
[47]
Tohidi, M., W. Buxton, R. Baecker, and A. Sellen. Getting the right design and the design right. In Proceedings of CHI: Conference on Human Factors in Computing Systems: ACM Press, 2006
[48]
Van Duyne, D. K., J. A. Landay, and J. I. Hong, The Design of sites: Patterns for creating winning web sites: Prentice Hall PTR. 2007
[49]
Weisberg, R. W., Creativity and Knowledge: A Challenge to Theories, in Handbook of Creativity, R.J. Sternberg, Editor. Cambridge University Press. pp. 226--50, 1999
[50]
Zhou, M. X. and V. Aggarwal. An optimization-based approach to dynamic data content selection in intelligent multimedia interfaces. In Proceedings of UIST 2004: ACM Symposium on User Interface Software and Technology. pp. 227--36, 2004

Cited By

View all
  • (2024)FrameKit: A Tool for Authoring Adaptive UIs Using KeyframesProceedings of the 29th International Conference on Intelligent User Interfaces10.1145/3640543.3645176(660-674)Online publication date: 18-Mar-2024
  • (2024)ProcessGallery: Contrasting Early and Late Iterations for Design Principle LearningProceedings of the ACM on Human-Computer Interaction10.1145/36373898:CSCW1(1-35)Online publication date: 26-Apr-2024
  • (2024)From Awareness to Action: Exploring End-User Empowerment Interventions for Dark Patterns in UXProceedings of the ACM on Human-Computer Interaction10.1145/36373368:CSCW1(1-41)Online publication date: 26-Apr-2024
  • Show More Cited By

Index Terms

  1. Designing with interactive example galleries

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems
    April 2010
    2690 pages
    ISBN:9781605589299
    DOI:10.1145/1753326
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 10 April 2010

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. design thinking
    2. examples

    Qualifiers

    • Research-article

    Conference

    CHI '10
    Sponsor:

    Acceptance Rates

    Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

    Upcoming Conference

    CHI 2025
    ACM CHI Conference on Human Factors in Computing Systems
    April 26 - May 1, 2025
    Yokohama , Japan

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)91
    • Downloads (Last 6 weeks)7
    Reflects downloads up to 17 Feb 2025

    Other Metrics

    Citations

    Cited By

    View all
    • (2024)FrameKit: A Tool for Authoring Adaptive UIs Using KeyframesProceedings of the 29th International Conference on Intelligent User Interfaces10.1145/3640543.3645176(660-674)Online publication date: 18-Mar-2024
    • (2024)ProcessGallery: Contrasting Early and Late Iterations for Design Principle LearningProceedings of the ACM on Human-Computer Interaction10.1145/36373898:CSCW1(1-35)Online publication date: 26-Apr-2024
    • (2024)From Awareness to Action: Exploring End-User Empowerment Interventions for Dark Patterns in UXProceedings of the ACM on Human-Computer Interaction10.1145/36373368:CSCW1(1-41)Online publication date: 26-Apr-2024
    • (2024)DesignQuizzer: A Community-Powered Conversational Agent for Learning Visual DesignProceedings of the ACM on Human-Computer Interaction10.1145/36373218:CSCW1(1-40)Online publication date: 26-Apr-2024
    • (2024)Improving Selection of Analogical Inspirations through Chunking and RecombinationProceedings of the 16th Conference on Creativity & Cognition10.1145/3635636.3656207(374-397)Online publication date: 23-Jun-2024
    • (2024)Thinking Outside the Box: Non-Designer Perspectives and Recommendations for Template-Based Graphic Design ToolsExtended Abstracts of the CHI Conference on Human Factors in Computing Systems10.1145/3613905.3650967(1-9)Online publication date: 11-May-2024
    • (2024)Fashioning Creative Expertise with Generative AI: Graphical Interfaces for Design Space Exploration Better Support Ideation Than Text PromptsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642908(1-26)Online publication date: 11-May-2024
    • (2024)Prompting for Discovery: Flexible Sense-Making for AI Art-Making with DreamsheetsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642858(1-17)Online publication date: 11-May-2024
    • (2024)CreativeConnect: Supporting Reference Recombination for Graphic Design Ideation with Generative AIProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642794(1-25)Online publication date: 11-May-2024
    • (2024)Formulating or Fixating: Effects of Examples on Problem Solving Vary as a Function of Example Presentation Interface DesignProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642653(1-16)Online publication date: 11-May-2024
    • Show More Cited By

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Figures

    Tables

    Media

    Share

    Share

    Share this Publication link

    Share on social media