top of page
3.jpg

Re-design of

SAFAR-AIR App

​

Know the quality of air you breathe

OVERVIEW

The SAFAR (System of Air Quality and Weather Forecasting and Research) is a project of Ministry of Earth Sciences, Govt. of India; having distinction to develop India’s first ever Air Quality Forecasting system for Metro cities.

 

Living in one of the most polluted cities pushed me to download the app, only to find a disappointing and cluttered user experience. With scattered information, lack of hierarchy and far from visually appealing user interface, the existing design of SAFAR-Air app clearly has a huge scope for improvement. Hence, I took the initiative to undertake a user interface redesign exercise. 

Overview

RESEARCH

User Research

​

I assigned a set of simple tasks to a group of ten users* in order to evaluate the usability of existing design. Based on this exercise I was able to observe the following points:

​

  • 8/10 users failed to notice that the existing app provides language options 

  • While all 10/10 users were able to check the AQI levels for their cities; all of them felt some steps could be reduced.

  • There is repetitive information at some sections

  • Lack of clear hierarchy increases navigation time for the users

​

*(Note: All the users were using the SAFAR-Air App for the first time during this study)

Research
FLOWCHART-02.png

IDEATION & DESIGN

Ideation & Design

Design Goals

​

  • Reduce the number of steps to get the required information as it's an app which shouldn't require users to spend a lot of time on it. 

  • Design a minimal, aesthetic and easy to navigate interface which clearly conveys the information without any repetitions. 

  • Introduce sufficient breathing space within the elements so the interface doesn't look cluttered. 

​

Instead of having an app, it would be more convenient for users to have the same information as a widget feature. 

Sketches and Wireframes

wireframe1.jfif
wireframe2.jfif

FINAL DESIGN

Final Design
iphone_x.jpg
sg.png
Image by mohammad alizade

01. HOME

Home Screen@2x.png

02. HEALTH ADVISORY

What to do@2x.png

SELECTING CITY

List of Cities@2x.png
List of Localities@2x.png

03. SETTINGS

Settings@2x.png

WIDGET

04. INFORMATION FEED

Feed- Discover@2x.png
Feed- Discover – 1@2x.png

Let's get in touch

built-in social icons.jpg
built-in social icons.jpg
built-in social icons.jpg
bottom of page