Mobile-UIX722

UI/UX designing for Mobile and web applications is increasing day to day due to changing Human behavior and activities with respect to mobile phone and its accessories. Though we are having the Conversational UI, still most of the peoples interact with their smartphones with touch gestures only. This is a challenge for a designer to create a better user experience for their solutions. The goal of each designer is to create a world-class application with the best user experience.

Here we are going to see some common UI/UX considerations while designing for User interfaces they are:

  • OUTDOORS
  • VISUALLY CHALLENGED

UI/UX design for Outdoors:

Before designing any mobile solution, we have to understand about the usage pattern of the application. Because it majorly depends upon where(location) the user is using the application and how they are handling their smartphones. Today peoples use smartphones not only for making calls and messaging but also for other purposes like Connecting to the Web, Checking Notifications, Chats, Playing mobile games, Online shopping, Money transaction etc.,

UI-UX

These User interactions are done while walking, waiting at Stations, During travel in bus/metro, Inside the Lift and in places like queue etc., These are some common activities of peoples nowadays. So this makes interaction with a mobile phone is more complex than using a laptop or desktop in many situations. Especially while sitting on bus, cars etc. where objects are shaking due to potholes on roads. People use mobile phones in shopping malls while carrying shopping bag in one hand & using a mobile phone in other hands.

So these are some common considerations while designing an application for outdoors:

 A. Touch gesture:

The touch device is handled by giving the input gestures like touch, double touch, slide, drag, pinch, zoom etc., The designer has to consider these gestures and design their user interfaces wisely. It is necessary to perform user tests and feedback, with target-audience-scenarios to find out the gestures that they are comfortable with. Some basic touch gestures are

UI-UX2

B. Touch Zone and Fat thumb interaction:

Nowadays peoples prefer one-handed usage. So the designers need to accommodate the limitations of human thumbs in designing the applications. Here is the image shows the comfort zones of different resolutions.

UI-UX4

Comparing to the mouse, our finger pixel width is much wider and bigger. So we should consider this while designing the user interface. If the buttons are too small, then the user cannot access the user interface effectively. Then the user gets frustrated, and here the usability and the user experience are jeopardized.

Solution:

IMG1

We should consider the pixel width of our finger while designing. Apple has suggested a touch target size of 44×44 pixels. But it does not apply to all designs. Because we all are having different finger width. So we must consider the usage pattern of the application and design accordingly.

UI/UX Design for Visually Challenged:

  1. Colour Vision Deficiency:

Color Vision Deficiency is not a form of blindness. It is a deficiency in the way we see colour. With this vision problem, people have difficulty in distinguishing certain colors, such as yellow and blue or green and red. So we need to consider this while designing user interfaces for these people.

 Types of Color Blindness

UI-UX6

Deuteranopia -

Color blindness usually involves the inability to distinguish between shades of red and green.

 Protanopia -

A type of red-green color blindness in which the red cones do not detect enough red and are too sensitive to greens, yellows, and oranges.

Tritanopia -

A condition where a person cannot distinguish between blue and yellow colors.

UI-UX7

As you can see from the image, red and green are often associated with “yes” and “no”.

For example: when designing buttons, if we cannot choose the right colors for the color deficiency people they could not find the function of button which misleads the user and affects the user experience.

B. Dyslexia:

Dyslexia is a common learning difficulty that can cause problems with reading, writing, and spelling and it affects up to 7% to 10% of the world, making it the most common learning disability.

UI-UX8

A person with dyslexia may:

  • Read and write very slowly
  • Confuse the order of letters in words
  • Put letters the wrong way round – such as writing “b” instead of “d”
  • Have poor or inconsistent spelling
  • Understand information when told verbally but have difficulty with information that’s written down.

Solution:

By Using Dyslexic fonts in user interface design we can solve this problem.

UI-UX9

This font is designed to help Dyslexics by reducing the symmetry in the letters and by adding weight to the baseline.

Designers can use Dyslexia font as an addition to their UI designs to help these Dyslexic peoples.