UX / Product Redesign · SCAD · 2026

Simplifying smart
temperature control.

A redesign of the Nest thermostat ecosystem — removing cognitive friction, making system states legible, and unifying the experience across devices.

Nest app redesign
Role
UX Designer
Duration
10 Weeks
Tools
Figma · Protopie
Type
Interaction Redesign
01 — Product Context

A smart device that
exposes its own complexity.

Nest is designed to automate home temperature management. But many users encounter friction the moment they open the app — the system surfaces internal logic instead of accepting user intent. This project rethinks how intelligence should support users, not burden them.

Dual-threshold complexity

Users must configure separate heating and cooling thresholds before setting a simple temperature — exposing HVAC logic that should be invisible.

Scheduling friction

The horizontal drag timeline forces repetitive value entry. A task central to the product's value requires too many steps to complete.

Split mental models

The hardware device and mobile app present different interaction paradigms. Switching between them resets the user's understanding of the system.

Invisible energy savings

Eco mode runs silently. Users can't connect daily choices to real energy or cost outcomes — reducing engagement with one of the product's key features.

02 — Problem Space

Four friction points.

Research surfaced where users consistently struggled — not with individual features, but with the underlying interaction model that prioritizes system accuracy over user intent.

01

Confusing heating & cooling logic

Users must understand HVAC thresholds before adjusting temperature. The system demands technical knowledge as a prerequisite for basic use.

02

Schedule setup requires too many steps

Dragging across a horizontal time axis and repeatedly entering values creates friction for a task users need to do every day.

03

Inconsistent cross-device experience

Different interaction models on hardware and mobile double the learning cost and erode user confidence when switching devices.

04

Lack of energy transparency

Energy-saving features provide no clear feedback. Users cannot understand how their actions impact consumption or cost.

03 — Existing Design

What the current
experience looks like.

Before redesigning, we documented the existing Nest experience across hardware and mobile — the interfaces users struggle with today.

Original Nest thermostat — horizontal schedule
P.02

Thermostat — Horizontal Schedule

Temperature nodes scattered across a 2D grid. No clear hierarchy — users must interpret coordinates to understand their own schedule.

Original app — energy history
P.04

Mobile App — Energy History

Usage shown as bar lengths with no cost context. Data is present but disconnected from user behavior — no actionable feedback or savings estimate.

Original app — weekly heat schedule
P.02

Mobile App — Weekly Schedule

Seven days on one horizontal axis. Users scroll sideways to find time slots — disorienting on a narrow phone screen with no room for context.

Original app — single day editing
P.02

Mobile App — Day Editing

Dragging a temperature node along a horizontal rail to set time. Requires precise touch on small targets with no clear feedback during interaction.

04 — Key Insights

What research revealed.

Three insights shaped every design decision in this redesign — each one pointing in the same direction: let the system absorb complexity so users don't have to.

1

Users want outcomes, not system modes

People think in terms of comfort results — "I want it warmer" — not HVAC operational logic. The interface must match this mental model completely.

2

Temperature control is state-driven interaction

The most important information at any moment is current system state: temperature, mode, eco status. Visual hierarchy must surface this instantly.

3

Smart automation should reduce decisions

System intelligence is a liability when it requires users to understand it. True smart home design removes decisions rather than creating new ones.

05 — Design Principles

Four rules that guided
every decision.

These principles are not aspirational guidelines — they are constraints. Each design decision was evaluated against all four before moving forward. When in conflict, the principle higher on the list wins.

01

Decide Early, Let the System Handle the Rest

Users provide intent — one target temperature. The system determines heating or cooling. No mode selection, no thresholds.

02

State Is Content

System state — current temperature, active mode, eco status — is the most critical information. Visual hierarchy must reflect this.

03

Consistent Across Devices, Not Identical

Same interaction logic and mental model on hardware and mobile — layouts differ, behavior doesn't.

04

Progressive Disclosure

Core actions stay visible. Advanced settings appear only when users choose to access them.

06 — Design Guidelines

Guiding the product toward
high-end and innovative.

Based on our final moodboard, we created a set of design guidelines that would lead our product down a high-end and innovative route.

Dark Theme
Minimalist FontABC
Rounded Linear IconsRounded Linear Icons
Rounded CornersRounded Corners
Transparent
Gradient Elements
Average Information DensityAverage Information Density
Card ElementsCard Elements
MonochromeMonochrome
Focal PointFocal Point
Style Guide

Color

