Short answer

Proactively design and test visual signifiers to clearly communicate the affordances of all available touch input types, rather than assuming users will discover them.

Field
User-Centred Design
Source
Proceedings of the ACM on Human-Computer Interaction (2023)
Method
Mixed-methods (Online Survey and Interactive Experiment)
Sample
56 participants (32 in survey, 24 in experiment)
Evidence
Strong effect

Designing clear visual signifiers for touch screen inputs like 'Dwell' or 'Force Press' makes these advanced interactions more discoverable and less mentally taxing for users. This user-centred design research insight is drawn from a 2023 study published in Proceedings of the ACM on Human-Computer Interaction. Using Mixed-methods (online survey and interactive experiment) with 56 participants (32 in survey, 24 in experiment), researchers explored how this design variable affects real-world outcomes. The key design takeaway: Proactively design and test visual signifiers to clearly communicate the affordances of all available touch input types, rather than assuming users will discover them.

Study
User-Centred DesignRecentStrong effect

Visual cues significantly enhance the discoverability and perceived usability of advanced touch interactions.

Designing clear visual signifiers for touch screen inputs like 'Dwell' or 'Force Press' makes these advanced interactions more discoverable and less mentally taxing for users.

Proceedings of the ACM on Human-Computer Interaction · 2023

01

Key Findings

  • 01Visual signifiers increase the perception of input possibilities beyond a simple 'Tap'.
  • 02Visual signifiers reduce the perceived mental effort required to interact with touchscreens.
  • 03Users generally prefer interfaces with added visual signifiers over those without.
02

Application

Design takeaway

Proactively design and test visual signifiers to clearly communicate the affordances of all available touch input types, rather than assuming users will discover them.

How to apply

When designing a new touch interface or updating an existing one, brainstorm and prototype various visual signifiers for each distinct touch input (e.g., tap, swipe, pinch, long-press, force press). Test these signifiers with target users to ensure they are intuitive and effectively communicate the available actions.

Project actions

  • 01Consider how visual cues can guide users to discover advanced features in your design.
  • 02Prototype and test different visual styles for your signifiers to see which are most effective.
03

Method & Evidence

AimHow do visual signifier characteristics influence the perception of affordances for in-place single-finger touch inputs on touchscreens?
MethodMixed-methods (Online Survey and Interactive Experiment)
ProcedureResearchers generated 36 different visual signifier designs for various touch inputs and evaluated their perception through an online survey and an interactive experiment.
Sample56 participants (32 in survey, 24 in experiment)
ContextTouchscreen interfaces

Variables

IVCharacteristics of visual signifiers (e.g., shape, animation, color).
DVPerception of affordances, perceived mental effort, user preference.
CVType of touch input being signified, device screen characteristics, baseline interface without signifiers.
04

Strengths & Limitations

Strengths

  • +Investigated a broad design space of visual signifiers.
  • +Used both survey and experimental methods for a more comprehensive understanding.

Limitations

The number of participants was relatively small, and the study was conducted in a controlled environment, which might not fully replicate real-world usage scenarios.

Reliability & validity

The use of both a survey and an interactive experiment strengthens the validity by triangulating findings. Reliability could be enhanced with larger sample sizes and repeated measures.

Think critically

To what extent do cultural differences or prior user experience with specific devices influence the effectiveness of these visual signifiers?

05

Design Principles

"Communicate affordances through clear and discoverable visual cues."

In an era of increasingly sophisticated touch interfaces, many powerful input methods remain hidden from users due to a lack of clear visual communication. By implementing thoughtful visual signifiers, designers can unlock the full potential of touch devices, leading to more intuitive and efficient user experiences.

06

What This Means for Your Design

If you want people to know about special ways to touch a screen (like pressing harder or holding their finger down), you need to add little pictures or animations to show them how.

How to use in your project

  • 1.Use this research to justify the inclusion of specific visual signifiers in your interface design, explaining how they improve discoverability and reduce cognitive load.
07

Add to My Project

08

Quick Cite

Paragraph starter

This design project incorporates visual signifiers for advanced touch interactions, drawing upon research by Mackamul et al. (2023) which demonstrates that such cues significantly enhance the perception of affordances and reduce user mental effort, leading to improved discoverability and user preference.

09

Source

Proceedings of the ACM on Human-Computer Interaction

Exploring Visual Signifier Characteristics to Improve the Perception of Affordances of In-Place Touch Inputs

journal · 2023

View source

Questions About This Research

What does the research say about visual cues significantly enhance the discoverability and perceived usability of advanced touch interactions?
Proactively design and test visual signifiers to clearly communicate the affordances of all available touch input types, rather than assuming users will discover them. Evidence: Proceedings of the ACM on Human-Computer Interaction (2023).
Why does "Visual cues significantly enhance the discoverability and perceived usability of advanced touch interactions." matter for design?
In an era of increasingly sophisticated touch interfaces, many powerful input methods remain hidden from users due to a lack of clear visual communication. By implementing thoughtful visual signifiers, designers can unlock the full potential of touch devices, leading to more intuitive and efficient user experiences.
How can designers apply this research?
Proactively design and test visual signifiers to clearly communicate the affordances of all available touch input types, rather than assuming users will discover them.
What were the main findings?
Visual signifiers increase the perception of input possibilities beyond a simple 'Tap'.. Visual signifiers reduce the perceived mental effort required to interact with touchscreens.. Users generally prefer interfaces with added visual signifiers over those without.
What research method was used?
Mixed-methods (Online Survey and Interactive Experiment) with 56 participants (32 in survey, 24 in experiment).
How strong is the evidence?
Evidence strength is rated Strong effect, based on a 2023 journal from Proceedings of the ACM on Human-Computer Interaction.
What should I do differently in my next project?
When designing a new touch interface or updating an existing one, brainstorm and prototype various visual signifiers for each distinct touch input (e.g., tap, swipe, pinch, long-press, force press). Test these signifiers with target users to ensure they are intuitive and effectively communicate the available actions.
What are the limitations?
The study focused on single-finger inputs and a specific set of interaction types; results may vary for multi-finger gestures or different input modalities.