Website Design UI/UX Design Principles 1 — Questions and Answers
Question 1: What does UX stand for in web design?
- Universal Xhtml
- User Experience (Correct answer)
- Unified Extension
- User Execution
Correct answer: User Experience
UX stands for User Experience, encompassing all aspects of the user's interaction with a product or website.
Question 2: What is the 'F-pattern' in web design?
- A CSS layout framework
- A visual reading pattern where users scan in an F-shape (Correct answer)
- A font sizing technique
- A form validation method
Correct answer: A visual reading pattern where users scan in an F-shape
The F-pattern describes how users typically scan web pages in an F-shape: horizontally across the top, then down the left side.
Question 3: What is a 'call to action' (CTA) in web design?
- A JavaScript event listener
- An element that prompts users to take a specific action (Correct answer)
- A CSS animation trigger
- A server-side form handler
Correct answer: An element that prompts users to take a specific action
A call to action is a design element (usually a button or link) that prompts users to take a specific desired action.
Question 4: What is 'Fitts's Law' as applied to web design?
- The rule that text must fit within its container
- A principle stating that targets should be large and close to reduce interaction time (Correct answer)
- A guideline for responsive breakpoints
- A formula for calculating page load time
Correct answer: A principle stating that targets should be large and close to reduce interaction time
Fitts's Law states that the time to reach a target depends on its size and distance — larger, closer targets are easier to click.
Question 5: What does a wireframe represent in the web design process?
- The final visual design with colors and images
- A low-fidelity structural blueprint of a web page layout (Correct answer)
- A JavaScript prototype of site functionality
- A CSS grid template
Correct answer: A low-fidelity structural blueprint of a web page layout
A wireframe is a low-fidelity layout blueprint showing the structure and placement of page elements without visual styling.
Question 6: What is the purpose of whitespace (negative space) in web design?
- To save bandwidth by reducing content
- To improve readability, focus, and visual breathing room (Correct answer)
- To fill unused screen space
- To separate header from footer
Correct answer: To improve readability, focus, and visual breathing room
Whitespace improves readability, creates visual hierarchy, and gives elements breathing room for a cleaner, more focused design.
Website Design UI/UX Design Principles 1
What does UX stand for in web design?