Website Design Website Design MCQ 5 — Questions and Answers
Question 1: What is lazy loading in web design?
- Deferring the loading of non-critical resources until they are needed (Correct answer)
- Preloading all page resources before rendering
- A technique to reduce server-side processing
- Caching static assets in the browser
Correct answer: Deferring the loading of non-critical resources until they are needed
Lazy loading delays the loading of images or other resources until they enter or approach the viewport, improving initial page load performance.
Question 2: Which design concept refers to guiding the viewer's eye through a composition in a deliberate sequence?
- Visual hierarchy (Correct answer)
- Color theory
- White space
- Proximity
Correct answer: Visual hierarchy
Visual hierarchy uses size, color, contrast, and placement to prioritize and sequence information, directing how users process content.
Question 3: What is the purpose of a 404 error page in good web design?
- To inform users a page isn't found and guide them back to useful content (Correct answer)
- To display server error logs for debugging
- To automatically redirect to the homepage
- To show the website's maintenance schedule
Correct answer: To inform users a page isn't found and guide them back to useful content
A well-designed 404 page acknowledges the error, maintains brand consistency, and provides navigation options to keep users engaged.
Question 4: In typography, what is the difference between a serif and a sans-serif font?
- Serif fonts have small decorative strokes at the ends of letterforms; sans-serif fonts do not (Correct answer)
- Serif fonts are digital only; sans-serif are for print
- Serif fonts are always bold; sans-serif are always light
- Serif fonts use only uppercase letters
Correct answer: Serif fonts have small decorative strokes at the ends of letterforms; sans-serif fonts do not
Serifs are the small finishing strokes at the ends of letterforms; sans-serif fonts omit these decorative elements for a cleaner look.
Question 5: What is a modal window in web design?
- A dialog box that appears on top of the main content and requires user interaction before returning (Correct answer)
- A permanent sidebar navigation panel
- A loading spinner overlay
- A sticky header element
Correct answer: A dialog box that appears on top of the main content and requires user interaction before returning
A modal is an overlay dialog that disables interaction with the background content until the user dismisses it, focusing attention on a specific task.
Question 6: Which CSS media query targets devices with a maximum width of 768 pixels?
- @media (max-width: 768px) (Correct answer)
- @media (min-width: 768px)
- @media screen and (width: 768px)
- @media (device: mobile)
Correct answer: @media (max-width: 768px)
The max-width media query applies styles when the viewport is 768px or narrower, commonly used to target tablets and smartphones.
Question 7: What does UX stand for in web design?
- User Experience (Correct answer)
- Universal eXchange
- Unified eXecution
- User eXternals
Correct answer: User Experience
UX (User Experience) encompasses all aspects of a user's interaction with a product, including usability, accessibility, and overall satisfaction.
Website Design Website Design MCQ 5
What is lazy loading in web design?