Username:   Remember Me

Uber Articles {Über (ger) adj. above, beyond }

- Above and Beyond a Mere Article Directory


7 Things To Remember For An Appealing Mobile UI

By Renold Scott

A new device means new requirements, new advantages, new challenges and new approach.

Today’s new device is any type of mobile device. Mobile devices are catching on fire in the modern ‘mobile’ world. People are accessing websites, apps and games on-the-go. Whenever they get time, they would unlock their mobile devices and would quickly finish their pending work or would just pass the time with it.

The word ‘quickly’ requires our second attention. Mobile devices are built for speed, convenient and on-the-go experiences. And services and apps provided in such devices come with a pre-determined rule of speed functionality and operation with effective UI.

Basing on quickness and likability of a mobile UI, we have created a list to remember during creating an effective Mobile UI which is much more usable and likable.

1. Responsive Design (Layout, content, widgets)

There was a time when special mobile websites were made and were also popular among the community. Nowadays, responsive web designs have almost eliminated the requirement for a special mobile website.

A Responsive Web Design (RWD) fits according to the different screen sizes and places the content, layout and widgets accordingly. This helps to improve the user experience to a great level as well also eliminates the cost of creating and hosting a whole new website for mobile devices.

Moreover, responsive designs befits with Search Engine Optimization (SEO) protocols more adequately than the non-responsive designs. RWD is also recommended by most Search engines.

2. Consistency of Experience on Different Displays

To create a unique user experience on a mobile device, you also have to consider the different size of the mobile devices. They could vary both in size and also in pixel density. With each change, a responsive design would change its layout and placement of things.

You have to make sure that on each display, the website looks great. The fonts should not get too small, picture should not be distorted or the placement of the elements should not be out of sight. Also, on smaller screens, cleaner layout with minimal elements is the best option.

This consistency should also stay similar on devices with different operating systems. It gives a positive, native semblance on each device.

You need to stay consistent at delivering a likable, effective and useful user experience on every screen size.

3. Varied users (novice vs. experts)

Google’s open source Mobile Operating System has flooded the market with hundreds of new mobiles devices including cellular phones, tablets, phablets and laptops. The reason is the low cost with high quality

It also brought millions of new users in the scene who were having their smart phones or tablets for the first time. For them, everything was new and unknown.

On the other hand, there also exist the expert users who are using such gadgets for quite a while and uses them with speed. They are highly familiar with the functionality of such devices.

While creating a great Mobile UI, you need to find a balance to deliver a nice UI for both of those groups. It should be simple enough for the new novice users to understand and fast enough for the expert users to exclude the possibility of losing their interest.

4. Take advantages of Input methods

While most mobile devices are touch-based, laptops and some smart phones comes with a physical keyboard. Also, with different Operating systems (Android, iOS, Windows Phone) and even the versions, the number and option of the physical buttons and functionality would differ.

Touch-based devices would need big buttons with right placement of elements, while devices with physical keyboards doesn’t necessarily require big buttons but could be useful to find new ways of taking advantage of the physical input option.

5. Be more graphical

Visual presentation helps to remember things better. Be more graphical.

Instead of describing everything in written, you could use visual charts, graphs, images or even cartoons to make your content and outlay more interesting. Graphical representation strikes the viewer immediately.

Also, the font style, size and placement method could be considered as a graphical representation to some extent as a user would first analyze the whole website (in half a second probably) first and would get the first impression through the look-and-feel of the page. And it is based on the graphical appeal of the whole website.

Grab the viewer’s attention from the first second.

6. Use Established Patterns

There are established design patterns on the web which are iterated many times and are rectified and redefined every time for the optimal user experience. These readymade design patterns comes with some essential elements which already are or becoming the ‘obvious’ notions in a mobile-outlay and thus, you can’t ignore them. Using such patterns could help you leverage your UI to a whole new level.

7. Keep updating

Even though, you have found a robust outlay, you are always required to update. Time changes, notions changes, new tricks and technologies appears which could be much more efficient at delivering better UI/UX.

These changes aren’t going to stop. And neither could you. Change is the only static rule.

Thus, creating a good User Interface is a preplanned, well-determined, user-centric and purpose full process which needs keen attention to place everything right, uncluttered and provide the user an pleasant experience on which he would return again. That’s the goal for a UI designer.

Article kindly provided by

Topics: Mobile Computing, Web Design, Web Development | Comments Off

Tags: , , , , ,

Article Citation
MLA Style Citation:
Scott, Renold "7 Things To Remember For An Appealing Mobile UI." 7 Things To Remember For An Appealing Mobile UI. 21 Mar. 2014. 26 Jul 2014 <>.

APA Style Citation:
Scott, R (2014, March 21). 7 Things To Remember For An Appealing Mobile UI. Retrieved July 26, 2014, from

Chicago Style Citation:
Scott, Renold "7 Things To Remember For An Appealing Mobile UI"

Reprint Rights

Creative Commons License
This article is subject to a revocable license under a Creative Commons Attribution-No Derivative Works 3.0 Unported License, which means you may freely reprint it, in its entirety, provided you include the author's resource box along with LIVE VISIBLE links (without "nofollow" tags). We may revoke the license at any time with or without cause. You must also include the credit to

Comments are closed.

Uber Articles and its partner sites cannot be held responsible for either the content nor the originality of any articles. If you believe the article has been stolen from you without your permission, please contact us and we will remove it immediately. If you have a problem with the accuracy or otherwise of the content of an article, please contact the author, not us! Also, please remember that any opinions and ideas presented in any of the articles are those of the author and cannot be taken to represent the opinions of Uber Articles. All articles are provided for informational purposes only. None of them should be relied upon for medical, psychological, financial, legal, or other professional advice. If you need professional advice, see a professional. We cannot be held responsible for any use or misuse you make of the articles, nor can we be held responsible for any claims for earnings, cures, or other results that the article might make.
  • RSS Feed

    RSS for Mobile Computing

  • Plugin UAW into your sites and start receiving fresh, unique and niche relevant content today and everyday!