What does Fitts's Law mathematically state regarding user interaction with UI elements?

The time to make a decision increases logarithmically with the number of options.

Users spend most of their time on other websites.

People remember uncompleted tasks better than completed ones.

The time required to move to and acquire a target is a function of the distance to the target and the target's width ($T = a + b \log_2(2D / W)$).

How does the Hick-Hyman Law guide navigation menu design?

Menus should always contain at least 25 items on the top bar.

Navigation menus must always be hidden inside a hamburger drawer.

The time it takes to make a decision increases logarithmically with the number and complexity of choices; menus should minimize options and categorize items.

Menu options must be sorted by word length.

What is Miller's Law regarding human working memory capacity?

Users will only scroll through 7 pages of a website.

The average person can hold approximately 7 ± 2 chunks of information in working memory at any one time.

A web page must load within 7 seconds.

A design system should use exactly 7 colors.

What is Jakob's Law of Internet User Experience?

Users spend most of their time on other websites, meaning they prefer your site to work the same way as all the other sites they already know.

Every website must feature an identical color scheme.

Web designers must not innovate new visual layouts.

All websites must use JavaScript frameworks.

What is the Doherty Threshold in user interface responsiveness?

Users abandon websites if they do not find what they need within 400 seconds.

Animations must always last at least 4 seconds.

Websites must be designed for users with 400dpi monitors.

Productivity soars when computer response times fall below 400 milliseconds, keeping user attention within the active feedback loop.

How does the Zeigarnik Effect motivate completion in multi-step onboarding or checkout forms?

Users forget uncompleted tasks immediately upon navigating away.

Users prefer checkout forms that take 30 minutes to complete.

People remember uncompleted or interrupted tasks better than completed ones; showing a progress bar with 1 completed step induces motivation to finish.

People only remember the very last question on a form.

What does the Peak-End Rule demonstrate about how users remember their experience with a website?

Users only remember the first 5 seconds of visiting a homepage.

People judge an overall experience predominantly based on how they felt at its most intense point (the peak) and at its conclusion (the end), rather than the average.

Users remember every single mouse movement with photographic accuracy.

The beginning of an experience is the only part that impacts brand loyalty.

What is the Serial Position Effect in list and navigation design?

Users recall the first items (Primacy effect) and the last items (Recency effect) in a sequence best, while middle items are recalled least.

Users read lists in reverse alphabetical order.

Items in a list must always be numbered sequentially from 1 to 100.

Lists should place the most important item in the exact center.

What is the Von Restorff Effect (Isolation Effect)?

Users prefer websites with no visual styling.

All buttons on a page should look completely identical.

Text should always be isolated in the center of the screen.

When multiple similar objects are present, the one that differs visually from the rest (via contrast, color, or shape) is most likely to be noticed and remembered.

What is the Aesthetic-Usability Effect?

Ugly designs are always faster to code.

Users perceive visually attractive, polished designs as more usable and are significantly more tolerant of minor usability shortcomings.

Visual aesthetics have zero impact on user trust or conversion rates.

Users immediately abandon websites that have high-quality photography.

Web Development / EASY

Web Design Principles & UI/UX Architecture Test: 100 Questions

Validate your UI/UX and web design knowledge with 100 questions covering visual hierarchy, design systems, responsive typography, and cognitive ergonomics.

100Questions

90mDuration

+1Marks / Q

NoneNegative Marks

Web Design Principles & UI/UX Architecture Comprehensive Exam

Validate your mastery of user interface design, visual hierarchy, user experience architecture, and design systems with this 100-question web design principles practice exam. Tailored for product designers, frontend developers, UI/UX specialists, and design engineers, this assessment tests foundational design theory, usability heuristics, cognitive psychology, and responsive layout systems.

Core Design Principles & UX Topics Evaluated

The questions test practical design thinking, layout aesthetics, and usability standards:

