Dynamic Sliding Block Icon Feedback for Touch Screen Usability

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing touch screen sliding block icons are uninteresting and difficult for users with poor eyesight or clumsy fingers to operate due to their simplicity and invariability in different states and regions.

Innovation Solution

A display control method for touch screens that dynamically sets icons for a sliding block based on its state and location, using different icons for static and moving states, and provides visual and auditory feedback to enhance user interaction.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Device complexity

If a simple and invariant sliding block icon is used, then the device complexity is reduced, but the ease of operation and user recognition are worsened

Engineering Contradiction:
Improveicon design complexityVSAvoiduser operation difficulty
Core Design Contradiction:
Device complexityVSEase of operation

Solution Approach 1:

The sliding block icon dynamically changes its appearance based on its state (static or moving) and position. When the sliding block moves, the icon transitions from a static rectangle/circle to an animated moving icon, providing visual feedback to users about the current state and improving operability without significantly increasing device complexity

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The icon changes its visual properties including color, brightness, and animation state to reflect different operational states. The icon displays different colors when static versus moving, and adjusts brightness based on touch interaction, enhancing user recognition while maintaining a relatively simple implementation approach

Inventive Principle:
Principle #32Color changes

2Area of moving object

If a small sliding block icon is used, then the area occupied is reduced, but the ease of operation for users with poor eyesight or clumsy fingers is worsened

Engineering Contradiction:
Improveicon areaVSAvoiduser operation difficulty
Core Design Contradiction:
Area of moving objectVSEase of operation

Solution Approach 1:

The solution adds temporal and visual dimensionality to the icon rather than increasing its spatial area. By introducing animation, color changes, and brightness adjustments, the icon becomes more recognizable and easier to interact with while maintaining a compact size that doesn't occupy excessive screen space

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

3Device complexity

If an invariant sliding block icon is used across different states and regions, then the device complexity is reduced, but the degree of recognition of the sliding block state is worsened

Engineering Contradiction:
Improveicon management complexityVSAvoidstate recognition information
Core Design Contradiction:
Device complexityVSLoss of information

Solution Approach 1:

The icon provides visual feedback about the sliding block's state by changing its appearance. When the sliding block is moving, the icon displays motion animation and different colors; when static, it shows a different state. This feedback mechanism helps users recognize the current state without requiring complex icon management systems

Inventive Principle:
Principle #23Feedback

Solution Approach 2:

The icon's visual parameters (color, brightness, animation state) are changed based on the sliding block's state and position. Different regions may trigger different icon variations, allowing the system to convey state information through parameter changes rather than through complex icon management

Inventive Principle:
Principle #35Parameter changes

Data Source

PatentUS11474694B2Display control method for sliding block in touch screen
Publication Date: 2022.10.18 QINGDAO HAIER WASHING MASCH CO LTD
  • US11474694B2 patent drawing
  • US11474694B2 patent drawing
  • US11474694B2 patent drawing

AI summary

A display control method for a sliding block in a touch screen. The display control method includes: determining whether a sliding block is in a static state; detecting a region, in a touch screen, where the sliding block is located; setting the icon of the sliding block according to the detection result and the state of the sliding block; if the sliding block is currently in a static state, determining whether a touch point of the touch screen is on the sliding block, and if yes, displaying the icon of the sliding block in brightened fashion; if the sliding block is currently in a static state and the touch point is on the sliding block, playing a touch prompt tone; and detecting whether the sliding block is being dragged, and if yes, playing a drag prompt tone.