Ui UX Flashcards Practice Exam

Question 1 Ui UX Flashcards

What is Satisficing?

Auto-rotation should be stoppable, manual controls (arrows, dots), keyboard accessible, swipeable on touch, avoid for critical content (often ignored). Quick access to recently used files/pages/contacts. Time-based sorting, pin to keep in list, clear history. Reduces navigation effort. Load critical content first, enhance progressively. Text before images, above-fold before below. Perceived performance optimization. Users choose first adequate option rather than optimal one. Design should make best options easily findable and clearly better.

Question 2 Ui UX Flashcards

What is Eye Tracking?

Visual hints that content can be swiped (partial cards peeking, horizontal scrollbars, pagination dots) to communicate the interaction possibility. Introducing new users to product through tours, tooltips, progressive disclosure, or interactive tutorials. Should be skippable, contextual, and value-focused. Personalization: system adapts automatically based on data. Customization: users manually configure preferences. Both improve experience but different approaches. Recording where users look on screen. Validates visual hierarchy, identifies what gets attention/ignored. Expensive but provides objective gaze data.

Question 3 Ui UX Flashcards

What is the Tabs Component Detail?

Circular button, bottom-right, primary action. Material Design signature. Expands to reveal related actions. Mobile-first pattern. Users resist changes to familiar interfaces, even if objectively better. Negative reaction fades over time. Don't abandon good changes due to initial resistance. A fictional representation of a target user based on research, including demographics, goals, behaviors, and pain points. Used to guide design decisions. Content in labeled tabs. Horizontal or vertical tabs, underline or background for active, keyboard navigation, lazy-load tab content for performance.

Question 4 Ui UX Flashcards

What is Critical Rendering Path?

Icons: simple, symbolic, functional, small. Illustrations: complex, decorative, emotional, larger. Use icons for actions, illustrations for storytelling. Sequence of steps browser takes to render page. Optimizing this improves perceived performance: minimize CSS/JS blocking, prioritize above-fold content. Visual cues that suggest how an object should be used. Buttons look clickable, sliders look draggable. Clear affordances improve usability. Approximately 8% of men and 0.5% of women have color vision deficiency. Don't rely solely on color to convey information; use icons, patterns, or text labels.

Question 5 Ui UX Flashcards

What is the iOS Safe Area?

Click-triggered overlay containing more substantial content than tooltips. Should have clear close mechanism, keyboard accessible, not for critical flows. Slightly above mathematical center (optical center). Place key elements here for balanced composition. Especially important in hero sections. Keeping content within safe area on notched devices. Use env(safe-area-inset-*) CSS to respect device chrome (notch, home indicator). Auto-rotation should be stoppable, manual controls (arrows, dots), keyboard accessible, swipeable on touch, avoid for critical content (often ignored).

Question 6 Ui UX Flashcards

What is the Krug Principle "Don't Make Me Think"?

Interactive documentation. Adjust props, see component update live, view code, copy for use. Storybook pattern. Developer experience tool. Writing for speaking: shorter sentences, contractions, conversational tone, avoid complex words, confirmation for ambiguous commands. Select multiple items, perform action once. Checkboxes, "select all", action dropdown/bar. Essential for scaling user efficiency. Steve Krug's usability principle: good design is self-evident, self-explanatory, and obvious. Users shouldn't have to figure out how things work.

Question 7 Ui UX Flashcards

What is Cultural Constraint?

Approximately 8% of men and 0.5% of women have color vision deficiency. Don't rely solely on color to convey information; use icons, patterns, or text labels. Allowing purchase without account creation. Reduces friction but sacrifices long-term relationship. Best: offer both, explain account benefits, easy post-purchase account creation. Building design systems that work across platforms, brands, and products while maintaining consistency and flexibility. Convention-based expectations. Red = stop/danger, green = go/success. Violating cultural constraints confuses users globally.

Question 8 Ui UX Flashcards

What is Design System Governance?

Complete history of actions for security/compliance. Who, what, when, where, sometimes why. Admin feature for security-conscious orgs. Displaying product tiers/plans. Highlight recommended option, clear feature differences, prominent CTAs, address objections, show value not just features. Process for maintaining, evolving, and ensuring adoption of design systems. Includes contribution model, review process, versioning. Large initial letter starting paragraph, spanning multiple lines. Decorative element adding visual interest. Requires careful CSS for proper alignment.

Question 9 Ui UX Flashcards

What is the Gutenberg Diagram?

