CEC Website Development & User Experience 4 — Questions and Answers
Question 1: What is the purpose of implementing a Content Delivery Network (CDN) for an ecommerce website?
- Serve static assets from servers geographically close to users to reduce latency (Correct answer)
- Manage product content updates across multiple store regions
- Automatically translate product descriptions for international markets
- Synchronize inventory databases across multiple warehouses
Correct answer: Serve static assets from servers geographically close to users to reduce latency
A CDN caches static files (images, CSS, JS) at edge nodes worldwide so users download assets from the nearest location, reducing load time.
Question 2: Which UX pattern helps users understand where they are within a deep product category hierarchy on an ecommerce site?
- Breadcrumb navigation (Correct answer)
- Sticky header navigation
- Infinite scroll pagination
- Faceted search filters
Correct answer: Breadcrumb navigation
Breadcrumbs display the user's current location path (e.g., Home > Electronics > Laptops > Gaming), aiding navigation and reducing disorientation.
Question 3: An ecommerce site experiences high bounce rates on its homepage. Which metric would best help diagnose whether slow load time is the primary cause?
- Time to Interactive (TTI) and Largest Contentful Paint (LCP) (Correct answer)
- Click-through rate from search results
- Average order value of returning customers
- Number of pages indexed by Google
Correct answer: Time to Interactive (TTI) and Largest Contentful Paint (LCP)
TTI and LCP directly measure perceived and actual load performance, helping diagnose whether speed is driving users to leave before engaging.
Question 4: What is progressive disclosure in ecommerce UX design?
- Revealing additional information or options only when the user needs them (Correct answer)
- Loading content incrementally as the user scrolls
- Showing product details progressively as images load
- Disclosing shipping costs only at the final checkout step
Correct answer: Revealing additional information or options only when the user needs them
Progressive disclosure reduces cognitive load by hiding advanced options or secondary information until users explicitly request them.
Question 5: Which ecommerce personalization technique uses collaborative filtering to recommend products?
- 'Customers who bought this also bought' recommendations based on purchase patterns (Correct answer)
- Showing recently viewed items to the same user
- Filtering catalog by the user's saved size preferences
- Displaying promoted products based on vendor bids
Correct answer: 'Customers who bought this also bought' recommendations based on purchase patterns
Collaborative filtering identifies patterns across many users' purchase histories to recommend items that similar customers also bought.
Question 6: What is the main advantage of using a single-page application (SPA) architecture for an ecommerce storefront?
- Faster page transitions after initial load due to client-side routing (Correct answer)
- Better SEO out of the box compared to traditional server-rendered pages
- Lower server infrastructure costs
- Simpler checkout flow implementation
Correct answer: Faster page transitions after initial load due to client-side routing
SPAs load once and then swap content client-side, making subsequent navigation feel instant, though initial load and SEO require extra attention.
Question 7: A product page has a Cumulative Layout Shift (CLS) score of 0.35. What is the most common cause of high CLS on ecommerce product pages?
- Images without defined width and height attributes causing layout reflow when they load (Correct answer)
- Too many JavaScript files loaded synchronously
- Product descriptions that are too long
- Missing CSS minification
Correct answer: Images without defined width and height attributes causing layout reflow when they load
When images lack explicit dimensions, browsers cannot reserve space, causing elements to shift as images load; Google considers CLS above 0.25 poor.
CEC Website Development & User Experience 4
What is the purpose of implementing a Content Delivery Network (CDN) for an ecommerce website?