skip to main content
10.1145/2047196.2047216acmconferencesArticle/Chapter ViewAbstractPublication PagesuistConference Proceedingsconference-collections
research-article

d.tour: style-based exploration of design example galleries

Published: 16 October 2011 Publication History

Abstract

In design, people often seek examples for inspiration. However, current example-finding practices suffer many drawbacks: templates present designs without a usage context; search engines can only examine the text on a page. This paper introduces exploratory techniques for finding relevant and inspiring design examples. These novel techniques include searching by stylistic similarity to a known example design and searching by stylistic keyword. These interactions are manifest in d.tour, a style-based design exploration tool. d.tour presents a curated database of Web pages as an explorable design gallery. It extracts and analyzes design features of these pages, allowing it to process style-based queries and recommend designs to the user. d.tour's gallery interface decreases the gulfs of execution and evaluation for design example-finding.

Supplementary Material

JPG File (fp152.jpg)
MOV File (fp152.mov)

References

[1]
node.js. http://nodejs.org, 2011. Retrieved March 17, 2011.
[2]
The Science Bus. http://www.stanford.edu/group/sciencebus, 2011. Retrieved March 17, 2011.
[3]
G. Adomavicius and A. Tuzhilin. Toward the next generation of recommender systems: A survey of the state-of-the-art and possible extensions. IEEE Transactions on Knowledge and Data Engineering, 17, June 2005.
[4]
J. Cui, F. Wen, and X. Tang. Intentsearch: interactive on-line image search re-ranking. In Proceedings of MM: ACM Conference on Multimedia. ACM, 2008.
[5]
M. Dixon and J. Fogarty. Prefab: implementing advanced behaviors using pixel-based reverse engineering of interface structure. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 2010.
[6]
S. Dziadosz and R. Chandrasekar. Do thumbnail previews help users make better relevance decisions about web search results? In Proceedings of SIGIR: ACM Conference on Research and Development in Information Retrieval. ACM, 2002.
[7]
G. Giacinto and F. Roli. Bayesian relevance feedback for content-based image retrieval. Pattern Recognition, 2004.
[8]
A. Gionis, P. Indyk, and R. Motwani. Similarity search in high dimensions via hashing. In Proceedings of VLDB: International Conference on Very Large Data Bases, pages 518--529. Morgan Kaufmann Publishers Inc., 1999.
[9]
S. Gregor and I. Benbasat. Explanations from intelligent systems: theoretical foundations and implications for practice. MIS Quarterly, 23, December 1999.
[10]
Y. Hashimoto and T. Igarashi. Retrieving web page layouts using sketches to support example-based web design. 2nd Eurographics Workshop on Sketch-Based Interfaces and Modeling, 2005.
[11]
M. A. Hearst. Search User Interfaces. Cambridge Univesity Press, 2009.
[12]
S. R. Herring, C. Chang, J. Krantzler, and B. P. Bailey. Getting inspired!: understanding how and why examples are used in creative design practice. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 2009.
[13]
V. Hollink, M. van Someren, and V. de Boer. Capturing the needs of amateur web designers by means of examples. In Proceedings of the 16th Workshop on Adaptivity and User Modeling in Interactive Systems, 2008.
[14]
E. L. Hutchins, J. D. Hollan, and D. A. Norman. Direct manipulation interfaces. Human-Computer Interaction, 1(4), Dec 1985.
[15]
M. Y. Ivory and M. A. Hearst. Statistical profiles of highly-rated web sites. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 2002.
[16]
D. G. Jansson and S. M. Smith. Design fixation. Design Studies, 12(1), 1991.
[17]
C. Kulkarni and S. R. Klemmer. Automatically adapting web pages to heterogeneous devices. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems Extended Abstracts. ACM, 2011.
[18]
R. Kumar, J. O. Talton, S. Ahmad, and S. R. Klemmer. Bricolage: Example-based retargeting for web design. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 2011.
[19]
B. Lee, S. Srivastava, R. Kumar, R. Brafman, and S. R. Klemmer. Designing with interactive example galleries. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 2010.
[20]
J. Lou, K. Chen, and C. Lei. A collusion-resistant automation scheme for social moderation systems. In Proceedings of CCNC: IEEE Conference on Consumer Communications and Networking. IEEE Press, 2009.
[21]
J. Marks et al. Design galleries: a general approach to setting parameters for computer graphics and animation. In Proceedings of SIGGRAPH: ACM Conference on Computer Graphics and Interactive Techniques. ACM, 1997.
[22]
V. L. O'Day and R. Jeffries. Orienteering in an information landscape: how information seekers get from here to there. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 1993.
[23]
P. Pirolli. Information Foraging Theory: Adaptive Interaction with information. Oxford University Press, 2007.
[24]
K. Porkaew and K. Chakrabarti. Query refinement for multimedia similarity retrieval in mars. In Proceedings of MM: ACM Conference on Multimedia. ACM, 1999.
[25]
P. Pu and L. Chen. Trust building with explanation interfaces. In Proceedings of IUI: ACM Conference on Intelligent User Interfaces. ACM, 2006.
[26]
J. A. Ramos. Using TF-IDF to determine word relevance in document queries. In Proceedings of ICML: International Conference on Machine Learning, 2003.
[27]
T. Samara. Design Elements: A Graphic Style Manual. Rockport Publishers, 2007.
[28]
N. Tintarev. Explanations of recommendations. In Proceedings of RecSys: ACM Conference on Recommender Systems. ACM, 2007.
[29]
J. Wills, S. Agarwal, D. Kriegman, and S. Belongie. Toward a perceptual space for gloss. ACM Transactions on Graphics, 28, September 2009.
[30]
W. Wong, I. Oberst, S. Das, T. Moore, S. Stumpf, K. McIntosh, and M. Burnett. End-user feature labeling: a locally-weighted regression approach. In Proceedings of IUI: ACM Conference on Intelligent User Interfaces. ACM, 2011.
[31]
A. Woodruff, A. Faulring, R. Rosenholtz, J. Morrsion, and P. Pirolli. Using thumbnails to search the web. In Proceedings of CHI: ACM Conference on Human Factors in Computing Systems. ACM, 2001.
[32]
T. Yeh, T. Chang, and R. C. Miller. Sikuli: using GUI screenshots for search and automation. In Proceedings of UIST: ACM Conference on User Interfaces Software and Technologies. ACM, 2009.

