← Home
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 three key changes to the design before producing the final version.

01

Before

Before screenshot
Upload when available

Schedule event labels — "Sleep", "Away", "Wake Up" — shown without temperature context, leaving users uncertain about what each event controls.

After

After screenshot
Upload when available

Each event now displays its associated temperature inline. Users immediately see what "Away" means in practice — 65°F, Eco active.

02

Before

Before screenshot
Upload when available

Upload your before/after iteration screenshots to replace these placeholders.

After

After screenshot
Upload when available

Describe the second iteration change here once you have the before/after screenshots ready.

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.

Heating state
Heating phone
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 deviceWeek menu
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 — 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 navigationEco on-device indicator
Shared Logic
Mobile Application
Phone heating
Orange accent = heating stateSame single-input modelSame vertical scheduleSame eco feedback layer
12 — Design System

Tokens built for
two platforms.

A unified design system ensures scalability and consistency across the ecosystem. Shared tokens, typography scale, and component states mean design decisions propagate across hardware and mobile without drift.

Spacing Scale

xs4px
1u
sm8px
2u
md12px
3u
base16px
4u
lg24px
6u
xl32px
8u
2xl48px
12u
3xl64px
16u

Border Radius

sm6pxChip, tag
md12pxInput, row
lg20pxCard
xl32pxPanel
pill100pxBadge, button

Temperature Control

70°
Idle
DefaultNo active mode
75°
Heating
HeatingActive warm mode
68°
Cooling
CoolingActive cool mode
Eco
Eco Active
Eco ModeEnergy saving

Schedule Event

Wake Up
7:00 AM · 72°F
Away
9:00 AM · 65°F
Home
5:00 PM · 70°F
DefaultNamed · reusable events
Wake Up
7:00 AM · 72°F
AwayNOW
9:00 AM · 65°F
Home
5:00 PM · 70°F
Active NowCurrent event highlighted
Wake Up
7:00 AM · 72°F
Away
9:00 AM · Eco
Home
5:00 PM · 70°F
Eco OverrideEvent suspended for savings

Weekly Navigation

M14
T15
W16
T17
F18
S19
S20
DefaultAll days unselected
M14
T15
W16
T17
F18
S19
S20
Selected + TodayActive day · today indicator
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