Monospace: fixed character width (code, tables). Proportional: variable width (body text). Proportional is more readable for long-form content. Third option making other options more attractive. Pricing: $10, $100, $90 makes $90 seem reasonable. Common in pricing tiers. Reading gravity: eyes start top-left (primary area), move to top-right (strong fallow), then bottom-left (weak fallow), end bottom-right (terminal area). The trajectory an element follows during animation. Natural motion follows arcs rather than straight lines, mimicking real-world physics.

Question 10 Ui UX Flashcards

What is Total Blocking Time (TBT)?

Sum of time when main thread is blocked from responding to input. Correlates with FID/INP. Target: under 200ms. Track changes over time, view previous versions, restore, compare versions. Essential for collaborative tools. Git for everything. Line length measured in characters. Optimal: 45-75 characters per line (66 is ideal). Too short: choppy. Too long: hard to track to next line. Cmd+K to switch between items. Search across projects/documents/views, recent items, keyboard navigation. Fast context switching.

Question 11 Ui UX Flashcards

What is Code Splitting?

Controls for navigating large datasets. Show total count, rows per page options, current page, quick jump to first/last. Soft delete with recovery period (30 days common). Prevents catastrophic mistakes, reduces support burden. Empty trash for permanent deletion. Breaking JavaScript into smaller chunks loaded on-demand. Reduces initial bundle size. Route-based and component-based splitting. Free signup → activation → habit formation → upgrade trigger → payment. Optimize each stage. Balance free value with upgrade incentive.

Question 12 Ui UX Flashcards

What is Long Description for Images?

Line length measured in characters. Optimal: 45-75 characters per line (66 is ideal). Too short: choppy. Too long: hard to track to next line. For complex images (charts, diagrams), alt text isn't enough. Provide full text alternative: adjacent text, aria-describedby, or longdesc (deprecated). Clickable text in a hyperlink. Descriptive anchor text (not "click here") improves accessibility, usability, and SEO. Balance keywords with natural language. User ability to delete account and data. GDPR requirement. Must be easy to exercise, thorough deletion, reasonable timeframe.

Question 13 Ui UX Flashcards

What is Color Contrast Checker Tools?

Spinner replacing button text, disabled during action, prevent double-submission. "Loading..." or spinner icon. Introducing features contextually as users encounter them rather than upfront tour. Reduces cognitive load and abandonment. Tools validating WCAG contrast requirements: WebAIM Contrast Checker, Stark, browser DevTools. Essential for ensuring accessible color combinations. Designer comfortable with entire design process from research through visual design and basic front-end implementation. Self-sufficient for smaller projects.

Question 14 Ui UX Flashcards

What is Kerning?

Legibility: how easily individual characters are distinguished. Readability: how easily text is read and understood. Both important; different concerns. Font sizes that adapt to screen size using relative units (rem, em) or viewport units (vw). Maintains readability across devices. Auto-rotation should be stoppable, manual controls (arrows, dots), keyboard accessible, swipeable on touch, avoid for critical content (often ignored). The adjustment of space between individual letter pairs to improve visual appeal and readability, especially in headings and logos.

Question 15 Ui UX Flashcards

What is the List View Component?

Ease of mental processing. Familiar patterns, clear language, good contrast increase fluency. Fluent experiences feel easier and better. Vertical list of items. Avatar, title, description, metadata, actions. Selectable, sortable, filterable. Alternative to grid for detailed items. Organizing research findings into themes. Write observations on notes, group similar items, identify patterns. Collaborative synthesis technique. Heatmap or table showing retention by cohort over time. Diagonal reading, color coding, identify trends across cohorts.

Question 16 Ui UX Flashcards

What is Smart Defaults?

Computer response time under 400ms keeps users engaged without interrupting flow. Faster than this feels instantaneous. Shows when more content is loading at bottom of infinite scroll. Prevents confusion about whether more content exists. Saving commonly-used filter combinations. Quick access to frequent queries, sharing views with team. Reduces repetitive filtering. Pre-filling form fields with intelligent guesses based on context or previous entries, reducing user effort while allowing easy changes.

Question 17 Ui UX Flashcards

What is Responsive Design?

Users resist changes to familiar interfaces, even if objectively better. Negative reaction fades over time. Don't abandon good changes due to initial resistance. Cmd+K to switch between items. Search across projects/documents/views, recent items, keyboard navigation. Fast context switching. Generate, name, revoke keys. Scope/permissions per key, usage monitoring, last used timestamp. Security + usability for developers. Design approach where layouts adapt to different screen sizes and devices, providing optimal viewing experience across desktop, tablet, and mobile.

