Mobile Quiz Design: Lessons From Seventy Percent Mobile Traffic
Seventy percent of my users take quizzes on phones. I designed for desktop and wondered why completion rates were low. Here is what I fixed for mobile. When I launched my quiz platform, I designed it on a desktop and tested it on a desktop. The interface looked great on my twenty-seven-inch monitor. Then I checked my analytics and found that seventy percent of my users were on mobile devices. My completion rates on mobile were twenty percentage points lower than on desktop. The problem was not the content. It was the design. I spent three months rebuilding the mobile experience, and mobile completion rates caught up to and then exceeded desktop. Here is what I fixed. Touch Targets Must Be Generous The first problem was touch target size. My answer options were designed for mouse precision, with small clickable areas that required careful aim. On mobile, users were mis-tapping constantly. They would intend to select one answer and accidentally select an adjacent one. I increased the touch target for every interactive element to at least forty-four by forty-four pixels, which is the minimum recommended by both Apple and Google design guidelines. Larger touch targets meant fewer options per screen. More guides are on the Quiz Hub Blog.