Cited By

View all
  • (2024)Demystifying Tacit Knowledge in Graphic Design: Characteristics, Instances, Approaches, and GuidelinesProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642886(1-18)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)GenQuery: Supporting Expressive Visual Search with Generative ModelsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642847(1-19)Online publication date: 11-May-2024
  • Show More Cited By

Index Terms

  1. d.tour: style-based exploration of design example galleries

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    UIST '11: Proceedings of the 24th annual ACM symposium on User interface software and technology
    October 2011
    654 pages
    ISBN:9781450307161
    DOI:10.1145/2047196
    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: 16 October 2011

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. design
    2. examples
    3. search

    Qualifiers

    • Research-article

    Conference

    UIST '11

    Acceptance Rates

    UIST '11 Paper Acceptance Rate 67 of 262 submissions, 26%;
    Overall Acceptance Rate 561 of 2,567 submissions, 22%

    Upcoming Conference

    UIST '25
    The 38th Annual ACM Symposium on User Interface Software and Technology
    September 28 - October 1, 2025
    Busan , Republic of Korea

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

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

    Other Metrics

    Citations

    Cited By

    View all
    • (2024)Demystifying Tacit Knowledge in Graphic Design: Characteristics, Instances, Approaches, and GuidelinesProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642886(1-18)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)GenQuery: Supporting Expressive Visual Search with Generative ModelsProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642847(1-19)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)Palette, Purpose, Prototype: The Three Ps of Color Design and How Designers Navigate ThemProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3641976(1-19)Online publication date: 11-May-2024
    • (2024)RecHap: An Interactive Recommender System for Navigating a Large Number of Mid-Air Haptic DesignsIEEE Transactions on Haptics10.1109/TOH.2023.327681217:2(165-176)Online publication date: Apr-2024
    • (2024)Mapping Natural Language Intents to User Interfaces through Vision-Language Models2024 IEEE 18th International Conference on Semantic Computing (ICSC)10.1109/ICSC59802.2024.00045(237-244)Online publication date: 5-Feb-2024
    • (2024)Enricommender: Business Intelligence for User Interface DesignInteracting with Computers10.1093/iwc/iwae037Online publication date: 22-Aug-2024
    • (2023)Evaluating a Large Language Model on Searching for GUI LayoutsProceedings of the ACM on Human-Computer Interaction10.1145/35932307:EICS(1-37)Online publication date: 19-Jun-2023
    • (2023)Towards Image Design Space Exploration in Spreadsheets with LLM FormulaeAdjunct Proceedings of the 36th Annual ACM Symposium on User Interface Software and Technology10.1145/3586182.3615790(1-3)Online publication date: 29-Oct-2023
    • 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