#F95F0E
#5B8BFF
#1C1D1F
#FAFAFA

Typography

SF Pro

AaAaAaAa
Title 1 – 32 RegularTitle 2 – 24 RegularTitle 3 – 20 RegularBody 1 – 16 Light

Google
Sans

AaAaAaAa
Title 1 – 32 RegularTitle 2 – 24 Regular
07 — Initial HiFi · 01

Smart Temperature Input

Replace the dual-threshold model with one clear target. The system reads the current temperature, determines whether heating or cooling is required, and acts — without asking users to understand how.

Users focus entirely on their desired outcome. Operational complexity is encoded into the system, not the interface.
Heating state deviceHeating state phone
07 — Initial HiFi · 02

Streamlined Vertical Schedule

A vertical timeline organizes temperature events by time of day. Temperature nodes are connected visually — users can scan and edit the entire day at a glance without horizontal scrolling.

Schedule management becomes faster and easier to parse — the layout maps to how people naturally think about their day.
Schedule on deviceTime change on device
07 — Initial HiFi · 03

Event-Based Scheduling System

Reusable schedule events — Sleep, Away, Wake Up — are defined once and applied across multiple days. Users stop recreating the same patterns every week. The week menu makes it fast to assign events to any day.

Schedule management becomes scalable. Define once, apply anywhere.
Week menuTemp change
07 — Initial HiFi · 05

Dynamic State Visual System

Color becomes a language representing system status. Warm orange for heating, cool blue for cooling, green for eco. Adaptive colors shift with every state change — the system communicates before you read a single word.

State transitions become visually clear and consistent across both hardware and mobile interfaces.
Heating stateCooling state
08 — Evaluative Study

Testing the redesign
with real users.

A moderated usability study with 6 digitally-fluent participants evaluated both the thermostat hardware prototype and the mobile app across 9 tasks total.

Moderated Think-AloudSEQ RatingsSystem Usability ScaleA/B Testing

Thermostat Hardware

T1Adjust temperature100%3.6s
T2Create schedule100%53s
T3Modify schedule100%57s
% unassistedavg time

Mobile App

T1Adjust temperature100%4.5s
T2Create schedule83%29s
T3Customize mode33%48s
T4Apply mode to days50%33s
T5Modify schedule50%22s
T6Set Work Mode timer50%34s
% unassistedavg time

Key Insights & Solutions

Insight 01Thermostat · T2
No confirmation after schedule save

33% of users were uncertain the schedule had been set.

Add a clear confirmation state — visual message, animation, or return to home showing the updated schedule.

Insight 02Thermostat · T3
Unclear time→temperature transition

50% couldn't re-identify the previously set time; 50% confused by the step change.

Auto-focus the dial on the previous time on entry. Animate the transition from time to temperature editing.

Insight 03App · T2
Tap vs drag gestures not discoverable

Users did not know how to interact with schedule time slots.

Provide just-in-time visual gesture hints: "Hold to add · Drag to adjust" on first entry.

Insight 04App · T3
Mode customisation entry hidden

83% could not locate where to edit a mode due to unclear entry cues.

"Tap" onboarding tooltip on the mode card to surface the edit entry point.

Insight 05App · T4
Applying modes to days unclear

66% confused by the top-right icon; unsure how to assign a mode to specific days.

Add an explicit day-selection step before mode assignment, supporting both single and multi-day views.

Insight 06App · T6
Timer and schedule modes conflated

50% confused the timer feature with the recurring schedule.

Let users set a timer duration directly without first selecting a mode. A/B test: 75% preferred this direct flow.

SUS Score

47.5/ 100

Below average threshold (68). Basic tasks worked smoothly — advanced features drove the score down.

Mean47.5
Std deviation13.9
95% CI33.6 – 61.4
T-value2.57

A/B Test — Timer Feature

Version A — Direct timer75%

Set duration directly without selecting a mode first. Clearer separation of timer vs schedule.

Version B — Mode-first25%

Select mode, then set duration. Preferred by users who valued long-term scalability.

09 — Design Iteration

What we changed
and why.

Usability findings directly informed four key changes to the design before producing the final version.

01

Before

Before: hidden multi-day interaction

Applying an event to multiple days relied on a hidden interaction (top-right icon), causing 66% of users to fail the task.

After

After: explicit day-selection view modes

Introduced explicit view modes (Single Day, Multi-day, Events). Users now select the weekday first, then adjust the temperature — aligning the mobile app perfectly with the hardware thermostat's mental model.

