User Experience
User Experience (UX) refers to how users feel when using a product. It is a comprehensive concept that includes users’ perceptions, emotions, attitudes, and moods toward the product. User Experience Design (UXD) is a user-centered design methodology aimed at increasing user satisfaction and improving users’ understanding and use of the product.
Factors such as color, typography, layout, and interaction all affect user experience. Therefore, user experience must be considered when designing user interfaces, providing a clean, intuitive, and easy-to-use interface to improve user satisfaction.
Flat Design and Skeuomorphism
Flat Design is a clean, intuitive design style that emphasizes simple and clear interface design, removing cumbersome decorations and redundant elements so that users can understand and operate the interface more easily. Skeuomorphism is a design style that imitates real-world objects, emphasizing realism and detail, which also makes the interface easier for users to understand and operate.
Search for “Flat vs Skeuomorphism” to learn more.
Common Design Languages
Google Material Design, Microsoft Fluent Design System, Alibaba Ant Design …
Material Design
Design Language
Component Library
https://github.com/MudBlazor/MudBlazor
Fluent Design System
Design Language
https://www.microsoft.com/design/fluent
Component Library
https://github.com/microsoft/fast-blazor
Ant Design
Design Language
Component Library
https://github.com/ant-design-blazor/ant-design-blazor
Commercial Component Libraries
https://github.com/radzenhq/radzen-blazor
Prototyping Tools
MasterGo and Figma are two commonly used prototyping tools for designing and building user interface prototypes. They offer rich component libraries and interaction effects that help designers quickly create UI prototypes.
Design Tokens
Design Tokens are a way of defining a design system, covering design elements such as colors, typography, spacing, and shadows. They help designers and developers quickly create a consistent design style and improve design efficiency.
Choosing Components
Factors such as stylistic consistency, ease of use, customizability, performance optimization, documentation quality, community activity, maintenance and updates, and commercial licensing all influence the choice of a component library.
Complementary Colors
Complementary colors are two colors located opposite each other on the color wheel. When two complementary colors are placed together, they produce a strong contrast that makes both colors stand out. Complementary color combinations usually create visual impact, so they should be used carefully in design. Use browser developer tools to monitor contrast to ensure a good user experience.
Case Study
The Aspire dashboard design is based on Fluent Design and adopts a flat design style that is clean, intuitive, and easy to use, improving the user experience.