8 Rules of Mobile Design

Mobile Design

Introduction

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

1. Provide Simple Navigation

A 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

2. Make Large Touch Area

Make sure to design control sizes that are easier to tap using 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 interface. Organize your content in a way that provides user 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 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

6. Use Simple Forms

Try to provide simpler forms where user 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 user can easily tap them using his thumb.



8. Design Consistent Experience

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

Responsive design
Consistent design

Missed anything important? Give a shoutout below.


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

Advertisements

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