Visual Hierarchy & Composition: The Gestalt principles of visual perception (Proximity, Similarity, Continuity, Closure, Figure-Ground); directing user focus through scale, contrast, color weight, and whitespace; and scanning patterns (F-pattern for text-heavy content, Z-pattern for landing pages).
Typography & Readability: Typeface classification (Serif, Sans-serif, Monospace, Display); typographic hierarchy (font sizes, weights, line heights, letter spacing/tracking); optimal line length (50-75 characters per line for readable prose); vertical rhythm and baseline grids; and modular type scaling.
Color Theory & Accessibility: The 60-30-10 color harmony rule (dominant background, secondary structure, accent call-to-action); color psychology in digital interfaces; color wheel harmonies (analogous, complementary, triadic, monochromatic); and designing for color-blind users with non-color indicators and WCAG contrast compliance.
Design Systems & Token Architecture: Atomic Design methodology (Atoms, Molecules, Organisms, Templates, Pages); design tokens (color tokens, spacing scales based on 4px/8px grids, typography tokens, elevation/shadow levels); component reusability; and design-to-code consistency with Figma and CSS variables.
Usability Heuristics & Cognitive Laws: Jakob Nielsen's 10 Usability Heuristics (Visibility of system status, Match between system and the real world, User control and freedom, Consistency and standards, Error prevention, Recognition rather than recall, Flexibility of use, Aesthetic design, Error recovery, Help and documentation); Fitts's Law (target size and acquisition distance); Hick's Law (decision time based on choices); and Miller's Law (chunking information).
Responsive & Adaptive Layout Design: Fluid grids, responsive breakpoints, content reflow, mobile navigation patterns (hamburger menus, bottom navigation bars, tabs), and touch target ergonomics (minimum 44x44 CSS pixels for interactive controls).

Practical UI/UX Case Studies

Questions present real design reviews: auditing confusing checkout flows to reduce cart abandonment, refactoring cluttered dashboard tables for cognitive clarity, and restructuring complex forms to reduce cognitive load.

Assessment Specifications

Standardized testing rules & scoring benchmarks

Questions 100 multiple-choice questions.

Pass Threshold 70% passing grade.

Explanations Comprehensive design theory rationales and UX best practice citations for every answer choice.

Keep Practicing

Related Quizzes & Challenges

Strengthen your understanding with more interactive technical tests in this domain.

Showing 4 of 8 related tests

SEO & Speed•100 Qs

Website Speed & Frontend Optimization Challenge: 100 Performance Questions

Challenge your web performance expertise with 100 questions covering CDN caching, critical rendering path, code splitting, lazy loading, and asset minification.

90m

Take Quiz

Cybersecurity•100 Qs

Web Security Headers Quiz: 100 CSP, HSTS, CORS & Cookie Questions

Validate your browser security knowledge with 100 practice questions on Content Security Policy (CSP), HSTS, X-Frame-Options, CORS, and cookie prefixes.

90m•1

Take Quiz

Cybersecurity•100 Qs

Web Security & HTTP Headers Implementation Quiz: 100 Technical Questions

Test your web security deployment skills with 100 practice questions on Nginx and Apache header directives, TLS ciphers, SRI, and browser policies.

90m

Take Quiz

Linux & Systems•100 Qs

Ubuntu Server Administration Quiz: 100 Practical Questions with Answers

Validate your Ubuntu Server skills with 100 practice questions covering apt package management, netplan networking, systemd, storage, and snap packages.

90m

Take Quiz

Web Design Principles & UI/UX Architecture Comprehensive Exam

Core Design Principles & UX Topics Evaluated

Practical UI/UX Case Studies

Assessment Specifications

Related Quizzes & Challenges

Website Speed & Frontend Optimization Challenge: 100 Performance Questions

Web Security Headers Quiz: 100 CSP, HSTS, CORS & Cookie Questions

Web Security & HTTP Headers Implementation Quiz: 100 Technical Questions

Ubuntu Server Administration Quiz: 100 Practical Questions with Answers

Supercharge Your Linux & Cloud Workloads with Hostinger