A Real-time AQI App (Air Quality) with Weather Forecast
I’m Anamoul Rouf-
https://anamoulrouf.com
About Me
Profile
I've helped startups and product-driven companies to
build 7+ mobile apps, 10+ web applications, and 25+
websites.
I believe in design practice that is data-informed and
driven by empathy.
I'm passionate about balancing complex business
requirements, and user needs through a user-centered
design process.
A Real-time AQI App
(Air Quality) with
Weather Forecast
AirAQ App
June 2021 – September 2021
Hybrid
Figma, FigJam, Notion.
UX Research, UI/UX Design.
Product, Business, and Tech.
AirQI provides real-time and forecast air
pollution and weather data. Our main
challenge is to design a hybrid app that
provides an intuitive customize experience
to its users.
Design a conversion-friendly user flow.
Get more efficient, functional, and
scalable apps with more efficient, and
functional.
Our main challenge was to design a web app that facilitates
its users to know about air quality and weather information.
It has to be easily used by non-tech people
Users can get air quality and weather updates through
notifications for saved & current locations
Users can get air quality and weather forcast.
Users can also request air quality information data.
When we have minimal time and resources, selecting an
efficient, sustainable, and flexible design process is always
challenging. I have chosen the approach to the Lean UX
process. It is an iterative process with three simple steps.
Thin
Mak
Check
and keep repeating the steaps.
Think
Check
Make
The discovery phase was a quick, high‐intensity effort that
allowed us to Define project goals and milestone
Review the existing solutions by other similar product
Understand business vision
Empathize the users' needs, behaviors, and pain‐point
Understand technological feasibility and constraints.
Here are three considerations that help me to understand
and prioritize the issues.
How satisfying is the solution for users
How well is this solution for users' problem solving and
also good for business
How challenging would it be to build from the technical
feasibilities and limitations?
We have sessions with 10 targeted users. We also had
brainstorming discussion sessions with our internal crossfunctional team members. So what we foundI analyzed IQAir, BreezoMeter, Plume Labs, Airveda, and
other popular air quality information provider apps. I
analyzed their user journey flows, information
architecture, and information presentation flows.
Open App
Login
Home Screen
Current Location
Journey
AQI info
Navigation
Weather info
Tabs/Pages
Saved locations &
Favourite locations
Main Screen
Sub Screen
AQI info
Map
Data Bank
Map View of current location
Location Pined with AQI info
Data Request form
More
Profile
Saved Locaiton
Location Info Cards
Location Details
FAQ
Settings
Weather info
About Us
Map View
Contact Us
AQI index range
Logout
The following steps were to sketch wireframes based
on the user flow maps and built the flow and lowfidelity prototype for a series of testing sessions.
Creating wireframes helped me to visualize the
ideas and gave us the basic structure for how users
would use the app
When creating these wireframes, we kept the user
needs from the earlier findings and research in
mind
I have done several testing sessions with a close
group of users.
Initially, we built basic style guidelines. Afterward, we built a highly customisable design system to create a design language
I have designed a design style guideline
and reusable components.
Explore the UI Screens
The goal was to assess the app's overall usability and
identify areas for improvements that could facilitate
the completion of the tasks. The participants were
given the same set of jobs.
Due to the NDA issue, I've only shared the information
authorized by the authority.
Based on the usability testing sessions, we refined and
updated the design. Then, we created deliverables for
development handover. I maintained continuous
communication with the developers during the
development period.
After the successful deployment, it is time to collect
feedback from the user.
As it was an one-time client project, I don’t have the opportunity to messure the results.
Start
Iteration
Iteration
...
Next
Thank you
Feel free to reach me-
https://anamoulrouf.com