Short answer

Incorporate visual expressiveness into machine-readable markers to create more intuitive and informative mobile interfaces.

Field: User-Centred Design
Source: ePrints Soton (University of Southampton) (2010)
Method: Mixed Methods (Usability Experiments, Design Analysis, Field Trials)
Evidence: Moderate effect

Visual markers can be designed to be both machine-readable and visually communicative to humans, thereby enhancing mobile human-computer interaction by conveying information before scanning. This user-centred design research insight is drawn from a 2010 study published in ePrints Soton (University of Southampton). Using Mixed methods (usability experiments, design analysis, field trials), researchers explored how this design variable affects real-world outcomes. The key design takeaway: Incorporate visual expressiveness into machine-readable markers to create more intuitive and informative mobile interfaces.

Study

User-Centred DesignHigh ImpactModerate effect

Designable Visual Markers Enhance Mobile Interaction by Communicating Information Visually

Visual markers can be designed to be both machine-readable and visually communicative to humans, thereby enhancing mobile human-computer interaction by conveying information before scanning.

ePrints Soton (University of Southampton) · 2010

Key Findings

01Designable visual markers can be engineered to be both machine-readable and visually communicative.
02Users can design their own functional visual markers, influencing aesthetic qualities and visual communication.
03The d-touch system supports the creation of designable markers with flexible constraints on dark and light regions.

Application

Design takeaway

Incorporate visual expressiveness into machine-readable markers to create more intuitive and informative mobile interfaces.

How to apply

When designing interfaces that use QR codes or similar markers, consider how the marker's visual design can convey preliminary information or enhance brand identity.

Project actions

01Explore how visual elements in functional markers can be used to convey meaning.
02Consider user testing for both machine readability and human interpretation of markers.

Method & Evidence

AimHow can designable visual markers be developed and implemented to support and enhance mobile human-computer interaction by being both machine-readable and visually communicative to humans?

MethodMixed Methods (Usability Experiments, Design Analysis, Field Trials)

ProcedureDeveloped a recognition system (d-touch) for designable visual markers based on image topology. Explored applications through formal usability experiments, analysis of example designs, and qualitative analysis of two field trials. Conducted a user study to assess users' ability to design functional and aesthetically expressive markers.

ContextMobile Human-Computer Interaction, Physical Tagging

Variables

IVVisual design of markers (standard vs. designable/communicative)

DVUser understanding of marker purpose, scanning speed, user satisfaction

CVMarker size, distance from camera, lighting conditions, type of mobile device

Strengths & Limitations

Strengths

+Introduced a novel concept of designable visual markers.
+Developed a functional recognition system (d-touch) to support the concept.
+Employed a multi-faceted research approach including experiments and field trials.

Limitations

The complexity of creating these designable markers might require specialized software or skills, which could limit their widespread adoption.

Reliability & validity

The reliability of the d-touch system in recognizing markers under varying conditions would need to be rigorously tested. Validity would be assessed by how well the designed markers actually communicate their intended meaning to users.

Think critically

To what extent does the added visual complexity of designable markers impact machine recognition accuracy, and how can this trade-off be managed in practical applications?

Design Principles

"Visual markers should strive for dual readability: machine-interpretable and human-perceptible."

This research introduces a novel approach to visual markers, moving beyond purely functional machine recognition to incorporate human aesthetic and informational qualities. By allowing markers to be visually expressive, designers can create more intuitive and engaging interfaces that leverage pre-scan communication, improving user experience and information retrieval.

What This Means for Your Design

Imagine a QR code that doesn't just look like a bunch of squares, but also has a picture or a pattern that tells you what it's for before you scan it. This research shows how to make that happen for phone apps.

How to use in your project

1.Use this research to justify the design of visually communicative markers in your project.
2.Reference the concept of 'designable markers' when discussing user interface elements.

Add to My Project

Quick Cite

Paragraph starter

This design project draws inspiration from research into 'designable visual markers,' which posits that machine-readable symbols can be enhanced by incorporating visually communicative elements for human users. By allowing markers to convey information aesthetically before scanning, as demonstrated by Costanza (2010), interfaces can become more intuitive and engaging, leading to improved user experience in mobile human-computer interaction.

Source

ePrints Soton (University of Southampton)

Designable Visual Markers for Mobile Human-Computer Interaction

journal · 2010

View source

Questions About This Research

What does the research say about designable visual markers enhance mobile interaction by communicating information visually?: Incorporate visual expressiveness into machine-readable markers to create more intuitive and informative mobile interfaces. Evidence: ePrints Soton (University of Southampton) (2010).
Why does "Designable Visual Markers Enhance Mobile Interaction by Communicating Information Visually" matter for design?: This research introduces a novel approach to visual markers, moving beyond purely functional machine recognition to incorporate human aesthetic and informational qualities. By allowing markers to be visually expressive, designers can create more intuitive and engaging interfaces that leverage pre-scan communication, improving user experience and information retrieval.
How can designers apply this research?: Incorporate visual expressiveness into machine-readable markers to create more intuitive and informative mobile interfaces.
What were the main findings?: Designable visual markers can be engineered to be both machine-readable and visually communicative.. Users can design their own functional visual markers, influencing aesthetic qualities and visual communication.. The d-touch system supports the creation of designable markers with flexible constraints on dark and light regions.
What research method was used?: Mixed Methods (Usability Experiments, Design Analysis, Field Trials).
How strong is the evidence?: Evidence strength is rated Moderate effect, based on a 2010 journal from ePrints Soton (University of Southampton).
What should I do differently in my next project?: When designing interfaces that use QR codes or similar markers, consider how the marker's visual design can convey preliminary information or enhance brand identity.
What are the limitations?: The effectiveness and scalability of the d-touch system and designable markers in diverse real-world environments were not extensively explored. The complexity of marker creation for novice users might still be a barrier.