Quick Access
Users should be able to finish what they want quick and easy.
Clear Action
Users should feel confident about what are they doing.
Least Interruption
Users don't experience unwanted and shocking effects in their spatial experience.
Lutron Smart Home App
Role
UX Designer, 3 Months
Team
Developer, Visual Designer
Tool
Research, Figma
Delieverable
Optimized component-buying workflow
End-to-end design for a web-based tool
The request of adding a timer feature was based on comments on the App Store and I had hesitation
Action
Worked with the business to align on the business goal and created the UX goal accordingly
Result
We are clear on creating a timer feature, but aligned on the need to validate the request and evaluate its impact on the Lutron app structure
To design a meaningful timer, we need insights for the feature itself and how users use it to interact with the home lighting
Action
Conducted 6 1:1 interviews with UX researcher. Collaborated with data science team for app data
Result
Overarching insights that guided the design of the feature and how to situate it in Lutron app.
Brought the users to the team of PM and development and strategized the design for now and future.
How prioritized the timer should be in the app
Contrary to its popularity (the most requested feature on the App Store), users don't need it as often but think it is basic. The team aligned that the timer doesn't need to be highly prioritized but needs to be be easily found when users need it.
Users don't always control lighting with the app. Instead, users use the app to set up rules for home lighting.This triggered the discussion of "existential crisis" of the Lutron app.The team started to talk about a future app revamp. I also started to create a more fleshed out product strategy and include more business stakeholders in the discussion.
The team has some alignments on the discussions. Doubled with the insights I gain from the preliminary research, I translated the alignments into the following actionable decisions.
Second Level
Locate the timer feature at the second level of the information architecture, so its not prioritized but still discoverable.
Set to Device
Have the timer tie to individual device instead of the scheduling system, so it will not complicate the future app refresh.
Design System
Make sure the element requirements are well documented as timer feature has granular time-setting elements that are new to the design system.
Look at the timer feature
from user POV
Feature 1
Users go to the edit of the device and tap on the timer list item. After turning on the timer, users can put in the time and will see a short description informing them what will happen with this feature setup.
There are two layers for the timer feature: set the timer up and then turn the tuner on. In current Lutron Design System toggle means "turning on/off." Hence I introduced a radio button for "setting it up".
After 6 rounds of user testing, most users can immediately understand a timer and no user read the text. For those who didnt understand, they mentioned a simple instruction is informative enough too.
Feature 2
For devices that have timer set up, a toggle to quickly turn the timer on/off will be shown on the remote control pop-over of the device.
Users want to have flexibility in controlling their timer. That means they do not want to "mess up" with their setting. The temporary on/off allows users to control the timer without worries.
The pop-up remote works as a digital remote for the devices. It is also the first place users will get to when controlling their lighting. Having the toggle here can grant users intuitive and quick control over the timer.
Feature 3
The toggle allows users to choose if they want the app to notify them before turning off the light. In the notification, users can dismiss the notice or repeat the timer.
Users get confused when the lights turn off themselves as users might forget the timer is on. With the notification, users can be informed.
Notifications prevent the timer from confusing users' spatial experience. However, the last thing we want is another digital exhaustion. Having it optional allows users to keep their balance.
Allowing users to put in a specific time requires more mental capacity that might deter them from using this small delighter.
I worked with the business and
came up with 3 rationales to
evaluate the success of the feature
Intuitively know where is the timer feature
Explain the effect of timer feature
Choose to be notified when timer is triggered
Turn the timer off without messing up with the setting
Timer icon shown on the toggle
Lights fade instead of suddenly turn off
Trigger timer both through app and physical switch
Understand why the light is turned off
What are some other impacts the
project posed to the product and the team?