Vittorio Vittori

Design System Architect / Senior UX Designer

Aesthetic and Minimalist Design

Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

User-Centered Design
Cognitive load

Cognitive Load Reduction

The system minimizes the amount of information users must remember, compare, or interpret to complete a task.

off on
Group related information and actions together Force users to mentally connect scattered elements Use sensible defaults to reduce decision-making Require configuration for every interaction Show information only when it becomes relevant Expose all options at once regardless of context

Consistency

Styles and interaction patterns are applied predictably, reducing the need for interpretation or relearning.

Apply the same visual treatment to the same type of action Change styles or behavior arbitrarily between screens Reuse established interaction patterns Introduce new patterns without a clear need Maintain consistent spacing and typography Mix multiple visual systems in the same product

Essential Content

The interface presents only what is necessary for the user's current goal, removing visual noise and redundant information.

off on
Prioritize content directly related to the current task Display secondary or promotional content by default Remove duplicated or low-value information Repeat the same data in multiple visual forms Defer optional information behind secondary actions Overload screens with edge-case details

Goal Focus

Each screen is designed around a primary user task, avoiding feature accumulation and distraction.

off on
Define a clear primary action per screen Compete with multiple equally prominent actions Support the main task with secondary actions Introduce unrelated features on the same screen Align layout and content with the main goal Design screens as generic feature containers

Semantic Clarity

Each element communicates a single, unambiguous purpose through its appearance and behavior.

off on
Match visual style to the element's function Reuse the same style for different purposes Use labels that describe the outcome of actions Rely on vague or metaphorical wording Ensure behavior matches visual expectations Create elements that look clickable but are not

Visual Cleanliness

Visual styling supports content and actions without competing for attention or adding unnecessary decoration.

off on
Use decoration only when it adds meaning Add visual effects purely for aesthetics Favor whitespace to separate content Rely on heavy borders and dividers Keep color palettes minimal and functional Use too many accent colors on one screen

Visual Hierarchy

The layout and styling guide attention naturally, helping users understand what matters most without conscious effort.

Not interactive

Use size, contrast, and spacing to show importance Give equal visual weight to all elements Guide the eye from primary to secondary content Force users to scan randomly for key actions Align hierarchy with user priorities Base hierarchy solely on aesthetic preferences
Aesthetic and Minimalist Design