Mobile Firsts

The Eleven Commandments of Mobile Design

White Arrow Down

In the realm of mobile user experience (UX) design lies the art of crafting delightful experiences on the tiny screens of our devices. As the wizards of design, our task is to weave magic into the taps and swipes of our users.

Here are eleven commandments to guide you on this mystical journey:

1. The Path of Simple Navigation.

Craft a path as clear as a stream. Let users glide between screens with ease, for in the mobile realm, clarity is the key to a user's success.

2. The Enchantment of Large Touch Areas.

Enlarge your controls, for a user's thumb is mighty but demands a generous target. Small controls irk the user, so let your design be kind to their touch.

3. The Banishment of Clutter.

Less is more in the mobile enchantment. Cast away the unnecessary and let your design breathe, for a cluttered screen is a maze no user wishes to navigate.

4. The Illumination of Large Text.

In the shadows of small screens, let your text shine bright. Enlarge it so that even the far-sighted may read with ease, for a user's message should never be obscured.

5. The Mastery of Touch Controls.

In the arsenal of design, wield touch controls with wisdom. Simple web controls are the tools of the past; embrace the magic of mobile interactions.

6. The Art of Simple Forms.

Simplify your forms, for a user knows that brevity is the soul of user input. Let typing be a task of the past and tapping the joy of the present.

7. The Protection of the Thumb.

Guard your design against the wandering thumb. Place your controls within the friendly reach of this mighty digit, for a comfortable user is a loyal user.

8. Change Button Size and Placement.

Pretty much every website uses buttons to link through to other sections, or to forms. But a 'good' button can quickly become a 'bad' button on mobile if it's in the wrong place, or is the wrong size.

9. The Continuity of Experience.

Let your design be a bridge between worlds. Whether on web or mobile, provide a consistent journey, for a user's path should be familiar, no matter the device.

10. Distill Your Offer.

Work out the main goal of the page you're on, and don't hesitate to make this a lot more prominent.

11. Test Your Design on Multiple Devices.

Before launching your website or application, test your design on multiple devices to ensure that it looks and functions properly across different screen sizes and operating systems.

Follow these commandments with care, and your designs shall enchant and delight, guiding users on a mystical journey through the mobile realm.

In the world of designing for mobile devices, we aim to create enjoyable experiences on small screens.

Here are eleven guidelines to help you on this special journey:

1. Make Navigation Simple: Design clear paths for users to move between screens easily. Clarity is key for users to succeed in the mobile world.

2. Use Large Touch Areas: Make buttons and controls bigger so they're easier to tap. Small controls can be frustrating for users.

3. Keep Things Tidy: Don't clutter the screen. Remove anything unnecessary to give your design room to breathe. A cluttered screen is like a confusing maze for users.

4. Use Large Text: Increase the size of text so it's easy to read on small screens. Everyone should be able to read your message clearly.

5. Master Touch Controls: Use touch controls wisely. Mobile interactions are different from web interactions, so make sure your controls work well on mobile devices.

6. Simplify Forms: Make forms easy to fill out. Typing on a mobile device can be tricky, so make it as simple as possible for users to enter information.

7. Consider the Thumb: Design with the user's thumb in mind. Place controls where they're easy to reach with a thumb, as this is a common way users interact with mobile screens.

8. Adjust Button Size and Placement: Buttons are crucial for navigating websites and apps. Make sure they're in the right place and are easy to tap on mobile devices.

9. Provide a Consistent Experience: Ensure your design works the same way across different devices. Users should feel familiar with your design, whether they're using it on a computer or a mobile device.

10. Focus on Your Main Goal: Make sure the main purpose of your page stands out. Don't be afraid to make it more prominent to users.

11. Test on Different Devices: Before launching, check how your design looks and works on various devices. It should be consistent and functional on all screen sizes and systems.

By following these guidelines, you'll create designs that captivate and please users, guiding them through a magical journey on their mobile devices.

Read more