UI UX
Product Innovation
Sustainability
AI + Arduino Coding
Temperatures are rising fast in the sydney cbd.
there is a growing risk of heatwaves and health effects as this trend continues. (nsw Govt, 2021)
We explored existing data, literature, and market trends to map the impact of urban heat.
By analysing global case studies and quantitative data, we identified key areas in Sydney where the issue is most urgent, setting the context for our design.
These are the key pain points we found.
Height and Density of Buildings Affect Temperature
“The city, more congested areas, areas with like a lot of buildings. Not a lot of trees, the trees-to-buildings ratio don't really match.”
Urban Green Areas Reduce Heat
“A clear and open space, probably like parks, is less hot than on the street, which has more tall buildings.”
Height and Density of Buildings Affect Temperature
“The city, more congested areas, areas with like a lot of buildings. Not a lot of trees, the trees-to-buildings ratio don't really match.”
Thermo Patch
@Gautham
A wearable device using hardware Peltier elements to provide on-demand cooling.
Temp Tracker
@Vincent
Application for Smart Watch, that tracks the user’s body temperature and I guess connects to an app that has information regarding heat-related infographics in Sydney.
Heat Maps
@Anson
A web app that helps people navigate crowded urban areas.
A map overlay showing areas with high foot traffic, allowing users to plan routes and avoid crowded spots.
Paper Prototyping
The home screen is crucial as it displays real time information.
We used Cognitive Walkthroughs and A/B testing to find what our users needed immediate access to.
View Our Testing Protocol →
Users wanted glanceable info and proactive suggestions .
We tested these overlays in person with UI UX experts and random users across one whole day.
Real Time Cooling Solutions
Users required real-time cooling solutions integrated with familiar services (like Google Maps) for ease of use.
Passive solution
Users preferred subtle, wearable technology that worked passively in the background without requiring active management.
Glanceable UI
Users needed intuitive interfaces that provide quick, glanceable information, especially when they are fatigued or overwhelmed.
Below are 3 test goals that guided all of our testing sessions.
View Testing Protocol
Effectiveness
To measure if users can easily find and access personalised information to access cooling and water.
Efficiency
To assesses how quickly users can navigate features, aiming for task completion in under four clicks.
Learnability
To evaluate if first-time users can intuitively understand and interact with the core functions of the app.
Cognitive Walkthrough
Expert-based testing
By discovering users' needs and potential confusions, we can refine the design to be more user-centric.
A/B Testing
User-based Testing
By testing variations of the mid-fidelity prototypes, we could directly measure user preferences and interactions with different UI elements.
Interviews + TA
User-Based Testing
Involves real users verbalising their thoughts. It offers direct insights into users' mental models, frustrations, confusions, and satisfactions.
Try out the High Fidelity Prototype ↓
Our System Usability Scale was 87.
Finally, I was responsible for coding the MVP.
This was to demonstrate the feasibility of our design and to showcase our web development skills.
Designed by Gautham Srinivas with
+