Component Library
A collection of reusable UI components that can be used to build applications. Helps in maintaining consistency and efficiency in the design and development process.
A collection of reusable UI components that can be used to build applications. Helps in maintaining consistency and efficiency in the design and development process.
A technique used to assess the visual hierarchy of a design by squinting to see which elements stand out the most. Essential for evaluating the effectiveness of a design's layout and emphasis.
The ability to understand and share the feelings of customers, crucial for creating user-centered designs and experiences. Crucial for designing products that truly meet user needs and expectations.
A framework inspired by Maslow's Hierarchy of Needs, applied to user experience design, prioritizing basic functionality and reliability before enhancing usability and delight. Essential for creating well-rounded and satisfying user experiences.
A type of usability testing conducted during the design process to identify issues and improve the design iteratively. Crucial for refining designs and ensuring usability before final release.
The process of applying a consistent style, motif, or brand identity across a piece of work, design, or user experience to create coherence and enhance the overall aesthetic. Essential for ensuring visual consistency, reinforcing brand identity, and providing users with a unified and engaging experience.
An approach that places the user's needs, preferences, and behaviors at the forefront of all design and development activities. Important for fostering a design culture that prioritizes user satisfaction and engagement.
A key aspect of Gestalt psychology where complex patterns arise out of relatively simple interactions. Crucial for understanding how users perceive complex designs and patterns.
A cognitive bias where the perception of one positive trait influences the perception of other unrelated traits. Important for designers to manage and utilize this bias effectively in user experience design.
The ease with which visual information can be processed and understood by the viewer. Important for creating intuitive and accessible interfaces.
A design principle that suggests a pattern for how people read a webpage, dividing it into four quadrants and emphasizing the importance of the top-left and bottom-right areas. Essential for creating effective layouts that align with natural reading patterns.
The study of how humans interact with systems and products, focusing on improving usability and performance. Crucial for designing user-friendly systems and products.
A Gestalt principle stating that elements moving in the same direction are perceived as a group or a single entity. Crucial for creating visual designs that effectively convey movement and relationships.
A design principle that ensures a system continues to function at a reduced level rather than completely failing when some part of it goes wrong. Crucial for enhancing system reliability and user experience in adverse conditions.
The tendency to perceive and interpret information based on prior experiences and expectations, influencing how different users perceive design differently. Important for designing interfaces that meet user expectations, improving usability and intuitive navigation.
A dark pattern where users are forced to sign up for an account to complete a basic task. Designers should avoid this practice and provide optional account creation to respect user preferences.
A visual or auditory cue that indicates how to interact with an element in the user interface. Crucial for enhancing usability by clearly communicating the purpose and function of UI elements.
The actual width of a screen, typically measured in inches or millimeters, impacting the layout and design of user interfaces. Important for designing interfaces that fit different screen sizes.
A navigation design pattern where users follow a specific order of steps or stages to complete a task, often used in forms, surveys, and instructional guides. Essential for guiding users through processes in a clear and structured manner, improving usability.
UI/UX design tactics that intentionally manipulate users into taking actions they might not otherwise take. Important for recognizing and avoiding unethical design practices.
The ability of a UI component to adjust its appearance and behavior based on different contexts or devices. Crucial for responsive design and ensuring a consistent user experience.
The ratio of interactive elements (links, buttons) to the number of goals on a landing page. Important for optimizing landing page design to improve conversion rates.
A cognitive bias that limits a person to using an object only in the way it is traditionally used. Important for designers to foster creative problem-solving and innovation.
A research process used to identify and understand the underlying needs of users to inform the design of products and services. Essential for creating user-centered designs that address real user needs.
Design strategies aimed at preventing user errors before they occur. Crucial for enhancing usability and ensuring a smooth user experience.
A dark pattern where a product sneaks an additional item into the user's shopping cart, often through a pre-selected checkbox. Designers should avoid this practice and ensure users have full control over their purchases to maintain trust.
A cognitive bias where individuals overestimate how well their thoughts, feelings, and emotions are understood by others. Crucial for designing communication and user interfaces that account for and mitigate this bias.
A dark pattern where users think they are going to take one action, but a different, undesirable action happens instead. Designers must avoid this deceptive practice and be aware of its impact to ensure transparent user interactions.
A dark pattern where users are tricked into confirming a subscription through misleading language or design. It's crucial to avoid misleading users and ensure clear communication about subscription terms and conditions.
A set of ten general principles for user interface design created by Jakob Nielsen to improve usability. Essential for evaluating and improving user interface designs.
Replacing one UI component with another, often used in adaptive or dynamic interfaces. Crucial for maintaining flexibility and adaptability in UI design.
The perceived affordance of an element to be clickable, indicating that it can be interacted with. Essential for improving user interface design and guiding user actions.
A key aspect of Gestalt psychology describing the mind's ability to fill in gaps to create a whole object from incomplete elements. Crucial for designing creative and engaging visuals that are both pleasing to the eye and cleverly satisfying to the mind.
The parts of a service or product that are visible to and interact with the user, as opposed to the backstage operations. Important for designing user experiences that are engaging and effective.
A Gestalt principle where elements that are located within the same closed region are perceived as being grouped together. Essential for creating designs that are easily understood and visually organized.
The process by which attention is guided by internal goals and external stimuli, affecting how information is processed and remembered. Useful for designing user interfaces that direct user attention effectively.
Information provided by users about their experience with a product, used to inform improvements and adjustments. Crucial for continuous improvement and user-centered design.
The process of enabling users to take control of their interactions with a product or system, enhancing their confidence and satisfaction. Crucial for designing systems that provide users with the tools and information they need to make informed decisions.
Modifications or additions to a system that encourage specific user behaviors. Important for guiding user actions and improving the effectiveness of interactions.
The process of triggering particular aspects of a person's identity to influence their behavior or decisions. Important for designing personalized and effective user experiences.
A user research technique where participants organize information into categories to inform information architecture and design. Essential for creating intuitive information architectures and improving user experience.
A dark pattern where a process is made more difficult than it needs to be to discourage certain behavior. Recognizing the harm of this practice is important to design straightforward user processes.
The practice of promoting and representing the needs, interests, and rights of users in the design and development process. Important for ensuring that user needs and perspectives are prioritized in product design and development.
The quality of being uniform and coherent across different elements and touchpoints in design. Crucial for creating predictable and reliable user experiences.
The use of parallel structures in writing and design to create balance and rhythm, enhancing readability and aesthetic appeal. Crucial for creating clear, coherent, and visually appealing content and interfaces.
The tendency for individuals to recall information that is consistent with their current mood. Important for understanding how mood affects memory and designing experiences that account for emotional states.
The practice of drawing inspiration from sources outside of one's field to generate creative ideas. Useful for fostering creativity and innovation in design and product development.
The use of visual elements to draw attention to important information or guide user actions. Important for enhancing user experience and ensuring key information is noticed.
A pop-up dialog that appears when a user attempts to leave a page or application, which can be used to prevent loss of progress or data, or to confirm user intent. While it can be used ethically to prevent data loss or confirm actions, designers must avoid using it to deceive, delay, block, or interfere with the user's intent, thus ensuring it does not become a dark pattern.
A psychological phenomenon where people follow the actions of others in an attempt to reflect correct behavior for a given situation. Essential for designing interfaces and experiences that leverage social influence to guide user behavior and increase trust and engagement.
A design principle that involves using relative size to indicate the importance of elements, creating visual hierarchy and focus. Crucial for guiding user attention and creating effective visual communication.
A memory aid that helps individuals recall information through associations, patterns, or acronyms. Important for designing educational content and interfaces that enhance memory retention.
A cognitive process that groups information into manageable units, making it easier to remember and process. Important for designing user interfaces that enhance usability and information retention.
A theory that suggests there is an optimal level of arousal for peak performance, and too much or too little arousal can negatively impact performance. Important for designing experiences that keep users engaged without overwhelming them.
A strategic framework that designs user experiences to guide behavior and decisions towards desired outcomes. Crucial for creating effective and ethical influence in digital interfaces.
The study of how people interact with their environment and products, aiming to improve comfort, efficiency, and safety. Crucial for designing user-friendly and safe products and workspaces.
The process of encoding sensory input that has particular meaning or can be applied to a context, enabling deeper processing and memory retention. Important for understanding how information is processed and stored, enhancing design of educational content.
Pre-set options in a system that are designed to benefit users by simplifying decisions and guiding them towards the best choices. Essential for improving user experience and ensuring that users make optimal decisions with minimal effort.
Ensuring that color choices in design are inclusive and usable by people with color vision deficiencies. Crucial for creating accessible and inclusive designs.
Small bits of text in user interfaces, such as instructions, labels, and error messages, that help guide users through interactions. Essential for enhancing user experience and providing clear guidance.