Question

Present three possible interface and navigation design concepts for a mobile web application.

Answer 1

Interface and navigation design concepts for a mobile web application.

1) DECLUTTERING:-

Cutting out the clutter is one of the major recommendations in “10 Do’s and Don’ts of Mobile UX Design.” Clutter is one of the worst enemies of good design. By cluttering your interface, you overload users with too much information: Every added button, image and icon makes the screen more complicated.

Clutter is terrible on desktop, but it’s far worse on mobile (simply because we don’t have as much real estate on mobile devices as we do on desktops and laptops). It’s essential to get rid of anything in a mobile design that isn’t absolutely necessary because reducing clutter will improve comprehension. The technique of functional minimalism can help you deal with the problem of a cluttered UI:

Keep content to a minimum (present the user with only what they need to know.

Keep interface elements to a minimum. A simple design will keep the user at ease with the product.

2) OFFLOAD TASKS:-

Look for anything in the design that requires user effort (this might be entering data, making a decision, etc.), and look for alternatives. For example, in some cases you can reuse previously entered data instead of asking the user to type more, or use already available information to set a smart default.

3)USE FAMILIAR SCREENS

Familiar screens are screens that users see in many apps. Screens such as “Getting started,” “What’s new” and “Search results” have become not like standards for mobile apps. They don’t require additional explanation because users are already familiar with them. This allows users to use prior experience to interact with the app, with no learning curve.

4)MINIMIZE USER INPUT

Typing on a small mobile screen isn’t the most comfortable experience. In fact, it’s often error-prone. And the most common case of user input is filling out a form. Here are a few practical recommendations to make this process easy:

Keep forms as short as possible by removing any unnecessary fields. The app should ask for only the bare minimum of information from the user.

5)ANTICIPATE USERS NEEDS

Proactively look for steps in the user journey where users might need help. For example, the screenshot below shows a part where users need to provide specific information.

6)AVOID JARGON

Clear communication should always be a top priority in any mobile app. Use what you know about your target audience to determine whether certain words or phrases are appropriate.

7)

MAKE THE DESIGN CONSISTENT

Consistency is a fundamental principle of design. Consistency eliminates confusion. Maintaining an overall consistent appearance throughout an app is essential. Regarding mobile app, consistency means the following:

• Visual consistency
  Typefaces, buttons and labels need to be consistent across the app.

• Functional consistency
  Interactive elements should work similarly in all parts of your app.

• External consistency
  Design should be consistent across multiple products. This way, the user can apply prior knowledge when using another product.

• Respect platform guidelines.