We knew Moodap would be primarily mobile. The use case screams it — you’re out, you’re on your phone, you need a recommendation. Nobody opens their laptop at a bar.
But we didn’t expect 80%.
Over 80% of our traffic comes from mobile devices. Mostly iPhones, some Android. Desktop is an afterthought. Tablet barely registers.
This fundamentally changed how we design:
Thumb zones are king. The primary interaction area on a phone is the bottom two-thirds of the screen — where your thumb naturally reaches. Every important button, every quiz answer option, every call-to-action is positioned in the thumb zone. We moved navigation elements that were at the top of the screen down to the bottom. It felt wrong as a designer (navigation goes at the top, right?) but it felt right as a user.
Font sizes go up. What’s readable on a desktop is squinting material on a phone at 11pm under streetlights. Body text is 16px minimum. Headings are generous. Nothing requires pinching to zoom. If you have to zoom in to read something on Moodap, that’s a bug.
Tap targets are huge. Apple’s Human Interface Guidelines recommend 44x44 point minimum for tap targets. We went bigger. Quiz answer options are full-width, tall, and impossible to mis-tap. We’d rather use more vertical space than make someone tap twice because the button was too small.
Performance is non-negotiable. Mobile connections are unreliable. You might have full 5G on one block and spotty LTE on the next. Images are optimized and lazy-loaded. JavaScript is minimized. The initial page load is under 100KB. The quiz experience is fast even on 3G because the question data is pre-loaded.
Scroll is natural. We removed horizontal scrolling entirely. Everything is vertical. Mobile users scroll instinctively — fighting that instinct is fighting human behavior. The results page is a single vertical feed. Venue profiles scroll naturally. Nothing requires swiping left or right.
We test on a real phone constantly. Not a browser simulator — an actual iPhone in hand, outside, at night, one-handed, while walking. That’s the real test environment. If it works there, it works everywhere.
Desktop isn’t ignored. The site looks good on a big screen. But we design for mobile first and adapt up, not the other way around. Because the person who needs Moodap most is standing on a corner in the Lower East Side at 10pm with a dying battery, trying to figure out where to go.
That person gets the best version of the product. Always.
— The Moodap™ Team