Question 18 Ui UX Flashcards

What is the Soft Delete vs Hard Delete?

Soft: mark deleted, hide from view, recoverable. Hard: permanent removal. Trash/archive is soft delete with expiration. Content must be robust enough to work with current and future technologies, including assistive technologies. Writing for speaking: shorter sentences, contractions, conversational tone, avoid complex words, confirmation for ambiguous commands. Select multiple items, perform action once. Checkboxes, "select all", action dropdown/bar. Essential for scaling user efficiency.

Question 19 Ui UX Flashcards

What is Above the Fold?

Design trend combining skeuomorphism and flat design, using subtle shadows to create extruded or pressed elements. Has accessibility concerns with low contrast. Tiny inline chart showing trend without axes/labels. Quick visual context in tables, lists. Edward Tufte concept. "Word-sized graphics". The portion of a webpage visible without scrolling. Critical content and CTAs should be placed here for maximum visibility. Apple's built-in screen reader (macOS, iOS). Essential for accessibility testing on Apple platforms. Activate: Cmd+F5 (Mac), triple-click home (iOS).

Question 20 Ui UX Flashcards

What is Help Users Recognize, Diagnose, and Recover from Errors?

Keeping keyboard focus within component (modal, dropdown) until dismissed. Essential for modal accessibility. Users can't tab behind modal. Chronological list of events/updates. Show who did what when. Include relevant metadata, group related actions, allow filtering by type/user/date. Nielsen's #9 heuristic. Plain language error messages, explain problem, suggest solution, position near error source. Tiny inline chart showing trend without axes/labels. Quick visual context in tables, lists. Edward Tufte concept. "Word-sized graphics".

Question 21 Ui UX Flashcards

What is Accessibility Testing with Screen Readers?

Testing with tools like NVDA, JAWS, or VoiceOver to ensure content is properly announced and navigable for blind or visually impaired users. Requiring confirmation before irreversible actions (delete, purchase). Should explain consequences and be hard to dismiss accidentally. Testing whether users' first click on a task is in the right direction. Strong predictor of task success. Clickable text in a hyperlink. Descriptive anchor text (not "click here") improves accessibility, usability, and SEO. Balance keywords with natural language.

Question 22 Ui UX Flashcards

What is the Checkbox Group Best Practice?

Centralized collection, voting, roadmap visibility, communication when shipped. Shows customer-centricity, informs priorities. ProductBoard, Canny. Independent selections. Can select none, some, or all. Parent checkbox for select all with indeterminate state when partial. Visual stability metric measuring unexpected layout shifts. Core Web Vital. Target: under 0.1. Reserve space for images/ads to prevent shifts. Can only hold ~4 chunks simultaneously (revised from 7±2). Minimize simultaneous demands, chunk information, use progressive disclosure.

Question 23 Ui UX Flashcards

What is Aria-Live Regions?

Notify specific users. Autocomplete user list, notification to mentioned user, clear visually. Focuses attention effectively. Visual hints that content can be swiped (partial cards peeking, horizontal scrollbars, pagination dots) to communicate the interaction possibility. Announces dynamic content changes to screen readers. assertive: interrupts immediately. polite: waits for pause. off: no announcement. Designer comfortable with entire design process from research through visual design and basic front-end implementation. Self-sufficient for smaller projects.

Question 24 Ui UX Flashcards

What is the Abandoned Cart Recovery?

Vertical list of items. Avatar, title, description, metadata, actions. Selectable, sortable, filterable. Alternative to grid for detailed items. Minimalist design style emphasizing simplicity, using flat colors, simple shapes, and avoiding gradients, shadows, or 3D effects. Re-engaging users who left items in cart. Email reminders, saving cart across sessions, incentives (sometimes), addressing common objections. Requesting email/contact access then spamming contacts. Damages trust and relationships. Never spam without explicit, informed consent.

Question 25 Ui UX Flashcards

What is Participatory Design?

Web app with native-like features: offline functionality, push notifications, home screen installation, app-like navigation. / to trigger command menu. Filter commands as typing, keyboard selection, context-aware commands. Notion, Slack popularized. Power user feature. CSS feature allowing components to respond to their container size rather than viewport. Better for truly reusable responsive components. Users as co-designers, actively involved in design decisions. Workshops, co-creation sessions. Ensures designs meet real needs.

