UI Visual Design Evaluation Using Standardized Quality Index

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

The evaluation of visual design for user interfaces (UIs) is subjective and lacks standardization, leading to inconsistent and inaccurate assessments due to individual reviewer biases and varying criteria, which can result in compromised design quality.

Innovation Solution

A system and method for evaluating UI visual design quality using a pre-assessment questionnaire to determine an aggregate visual design quality index (VDIA) score, comparing it to a benchmark score, and providing a standardized evaluation mechanism that accounts for dimensions like design principles, branding, and aesthetics, ensuring objective and accurate assessments.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If visual design evaluation is performed by individual reviewers using subjective criteria, then the evaluation process is simple and flexible, but the assessment consistency and accuracy deteriorate due to reviewer biases

Engineering Contradiction:
Improveevaluation process simplicityVSAvoidassessment consistency
Core Design Contradiction:
Ease of operationVSMeasurement precision

Solution Approach 1:

The patent transforms the evaluation from subjective qualitative assessment to objective quantitative measurement by changing the parameters used. Instead of relying on reviewers' subjective opinions, the system uses automatically extracted visual features (colors, fonts, layouts, spacing) and computes objective scores based on predefined design principles, thereby improving measurement precision while maintaining operational simplicity

Inventive Principle:
Principle #35Parameter changes

Solution Approach 2:

The patent replaces the mechanical system of human reviewers physically evaluating designs with an automated computational system. The evaluation mechanism substitutes human subjective judgment with algorithm-based objective assessment, using image processing and data analysis to generate consistent, bias-free evaluations that improve assessment reliability

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Reliability

If multiple reviewers are used to improve assessment accuracy, then the evaluation reliability improves, but the complexity and time consumption of the evaluation process increases

Engineering Contradiction:
Improveevaluation reliabilityVSAvoidevaluation process complexity
Core Design Contradiction:
ReliabilityVSDevice complexity

Solution Approach 1:

The evaluation system performs self-assessment by automatically analyzing UI screenshots and computing design quality scores without requiring multiple human reviewers. The system extracts visual features, compares them against design principles, and generates evaluations autonomously, achieving high reliability while eliminating the complexity and time costs associated with coordinating multiple reviewers

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent introduces an automated evaluation system as an intermediary between the UI design and the assessment result. This intermediary objectively measures visual features and computes scores based on design principles, replacing the need for multiple human reviewers and thereby improving reliability without increasing process complexity

Inventive Principle:
Principle #24Intermediary (Mediator)

3Adaptability or versatility

If subjective evaluation criteria are used to allow flexibility in assessment, then the adaptability to different design styles is improved, but the manufacturing precision of the evaluation standard deteriorates

Engineering Contradiction:
Improveassessment flexibilityVSAvoidevaluation standard precision
Core Design Contradiction:
Adaptability or versatilityVSManufacturing precision

Solution Approach 1:

The patent segments the evaluation into distinct, measurable components such as color usage, font selection, layout structure, and spacing. Each segment is evaluated against specific design principle criteria, allowing flexible adaptation to different design styles while maintaining precise, standardized measurement for each component, thereby resolving the contradiction between flexibility and precision

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS10331442B2Visual design evaluation
Publication Date: 2019.06.25 TATA CONSULTANCY SERVICES LTD
  • US10331442B2 patent drawing
  • US10331442B2 patent drawing

AI summary

The present subject matter relates to evaluation of a visual design of a user interface (UI). The method comprises receiving, from at least one reviewer, a response to a plurality of questions associated with a plurality of dimensions. The plurality of dimensions is indicative of criteria for assessment of the visual design of the UI. Further, an aggregate visual design quality index (VDIA) score for the UI is computed. The VDIA score is computed based on the response received from the at least one reviewer, and a plurality of weighing factors corresponding to each of the plurality of dimensions. Subsequently, the VDIA score is compared with a pre-determined benchmark visual design quality index (VDIB) score to evaluate the quality of the visual design of the UI.