8 Rules of Mobile Design

Mobile Design


Mobile user experience (UX) design refers to the design of positive experiences during the use of mobile devices and wearables, and applications or services running on such devices. Interaction Design Foundation

Get 2019’s Best Premium Logo Templates from Template Monster.

1. Provide Simple Navigation

Simple navigation provides an obvious way of moving between screens and finding the desired items as mobile users must go and forth within the same window.

Provide simple navigation
Simple dashboard navigation

Get 2019’s Best Premium Logo Templates from Template Monster.

2. Make Large Touch Area

Make sure to design control sizes that are easier to tap using the thumb. Providing smaller controls will annoy the user when he uses your app.

Large touch area
Large touch area

3. Reduce Clutter

It is not necessary to display every possible information on the interface. Organize your content in a way that provides the user with a clear understanding of the available features. Reduce clutter and keep minimum content on screen.

Reduce clutter
Reduce clutter
Reduce clutter
Design simple

4. Display Large Text

Keep in mind the smaller size of the mobile screen and make your text larger in size so that it can be easier to read and understand.

UX World is an approved Educational Partner of the Interaction Design Foundation, the world’s largest UX Design learning community.

Get 3 months of free membership to learn UX Design here!

5. Use Touch Controls

A lot of mobile controls are available to use in design. It is not a good idea to use simple web controls as it is difficult to interact with them on mobile.

Touch controls
Use touch controls

Get 2019’s Best Premium Logo Templates from Template Monster.

6. Use Simple Forms

Try to provide simpler forms where users can provide their input with ease. Use form controls where typing the text is minimum.


7. Take Care of Thumb Position

Design screen layout while researching on thumb-friendly zones. Provide tapping controls at a place where users can easily tap them using his thumb.

8. Design Consistent Experience

If your site/app is present at both web and mobile, provide a consistent experience to the user. Minimize your content on small devices by keeping the experience similar to other devices.

Responsive design
Consistent design

Missed anything important? Give a shoutout below.

Get 2019’s Best Premium Logo Templates from Template Monster.

Thanks for reading. Find more related articles at uxdworld.comIf you have any questions, contact me and I will write about it: Twitter | Facebook

One thought on “8 Rules of Mobile Design

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s