CEC Website Development & User Experience 3 — Questions and Answers
Question 1: What does the term 'above the fold' mean in the context of ecommerce UX design?
- Content visible without scrolling on initial page load (Correct answer)
- Content placed in the website header section
- Product information displayed before pricing
- Navigation elements at the top of the page
Correct answer: Content visible without scrolling on initial page load
Above the fold refers to the portion of a webpage visible in the browser viewport before the user scrolls, critical for first impressions.
Question 2: Which Core Web Vital metric specifically measures the time until the largest visible content element renders on screen?
- Largest Contentful Paint (LCP) (Correct answer)
- Cumulative Layout Shift (CLS)
- First Input Delay (FID)
- Time to First Byte (TTFB)
Correct answer: Largest Contentful Paint (LCP)
LCP measures loading performance; Google recommends LCP occur within 2.5 seconds of page load for a good user experience.
Question 3: A user testing session reveals that shoppers consistently miss the 'Add to Cart' button on a product page. What is the most likely UX fix?
- Increase button size, contrast, and place it prominently near the price (Correct answer)
- Add an animated tooltip that appears on page load
- Move the button to the website header
- Reduce surrounding white space to make the button more visible by proximity
Correct answer: Increase button size, contrast, and place it prominently near the price
Primary CTA buttons should have high color contrast, adequate size (at least 44×44px), and be placed near the decision-making content.
Question 4: What is A/B testing in the context of ecommerce website optimization?
- Showing two design variants to different user segments and comparing conversion rates (Correct answer)
- Testing a website on two different browsers simultaneously
- Comparing mobile and desktop performance metrics
- Running QA tests before and after a site deployment
Correct answer: Showing two design variants to different user segments and comparing conversion rates
A/B testing splits traffic between two variants to determine which design, copy, or layout change produces better conversion outcomes.
Question 5: Which navigation pattern is most effective for ecommerce sites with more than 7 top-level product categories?
- Mega menu with organized subcategories (Correct answer)
- Simple horizontal nav bar listing all categories
- Footer-only navigation
- Sidebar accordion navigation on all pages
Correct answer: Mega menu with organized subcategories
Mega menus allow users to see and jump directly to subcategories without multiple clicks, reducing navigation depth.
Question 6: What is the purpose of implementing structured data markup (Schema.org Product schema) on ecommerce product pages?
- Enable rich snippets in search results showing price, rating, and availability (Correct answer)
- Speed up server-side rendering of product data
- Automatically sync inventory with Google Shopping
- Improve JavaScript load order for product scripts
Correct answer: Enable rich snippets in search results showing price, rating, and availability
Product schema enables Google to display enhanced search result snippets with pricing, reviews, and stock status, improving click-through rates.
Question 7: A mobile ecommerce user struggles to tap small filter chips on a product listing page. Which design principle is being violated?
- Fitts's Law — interactive targets must be large enough for reliable touch input (Correct answer)
- Hick's Law — too many choices slow decision making
- Jakob's Law — users expect familiar patterns
- Miller's Law — working memory limits to 7 items
Correct answer: Fitts's Law — interactive targets must be large enough for reliable touch input
Fitts's Law states that target acquisition time depends on target size; mobile touch targets should be at least 44×44px per Apple HIG and Google Material Design guidelines.
CEC Website Development & User Experience 3
What does the term 'above the fold' mean in the context of ecommerce UX design?