Mobile Marketing Mobile-Optimized Web Presence 3 — Questions and Answers
Question 1: What is Accelerated Mobile Pages (AMP) primarily designed to achieve?
- Enable native app features in the browser
- Deliver near-instant loading for mobile web content (Correct answer)
- Encrypt mobile transactions end-to-end
- Serve personalized ads faster
Correct answer: Deliver near-instant loading for mobile web content
AMP is an open-source framework that strips down HTML/JS to deliver extremely fast-loading web pages primarily for mobile users.
Question 2: On a mobile checkout form, autofill attributes like autocomplete='email' are important because they:
- Prevent spam bots from submitting forms
- Reduce typing effort and friction for users (Correct answer)
- Improve form validation accuracy
- Encrypt data before it is sent
Correct answer: Reduce typing effort and friction for users
Autocomplete attributes allow browsers to automatically fill in saved user data, reducing typing on small keyboards and speeding up checkout.
Question 3: A brand's mobile site loads correctly in portrait mode but breaks in landscape mode. This is a failure of which design principle?
- Progressive enhancement
- Cross-orientation responsiveness (Correct answer)
- Semantic HTML structure
- Content-first design
Correct answer: Cross-orientation responsiveness
A truly responsive design must adapt to both portrait and landscape orientations, adjusting layout fluidly as device orientation changes.
Question 4: Which CSS unit is most appropriate for setting font sizes on mobile to ensure text scales with user accessibility settings?
- px (pixels)
- pt (points)
- rem (root em) (Correct answer)
- vw (viewport width)
Correct answer: rem (root em)
rem units scale relative to the root font size, respecting user browser settings for accessibility, unlike fixed px units which ignore user preferences.
Question 5: What is the primary purpose of a 'click-to-call' button on a mobile website?
- To open a live chat window
- To initiate a phone call directly from the browser with one tap (Correct answer)
- To schedule a callback appointment
- To display the business phone number prominently
Correct answer: To initiate a phone call directly from the browser with one tap
A click-to-call button uses the tel: URI scheme so tapping it immediately launches the phone's dialer with the number pre-filled.
Question 6: Which metric measures the time from when a user first interacts with a page (e.g., taps a button) to when the browser responds to that interaction?
- First Contentful Paint (FCP)
- Time to First Byte (TTFB)
- Interaction to Next Paint (INP) (Correct answer)
- Cumulative Layout Shift (CLS)
Correct answer: Interaction to Next Paint (INP)
INP (Interaction to Next Paint) measures the responsiveness of a page by tracking the delay between user interactions and the browser's visual response.
Question 7: Why should mobile forms avoid using placeholder text as a replacement for field labels?
- Placeholders increase page load time
- Placeholder text disappears when the user starts typing, causing confusion (Correct answer)
- Search engines cannot index placeholder content
- Placeholders are not supported on Android devices
Correct answer: Placeholder text disappears when the user starts typing, causing confusion
Once a user begins typing, the placeholder disappears, leaving them unable to recall what the field requires without clearing their input.
Mobile Marketing Mobile-Optimized Web Presence 3
What is Accelerated Mobile Pages (AMP) primarily designed to achieve?