02

Before

Before: unclear time to temperature transition

On the hardware thermostat, 50% of users were confused by the sudden jump from "setting time" to "setting temperature", and lacked clear visual confirmation after saving a schedule.

After

After: smooth transition and confirmation state

Redesigned the hardware UI to mirror the mobile app's component logic. Added smooth spatial transitions between time and temperature, and introduced explicit visual confirmation states, making system feedback instantly understandable.

03

Before

Before: color semantic confusion

Orange and blue were used as general accent colors for temperature values, causing confusion since these colors inherently signify "heating" and "cooling" states in HVAC contexts.

After

After: reserved colors for system states only

Reserved orange and blue strictly for active system states (heating/cooling). Temperature values now use neutral typography, preventing semantic misinterpretation.

04

Before

Before: mode-first timer flow

Users were required to select a specific "mode" before they could set a timer duration, adding unnecessary friction to a quick task.

After

After: direct timer flow

Implemented a direct timer flow based on A/B test results (preferred by 75% of users). Users can now set a duration immediately, clearly separating temporary overrides from the long-term schedule.

10 — Final Design

The redesigned
experience.

After iteration, the final design addresses all four friction points — with a unified interaction model across hardware and mobile.

Final · Temperature Control

Single input.
Automatic mode.

One target temperature. The system detects heating or cooling automatically — no dual-threshold decision, no mode selection.

Nest thermostat temperature control final
Temperature control phone app final
Final · Scheduling

Vertical timeline.
Events with context.

Reusable named events now display their temperature inline. Define once, apply across the week — with full context visible at a glance.

Schedule single day view
Schedule multi day view
Final · Event

Named events.
Reusable across days.

Define events like Morning, Work, and Sleep once — each with a name, icon, temperature, and schedule. Apply them to any day without re-entering details.

Event edit view
Event list view
Final · Eco Mode

Energy savings
made visible.

Eco mode surfaces real-time savings in dollars and percentage — actionable, transparent, and connected to user behavior.

Eco mode final
11 — Validation Study

Did the iteration
actually work?

After incorporating design changes from the evaluative study, we ran a second round of moderated usability testing with 5 participants across the same 6 mobile tasks to measure improvement.

Moderated Think-AloudSEQ RatingsSystem Usability Scale

Round 1 — Before Iteration

T1Adjust temperature100%4.5s
T2Create schedule83%29s
T3Customize mode33%48s
T4Apply mode to days50%33s
T5Modify schedule50%22s
T6Set Work Mode timer50%34s
% unassistedavg time

Round 2 — After Iteration

T1Adjust temperature
100%
3.9s
T2Create schedule
100%+17
21.3s
T3Customize mode
83.3%+50.3
31.7s
T4Apply mode to days
100%+50
24.1s
T5Modify schedule
83.3%+33.3
16.4s
T6Set Work Mode timer
100%+50
19.2s
% unassistedavg time

SUS Score — Round 1

47.5/ 100

Below average (68). Advanced scheduling and mode features were the primary friction points.

SUS Score — Round 2

82.5/ 100

Above average — rated "Good". Explicit day-selection, gesture hints, and the direct timer flow resolved the majority of friction.

+35.0 pts improvement
12 — Cross-Device Experience

One mental model.
Two devices.

Consistency is not achieved by making interfaces identical — it's achieved by sharing the same logic, color language, and interaction patterns across both surfaces.

Thermostat HardwareDevice heating
Orange glow = heating stateSingle temperature targetVertical time navigation
Shared Logic
Mobile Application
Phone heating
Orange accent = heating stateSame single-input modelSame vertical schedule
13 — Impact

Less complexity.
More control.

By aligning system intelligence with user mental models, the thermostat becomes easier to understand and more effective at supporting energy-efficient behavior.

60%

Reduced cognitive load

Single-target input removes the dual-threshold decision entirely. Users set intent — the system handles all operational logic automatically.

faster

Schedule configuration

Named reusable events replace the drag-and-edit timeline. A full week schedule sets up in a fraction of the original time.

Clear

Energy awareness

Real-time savings metrics and Eco indicators transform energy feedback from invisible background noise into actionable, visible data.

Unified

Cross-device usability

Shared interaction logic, color language, and scheduling model — users carry one mental model across hardware device and mobile app.

Yuchen · MFA Interaction Design · SCAD · 2026
Next ProjectDoseCareTeam Lead & UX Designer