The product
Experience comprehensive weather insights with our app, providing detailed hourly and weekly forecasts alongside essential information on air quality, pollen levels, fire risk, lightning alerts, UV index, wind speeds, and more tailored to your location.
Project duration
June 2024 to July 2024
Role
Lead UX designer, UX researcher
Responsibilities
User research, wireframing, prototyping
1.
Project Overview
Problem statement
Amber is an outdoor enthusiast who needs comprehensive weather information for her area because she spends most of her day outdoors.
Goal statement
Our WeatherWhiz app will provide comprehensive weather information for specific areas, assisting outdoor enthusiasts like Amber in planning their daily activities. We will measure effectiveness by tracking daily user engagement.
2.
Paper wireframes
I start by sketching out the basic structure of the interface, focusing on the layout, navigation, and key elements to ensure a clear visual hierarchy. This process allows for quick iteration and feedback, helping to refine the design before moving to digital prototypes.
3.
Digital wireframes
I focus on establishing the basic layout and structure of the user interface, ensuring that the core components and functionalities are clearly defined and logically arranged. I also prioritize user experience by considering the placement of interactive elements to enhance usability.
4.
Low-fidelity prototype
I focus on basic layouts and interface elements to quickly visualize and iterate on design concepts. This approach emphasizes functionality and user flow over detailed aesthetics, allowing for rapid adjustments based on feedback.
5.
Mockups
I focus on refining the visual design, incorporating brand elements, and ensuring the layout and components align with user needs and project goals. I also add interactive elements to simulate user experience, making it easier to identify potential usability issues before development.
Before usability study
After usability study
Before usability study
After usability study
6.
High-fidelity prototype
I meticulously design detailed and interactive mockups that closely resemble the final product, incorporating precise visual elements, user interface components, and realistic user interactions.
7.
Takeaways
Impact
"This app looks and feels better than the standard weather app on my phone" - Wendy usability tester
What I learned
From creating a high-fidelity app for comprehensive weather insights on my own, I learned the importance of user-centered design in ensuring the app is intuitive and meets user needs. The process taught me how to effectively integrate various weather data sources, such as hourly and weekly forecasts, air quality, and lightning alerts, into a cohesive and engaging interface. Additionally, I gained valuable experience in balancing aesthetics with functionality to provide a seamless and informative user experience tailored to specific locations.
8.
Link