Relative Design Acquisition: A Computational Approach for Creating Visual Interfaces to Steer User Choices

Computational Methods in HCIUI/UX DesignersHCI Researchers

Structured Literature Review and Key Insights

Title of the Paper

Relative Design Acquisition: A Computational Approach for Creating Visual Interfaces to Steer User Choices

Paper Information

  • Research Domain: Human-Computer Interaction (HCI) and Interface Design
  • Keywords: Interface Design, Bayesian Optimization, Computational Interaction, Human-Machine Interface, User Choice Steering, Relative Design Acquisition, Human Feedback

Research Background and Problem

  • Problem Identification:

    • Traditional computational design primarily focuses on optimizing design parameters to maximize performance metrics, often neglecting the need for relative design. In real-world scenarios, such as e-commerce websites or navigation maps, interfaces must guide user decisions through visual design. These scenarios require a "relative design" approach rather than a singularly optimized design.
    • Example: In a mapping application, designing a visual interface to highlight an optimal route while presenting less attractive alternative routes to influence user choice proportions.
  • Significance of the Research:

    • Relative design can guide user behavior by controlling "design quality parameters" without compromising interface functionality. This approach enhances user experience and offers innovative solutions for various applications (e.g., traffic navigation, promotional shopping).
  • Motivation and Related Work:

    • Current computational interaction research focuses on applying methods like Bayesian optimization and human feedback to optimize specific goals (e.g., speed, accuracy). While prior work has concentrated on designing optimal interfaces, little attention has been given to generating designs with "relative quality."
    • With the development of interaction design tools (e.g., DesignScape, MenuOptimizer) and machine learning techniques (e.g., Bayesian optimization, generative models), exploring the generation of relative designs is a promising area of research.

Proposed Solution

  • Proposed Method:

    • A novel method called "Relative Design Acquisition" (RDA) is introduced. It constructs a Gaussian Process (GP) model to generate relative designs compared to a reference design and controls design quality through a quality parameter (𝛾).
  • Innovations:

    1. Formalizing the problem by defining "design quality" as a controllable parameter and setting the objective function for relative design acquisition.
    2. The method is independent of data sampling approaches and can be combined with Bayesian optimization or random sampling.
    3. Introducing a new design objective function that balances the quality difference between the reference design and the relative design.
  • Implementation Steps:

    1. Gaussian Process Modeling: Fit a Gaussian Process as a surrogate model based on user performance on given interface parameter configurations.
    2. Reference Design Generation: Identify the design most aligned with user preferences from the surrogate model as the reference design (typically the optimal design).
    3. Relative Design Generation: Define the objective to generate relative designs with a specified quality difference from the reference design (achieved by adjusting the 𝛾 value).
    4. User Experiments and Feedback: Explore the effectiveness of relative designs in different scenarios through human feedback experiments, including applications with and without visual context.

Research Findings

Overall Findings

  • The feasibility and effectiveness of relative design acquisition in generating visual interfaces were successfully validated.
  • Through three experiments (context-free scenarios, contextual scenarios, and group testing), the study demonstrated the ability of relative designs to enhance user behavior guidance, design controllability, and decision-making time.

Specific Experimental Results

  1. Experiment 1 (Context-Free Scenario):

    • Tested the ability to capture individualized visual preferences.
    • Results showed that the design quality parameter 𝛾 significantly influenced user ratings of relative designs.
    • The amount of data sampled had no significant impact on design quality.
  2. Experiment 2 (Contextual Scenario):

    • Validated the method's effectiveness in scenarios resembling e-commerce websites.
    • Compared to random sampling, Bayesian optimization generated reference designs closer to user preferences, indicating that higher-quality reference designs better support relative design generation.
  3. Experiment 3 (Cross-Group Testing):

    • Tested the method's applicability to new user groups and its ability to control decision-making time.
    • When tasks had clear expectations, 𝛾 significantly controlled decision-making duration: as the quality gap between two designs narrowed, decision time increased.
    • In tasks without clear preferences (e.g., context-free button design tasks), 𝛾's control effect weakened.

Advantages

  • RDA demonstrated robust performance across both context-free and contextual scenarios, showing adaptability to various tasks and user groups.
  • The controllable quality parameter (𝛾) provides designers with a tool to adjust interface appeal, supporting diverse application scenarios.

Limitations and Future Directions

  • Limitations:

    • The current RDA framework does not incorporate variance information from the reference design and relies solely on the Gaussian Process mean, which may result in less comprehensive relative designs.
    • The method performed less effectively in "context-free scenarios," requiring optimization to accommodate diverse user preferences.
  • Future Directions:

    • Investigate RDA's effectiveness in tasks with dynamically changing visual contexts.
    • Integrate variance information to enhance the RDA model and objective function.
    • Use more intuitive user feedback data (e.g., eye-tracking data, reaction times) to expand applications to more diverse scenarios.
    • Study the impact of adjusting the design parameter 𝛾 on user click-through rates or actual decision-making behavior.
    • Explore combining RDA with deep learning models to develop more automated and powerful user behavior modeling tools.

Full Summary

This paper introduces a novel framework for relative design acquisition, combining Gaussian Processes with a quality parameter (𝛾) to guide user choices in visual interfaces. The method's effectiveness was demonstrated across various contextual scenarios, highlighting its potential for practical applications and enhancing user experience. The study also identifies limitations and proposes future research directions to further develop the framework for broader and more dynamic applications.

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/papers/chi/95920/2023

AdRecommended

Learn AI Coding at CodeNow

open_in_newOpen DOI Link
DOI: https://doi.org/10.1145/3544548.3581028
At a Glance

Paper Snapshot

fact_check
dataset
Source
CHI
calendar_month
Year
2023
emoji_events
Award
No award tagged
group
Authors
2 authors
sell
Subtopics
Computational Methods in HCI
work
Professions
UI/UX Designers, HCI Researchers
article
Content Status
Full text indexed
hub
Related Papers
10 related papers