Question 26 Ui UX Flashcards

What is Symmetrical vs Asymmetrical Layout?

Symmetrical: mirrored balance, formal, stable. Asymmetrical: visual weight balance without mirroring, dynamic, modern. Both can be balanced. A 5-day process for solving critical business questions through design, prototyping, and testing. Created by Google Ventures (GV). Days: Map, Sketch, Decide, Prototype, Test. Google's design system combining flat design principles with subtle shadows, animations, and depth to create tactile, realistic interfaces while remaining minimal. Re-engaging users who left items in cart. Email reminders, saving cart across sessions, incentives (sometimes), addressing common objections.

Question 27 Ui UX Flashcards

What is Vertical Rhythm?

Maintaining consistent spacing between vertical elements using baseline grid. Creates harmony and readability. All spacing multiples of base line-height. Clickable text in a hyperlink. Descriptive anchor text (not "click here") improves accessibility, usability, and SEO. Balance keywords with natural language. Cmd+K to switch between items. Search across projects/documents/views, recent items, keyboard navigation. Fast context switching. Third option making other options more attractive. Pricing: $10, $100, $90 makes $90 seem reasonable. Common in pricing tiers.

Question 28 Ui UX Flashcards

What is Flexibility and Efficiency of Use?

Independent selections. Can select none, some, or all. Parent checkbox for select all with indeterminate state when partial. Navigation showing hierarchy. Home > Category > Subcategory > Current. Clickable ancestors, structured data for SEO, truncation for long paths. Writing CSS in JavaScript files, scoped to components. Enables dynamic styles and prevents global conflicts. Libraries: Styled Components, Emotion. Nielsen's #7 heuristic. Accelerators for experts (keyboard shortcuts, macros), customization, but still usable for novices. Serve both audiences.

Question 29 Ui UX Flashcards

What is the Sortable Table Columns?

California privacy law giving users rights over personal data. Must provide opt-out, data deletion, disclosure of data collection/sharing. Click header to sort by that column. Visual indicator of sort direction (arrow), multi-column sort for advanced users, default sort. Design should behave in a way users expect based on their experience. Unexpected behavior increases cognitive load and frustration. Re-engaging users who left items in cart. Email reminders, saving cart across sessions, incentives (sometimes), addressing common objections.

Question 30 Ui UX Flashcards

What is Inclusive Design?

Designing for diverse users with varying abilities, contexts, and situations from the start, not as afterthought. Broader than accessibility. How long it takes users to complete a task. Shorter times indicate better efficiency for routine tasks. Displaying multiple product images. Thumbnail navigation, zoom, 360° view, video, different angles/colors. Essential for e-commerce confidence. Soft delete with recovery period (30 days common). Prevents catastrophic mistakes, reduces support burden. Empty trash for permanent deletion.

Question 31 Ui UX Flashcards

What is Error Prevention?

Select multiple items, perform action once. Checkboxes, "select all", action dropdown/bar. Essential for scaling user efficiency. Design should behave in a way users expect based on their experience. Unexpected behavior increases cognitive load and frustration. Nielsen's #5 heuristic. Better than good error messages. Constraints, confirmations for dangerous actions, helpful defaults, inline validation. iOS-specific modal with action list. Appears from bottom, presents choices, cancel option. Standard iOS pattern for multiple options.

Question 32 Ui UX Flashcards

What is Progressive Reduction?

