_mw67o9lf.png)
A personal project - exercising my design skills in designing air quality monitoring application interfaces for iWatch screens. I completed this project as an extended interest while completing the Google UX certification.
Interface Design | Information Architecture | Prototyping
1 week (Spent 2 hours each day)
UX Design: Wireframes, Sketching, Prototyping
Solo project filled with Personal interest + curiosity :)
Designing applications for wearable interfaces can be challenging because of the limited screen space. It also means the amount of information displayed on the screen is limited, and only minimal details are presented to the users to ensure a better experience.
In this design challenge, I focus on designing environment application screen interfaces for iWatch where I focus on scaling the information displayed to the user while providing an optimal experience.
Environmental applications such as Air quality monitoring are widely used by users who regularly monitor air quality around them. These applications present crucial information to the users and let them make appropriate decisions concerning their health.
In the mobile and large screen interfaces, it is possible to display sufficient detailed information. However, it is unlikely the case for smartwatch interfaces because of limited screen space.
How might we design the environmental application interfaces for smartwatches?
The primary goal is to design intuitive interfaces for the application by accommodating detailed information on the screen interfaces without visually cluttering the interface.
I conducted a short survey by downloading weather applications to understand the information architecture, content, and the amount of content presented on the mobile screens.
From the survey, I analyzed the differences in features, a few drawbacks (from my perspective), and primary details aggregated from the overall observations over multiple apps.
Friendly note: Ignore my handwriting style!ðŸ¤
The essential information gathered from reviewing the applications are listed below. These items should be segregated appropriately to construct the interface designs and information architecture for iWatch screens.
The essential information gathered from the short survey is pretty much the information that needs to be presented to the users. The question is how to present the information on which screen and what is the information architecture flow of the iWatch screen?
The primary information displayed on the screen is AQI, weather information, and forecasts. However, the estimates are only required for AQI and weather details. Therefore, from the main screen, the user should be able to navigate to three different screens - AQI, Weather, and Pollen.
A search option could also be provided to scale the details for the number of cities the user wishes to see.
What if the user wants to add new cities to the list to see the details?
From the main screen, the user can navigate to the other three screens. Main screen elements:
(Please interact with the prototype below to know more)
To see the detailed information, swipe down. To see the information from different cities swipe left. In nutshell, swipe down for detailed information access & swipe left for scaled information access.
It is essential to understand how the information architecture and design elements change with differing interface sizes.
The smartwatch interfaces have limited space and therefore limit the content that can be displayed on the screen. It is essential to identify the important information that needs to be displayed for smart watch interfaces.
Scaling the data also requires systematic and easily understandable interaction techniques to enhance user experiences.