834 cards
User Interface (UI) and User Experience (UX) are complementary disciplines that together determine how people interact with digital products. UI refers to the visual and interactive elements users directly engage with, including buttons, icons, typography, spacing, and color schemes. UX is the broader umbrella encompas...
Effective design begins with understanding how the human mind works. Cognitive load refers to the mental effort required to use a system, and good UX minimizes this load through clear design, familiar patterns, and progressive disclosure that reveals information only as needed. Recognition is easier than recall, so des...
Information architecture (IA) is the structural design of information environments, organizing and labeling content to support findability and usability. It encompasses navigation systems, categorization schemes, and search functionality. A strong IA rests on understanding user mental models, often surfaced through tec...
Color is one of the most powerful tools in design, communicating emotion, hierarchy, and brand personality. The 60-30-10 color rule creates balanced compositions by dedicating 60% of the design to a dominant color, 30% to a secondary color, and 10% to an accent color that draws attention to key elements. Color psycholo...
Interaction design shapes how users accomplish tasks, and well-designed patterns make complex actions feel natural. Affordances are visual cues that suggest how an element should be used: buttons look pressable, sliders look draggable, and clear affordances reduce guesswork. Feedback provides immediate response to user...
Accessibility (often abbreviated a11y) means designing products that can be used by people with disabilities, including visual, auditory, motor, and cognitive impairments. Inclusive design goes further, accounting for diverse users from the start rather than retrofitting accommodations. The Web Content Accessibility Gu...
User research grounds design decisions in evidence rather than assumption. Qualitative methods answer why and how questions through rich, small-sample techniques like interviews, contextual inquiry (observing users in their natural environment), diary studies (capturing longitudinal behavior), and think-aloud protocols...
Design systems are the connective tissue that keeps products consistent as teams scale. A design system is a collection of reusable components, guidelines, and standards covering UI components, patterns, and design principles. Atomic design offers a useful mental model, organizing systems into atoms (basic elements lik...