Nest Schedule Redesign

Nest's thermostat is a smart thermostat that learns when and how to adjust itself automatically to the user's preferences over time. It also connects to a website module that lets the user schedule temperature targets for the week.


The current scheduling module takes some effort to use and has limited functions. This module should be redesigned with a more intuitive interface and features that will cater more to the user's needs to match the thermostat itself.




Development



I also developed this project as practice. The project works with a Nest thermostat simulator, the Nest API, and a weather API to gather real time data. This application shows the basic interactions, but it does not contain all the features I had planned in my design. For now, I have made an Invision prototype to show how the features would connect.


Nest prototype login information
Username: thermostatscheduler@gmail.com
Password: scheduleMak3r!


Developed prototype
Invision prototype

  • skills focused on
  • UX Design
  • UI Design
  • Prototype Animation
  • Front-end Development

Research


Current Interface





Competitive Analysis



Engie

Set temperatures are displayed as blocks of colors that make up a whole day. Users can visually understand their schedule.

Netatmo

Users can create temperature presets and connect them to colors they choose.






User Personas




    Linda Jennings
  • A mother with a 9:00 to 5:00 office job
  • Regular routine, driving kids to and from soccer practice after work and holding book club on the weekends
  • Her family goes on a month-long vacation every summer

Linda already knows how to schedule her thermostat according to these different daily routines, so she would like a system that lets her build a thermostat schedule based on the types of days she has.

    Jon Wallace
  • A bachelor living on his own
  • Is money conscious
  • Weather where he lives varies greatly day to day
  • Wants the house to be at a comfortable temperature when his parents visit

Paying for a house on his own is tough, so Jon tries to save where he can. This means not running the thermostat too much. However, his parents' comfort take priority so he can afford to spend a little more when they visit.

Wireframes

  • Base
  • Add Target
  • Past Days
  • Templates
  • Smart Set

I chose to go with a circular interface that represents a 24 hour clock with sections colored according to the set temperature. At a quick glance, users can see and get an idea of what their thermostat schedule looks like.

Clicking on the ring will add a temperature target at that time.

When users schedule other days, they can see how much energy the thermostat used if the day has already passed.

Users like Linda who have regular schedules can set up templates of targets to follow on certain days.

Users can set their thermostat to automatically adjust to the outdoor temperature. They can also have multiple Smart Sets, so someone like Jon can easily change to a different set when their guests come over.


Hover over a highlighted area for more details

Users can choose set schedules for individual thermostats throughout the house.

Current temperature and time are shown in the middle of the schedule.

A target will signal the thermostat to change the temperature at this time.

A triangle will signal which temperature the thermostat is currently set to.

Along with the set time for target, users will also see the temperature outside to make an informed decision.

Users can change the target temperature by adjusting this node as a dial.

Users can save preset temperatures to easily set targets in the future.

The brightness of the inner ring shows how energy efficient the user's settings were at that time of day.

Current temperature and time are not displayed if the selected schedule is not for the current day.

Temperature targets in templates have the same function in normal scheduling.

Users can turn set their thermostat to turn off when they leave the house.

For example, when the weather outside is about 25 degrees to 65 degrees, this user wants to set their house to 75 degrees.

Users can turn their thermostats off at a certain outdoor temperature if they do not need the indoor temperature to be different from outside.

Mood

This scheduling module should follow Nest's branding and feel closely connected to the thought of home.

  • friendly
  • fresh
  • bright
  • homey

Final Design


Conclusion

It was exciting getting to program a web app that theoretically works with a real, existing product. It was also fun to design an interface that's not really conventional. Although, I did have to pull back at times from making interactions too unconventional. I learned that if an interface is new, I have to put more effort into making sure that it is intuitive.

Previous Project
Power Poses Exhibit
Next Project
myCourses Redesign