Mobile devices account for more than half of online search traffic, and that number is only going to increase. Designing for such a small screen is significantly different than designing for a computer screen, and it’s crucial to design unique interfaces for both. And don’t forget about tablets, either! Each device should have a design that is optimized for its dimensions. All these factors to consider might seem overwhelming at first, but don’t worry, I have a solution. During my research for this post, I found quite a few connections between mobile-first design and ice cream. Whether you want a career in UX design or you really like ice cream, these five points will definitely interest you.
1. You keep the size in mind.
If you go to an ice cream shop and order an extra large cup that you load with sprinkles and chocolate chips, you’re going to put less sprinkles/chocolate chips if you get a size small. Yes, either way you’ll have sprinkles, but not nearly the same amount. This is true for mobile design as well. If your website has a video, 5 photos, and an interactive map, you’re not going to put ALL of those items on the home page for your mobile site. You could stagger them so they appear as you swipe down, but you won’t see all of them immediately above the fold. Don’t try to cram in all your desktop features to your mobile site. Design with the space you have in mind.
2. Options are essential.
Why do ice cream shops serve cups and cones? Because some people prefer cones, and some people prefer cups. You’re serving the same thing, just in two different ways. Compare this to a slider in a mobile design. Some people want to swipe to see the next image, while others prefer tapping an arrow. So, which do you put? Both. If you just put arrows, people who prefer swiping will be annoyed. If you just put swiping, people who like tapping arrows will be annoyed. Options ensure that each user has the experience they want. And then everyone who wants an ice cream cone gets one.
3. You don’t want too much in one bite.
Your website has a ton of cool stuff. Great! But you need to space it out. White space is definitely your friend, and a clear and clean user interface provides a much more pleasing experience. If you eat too much ice cream too fast, you’ll get brain freeze. If you throw all your content at us at once, your user is going to get overwhelmed.
4. It can make people happy.
People use their cell phones when they’re bored on a bus, annoyed that their friend is late, and frustrated that their plane got delayed. The last thing they need is an app that is boring, glitchy, and confusing. Mobile apps can be fun, interactive, and engaging. Use that to your advantage! Just like eating ice cream, using a cool mobile app won’t make all your problems go away, but it can make you forget about them for a few blissful moments.
5. It’s fun for all ages.
The fact that toddlers can and do use iPads and smart phones is simultaneously exciting and terrifying. Mobile interfaces are extremely intuitive, which is why they’re so easy for people of all ages to use. Use that intuitive aspect to your advantage. As explained here, minimize the interface chrome (buttons, tab bars, check boxes, sliders, etc.) to make your content as easy-to-use as possible. Hopefully, I don’t need to explain to you why ice cream is kid-friendly. I think that one goes without saying!