SignalMind Blog

Responsive and mobile content builder. API-enabled.

Mobile UI design tips

Here is a list of a few tips to keep in mind when your designing your mobile UI (user interface & mobile navigation):
1. Brand consistency. If you have a current traditional website and landing pages that you'd like to mobile-optimize for smart phones and feature phones, your buttons aka hot spots should reflect similar names, labels and graphical feel for user consistency and identification.

2. Know your mobile audience and what your on-the-go visitors are looking for. Mobile visitors in most cases are needing different information than your desktop visitors, and your mobile content organization should reflect that.
What are your mobile visitors looking for? A good tool to get that information is Google Analytics, as well as putting yourself in your mobile visitor's shoes.

3. Simplicity is best when creating a mobile interface. Make sure that the options are clear and that any icon or navigation is easily understood and consistent with the content or offer it links to.

4. Don't clutter the mobile pages with less-than-relevant information, especially if your goal is to get lead information, promote a specific product, or encourage your visitors to perform a certain action. Mobile pages overcrowded with icons distract visitors by giving them too many choices.

5. You may want to test your mobile UI design concept with your coworkers or friends before you start constructing your page. Ask a few people to look at your layout, or better yet  - print out your mobile layout and ask your audience "Which icon would you tap on?" or "Which action would you perform here?"
Their answers would be a good indication whether your mobile interface either does or does not guide the visitor through your desired path.

Mobile user interface design can be intimidating. But on the implementation side, with piJnz mobile designer tools and your favorite graphics program (or a good design resource) it's a simple matter of laying out your desired look and organization, slicing and uploading the images and assigning your action "hot spots" where needed.

Elena English

Mobile afficionado and tech entrepreneur. Follow on Google+

Comments are closed