One selected always (can't unselect all). Vertical stack preferred for scannability, clear labels, logical order. Use for 2-7 options. UI adapting to user expertise. Initially shows explanations and guidance. As users become proficient, UI simplifies. Balances onboarding and efficiency. Re-engaging users who left items in cart. Email reminders, saving cart across sessions, incentives (sometimes), addressing common objections. Missing second target if it appears shortly after first. Don't present critical info immediately after another critical element. Space them out.

Question 33 Ui UX Flashcards

What is the Row Selection in Tables?

Slightly above mathematical center (optical center). Place key elements here for balanced composition. Especially important in hero sections. Checkbox per row, shift-click range select, select all, bulk actions on selected. Show selection count, clear selection. Warning before hitting hard limit. "80% of quota used". Gives time to upgrade or optimize. Better than sudden cutoff. The design shown when no content exists yet (empty inbox, no search results). Should provide guidance, explain why it's empty, and offer clear next steps.

Question 34 Ui UX Flashcards

What is the F-Shaped Pattern for Reading?

Designing for multiple platforms (iOS, Android, Web, Desktop) while respecting platform conventions and maintaining brand consistency. Users read in F-pattern: horizontal at top, second horizontal lower, vertical down left. Place key info along F-path or break pattern with design. Soft delete with recovery period (30 days common). Prevents catastrophic mistakes, reduces support burden. Empty trash for permanent deletion. Visual cues that suggest how an object should be used. Buttons look clickable, sliders look draggable. Clear affordances improve usability.

Question 35 Ui UX Flashcards

What is Voice UI (VUI)?

Interface controlled by voice commands. Requires different design: conversational, confirmations for critical actions, error recovery, multimodal feedback. A three-line icon that reveals a navigation menu when clicked, commonly used in mobile designs to save space. Should be used thoughtfully as it hides navigation. A 5-day process for solving critical business questions through design, prototyping, and testing. Created by Google Ventures (GV). Days: Map, Sketch, Decide, Prototype, Test. Dividing design into 3x3 grid, placing important elements at intersections. Creates balanced, visually interesting compositions.

Question 36 Ui UX Flashcards

What is Icon vs Illustration?

Conversion funnel stages with drop-off rates. Narrowing bars, percentage conversions, absolute numbers, identify bottlenecks. Gestalt principle: distinguishing foreground from background. Ensure sufficient contrast between content and background for clarity. Icons: simple, symbolic, functional, small. Illustrations: complex, decorative, emotional, larger. Use icons for actions, illustrations for storytelling. The design shown when no content exists yet (empty inbox, no search results). Should provide guidance, explain why it's empty, and offer clear next steps.

Question 37 Ui UX Flashcards

What is the Bulk Actions Pattern?

Select multiple items, perform action once. Checkboxes, "select all", action dropdown/bar. Essential for scaling user efficiency. Recording where users look on screen. Validates visual hierarchy, identifies what gets attention/ignored. Expensive but provides objective gaze data. Testing whether users' first click on a task is in the right direction. Strong predictor of task success. Indicates selected item in tabs, lists, grids. aria-selected="true" or "false". Only one selected item in single-select, multiple in multi-select.

Question 38 Ui UX Flashcards

What is Content Audit?

Select multiple items, perform action once. Checkboxes, "select all", action dropdown/bar. Essential for scaling user efficiency. Filter rows by column values. Filter inputs in header row, multiple simultaneous filters, clear filters option, show result count. Systematic review of existing content evaluating quality, accuracy, performance, and alignment with goals. Identifies what to keep/update/remove. Writing for speaking: shorter sentences, contractions, conversational tone, avoid complex words, confirmation for ambiguous commands.

Question 39 Ui UX Flashcards

What is Cross-Platform Design?

Side-by-side feature comparison. Highlight differences, allow filtering attributes, sticky headers, responsive strategy (prioritize key features on mobile). Elements creating new layering context for their descendants. Created by position + z-index, opacity, transforms, etc. Understand to avoid z-index bugs. Systematic process of increasing percentage of users who complete desired actions through testing, analysis, and iteration. Designing for multiple platforms (iOS, Android, Web, Desktop) while respecting platform conventions and maintaining brand consistency.

Question 40 Ui UX Flashcards

What is Session Recording?

Recording design decisions, patterns, components, and guidelines. Essential for consistency, onboarding, and scaling design systems. Designing for mobile devices first, then progressively enhancing for larger screens. Ensures core functionality works on constrained devices. Replay of actual user sessions showing mouse movements, clicks, and scrolling. Reveals usability issues and user behavior patterns. Managing permissions by role. Admin, editor, viewer tiers. Clear capability differences, easy role assignment, principle of least privilege.

Question 41 Ui UX Flashcards

What is Enter vs Space for Activation?

Navigation showing hierarchy. Home > Category > Subcategory > Current. Clickable ancestors, structured data for SEO, truncation for long paths. Combined characters for better visual appearance: fi, fl, ff. Enabled in quality web fonts. Use font-feature-settings or font-variant-ligatures CSS. Multiple edits to same data. Show both versions, choose or merge, preview result. Last-write-wins often unsatisfying. Buttons: both activate. Links: only Enter. Checkboxes: only Space. Native elements handle this; custom components must replicate.

Question 42 Ui UX Flashcards

What is the Net Promoter Score (NPS)?

Testing more than two variants simultaneously (A/B/C/D...). More efficient than sequential A/B tests but requires more traffic for significance. Measures likelihood of users recommending your product (0-10 scale). Promoters (9-10), Passives (7-8), Detractors (0-6). NPS = %Promoters - %Detractors. Product itself drives acquisition, activation, retention. Self-serve signup, viral features, value before paywall. Minimal sales involvement. Line charts for trends over time, bar charts for comparisons, pie charts for parts of whole (max 5-7 slices), scatter plots for correlations.

Question 43 Ui UX Flashcards

What is the Autocomplete Component?

Users seek information confirming existing beliefs. Present balanced information and make alternative perspectives accessible. The uniform adjustment of space between all letters in a word or text block. Proper tracking improves readability, especially at small or large sizes. The myth that users should reach any content within three clicks. Research shows number of clicks matters less than clarity and ease of each step. Input with suggestions as you type. Debounce requests, highlight matching text, keyboard selection, loading state. Reduces typing, guides input.

Question 44 Ui UX Flashcards

What is the Figure-Ground Relationship?

Adding items to cart without clear consent. Pre-checked add-ons, bundled items. Frustrating. Require explicit opt-in for additional items. Optimized for presenting/sharing screen. Hide personal info, larger text/UI, full screen, simplified controls. Screen sharing consideration. Page title in search results and browser tab. 50-60 characters optimal. Include primary keyword, be descriptive and compelling. Interplay between subject (figure) and background (ground). Create clear distinction. Can be reversed for visual interest. Essential for usability.

Question 45 Ui UX Flashcards

What is First Input Delay (FID)?

Height of lowercase x. Fonts with larger x-heights are more readable at small sizes. Affects perceived size even with same point size. Time from first interaction to browser response. Core Web Vital measuring interactivity. Target: under 100ms. Exceeding expectations through pleasant surprises, personality, or clever details. Builds emotional connection but should never compromise usability. Designing for multiple platforms (iOS, Android, Web, Desktop) while respecting platform conventions and maintaining brand consistency.

Question 46 Ui UX Flashcards

What is Icon Best Practice?

Immediate response to user actions (button press, loading states, error messages) that confirms the system received input and shows what's happening. Nielsen's #10 heuristic. Better if unneeded, but provide when necessary. Searchable, task-focused, concrete steps, not too lengthy. Users seek information confirming existing beliefs. Present balanced information and make alternative perspectives accessible. Clear metaphors, consistent style, appropriate detail for size, recognizable shapes, proper labeling (especially unfamiliar icons), adequate touch target.

Question 47 Ui UX Flashcards

What is the Component Playground?

Interactive documentation. Adjust props, see component update live, view code, copy for use. Storybook pattern. Developer experience tool. Design process focused on users and their needs at every stage. Involves users throughout: research, design, testing, iteration. Empty states as onboarding chance. Instead of "No data", show what will appear and guide first action. Illustrations, CTAs, quick wins. Combining two fonts harmoniously. Common strategy: contrasting serif + sans-serif. Ensure enough difference to be distinct but compatible personality.

Question 48 Ui UX Flashcards

What is Placeholder Text?

Content in labeled tabs. Horizontal or vertical tabs, underline or background for active, keyboard navigation, lazy-load tab content for performance. Legibility: how easily individual characters are distinguished. Readability: how easily text is read and understood. Both important; different concerns. Right-click context menu, three-dot menu, long-press on mobile. Context-specific actions, common actions accessible quickly. Hint text inside input field showing expected format. Should NOT replace labels. Disappears when user types, creating usability issues.

Question 49 Ui UX Flashcards

What is Reflow vs Repaint?

Users form first impression in 3 seconds. Ensure immediate clarity: what is this, what can I do, why should I care. First impression critical. Dividing design into 3x3 grid, placing important elements at intersections. Creates balanced, visually interesting compositions. Visual color selection. Swatch presets, hex/RGB input, eyedropper, opacity, save custom colors. Accessibility requires text input alternative. Reflow: recalculating layout (expensive). Repaint: redrawing visual changes (cheaper). Minimize reflows for better performance. Batch DOM changes.

Question 50 Ui UX Flashcards

What is the Quick Actions Menu?

Right-click context menu, three-dot menu, long-press on mobile. Context-specific actions, common actions accessible quickly. Slightly above mathematical center (optical center). Place key elements here for balanced composition. Especially important in hero sections. Process of transferring designs to developers. Includes specs (spacing, colors, fonts), assets (icons, images), interaction notes, component states. Complete history of actions for security/compliance. Who, what, when, where, sometimes why. Admin feature for security-conscious orgs.