Responsive work in progress
Please use a desktop for a better experience

Lutron Smart Home App

Activity Viewer
for your
shade automation

First-phase app feature
for an automation vision

Role

Lead UX Designer, 7 Months

Team

Developer, PM, Senior Management
UX Researcher, Visual Designer

Tool

Diary Study, Workshops, Figma

Delieverable

57% increase of app satisfaction rate
0→I vision experience for new technology
End-to-end design process for an MVP

Activity Viewer is the first-phase MVP for Lutron' automation vision enabled by the new shade automation technology.

With Activity Viewer you can
check shade automation movements and decide if you want it on.

You have an event 2:00-3:00 PM at Open Office East, check if the shade is going to interrupt?

Interact with the prototype to find out!

Lutron Electronics is a world leader in lighting control system

Lutron Electronics designs and manufactures more than 17,000 energy-saving lighting controls, automated window treatments, and total light management solutions for commercial and residential clients. Lutron Electronics products are sold in 100+ countries around the world.

For commercial, some larger clients include
New York Times Building, New York
Empire State Building, New York
Wimbledon Centre Court, UK
Guggenheim Museum, Bilbao, Spain
Bank of China headquarters, Beijing
Shanghai Tower, Shanghai ...

For residential, Lutron systems are at apartments, palatial homes to hotels
White House, DC
15 Hudson Yards, New York
Windsor Castle, UK
Marina Bay Sands Hotel, Singapore
Four Seasons, Saudi Arabia ...

Lutron Electronics is a world leader in lighting control solutions. The company designs and manufactures energy-saving lighting controls, automated window treatments, and total light management solutions for residential and commercial.

Founded in 1961, Lutron manufactures more than 17,000 energy-saving products, sold in more than 100 countries around the world. Lutron offices locate worldwide in London, Paris, Barcelona, Madrid, Berlin, Sao Paulo, Dubai, Hong Kong, Singapore, Tokyo, Shanghai, and Beijing.

For commercial, some of the larger Lutron clients include New York Times Building, New York; Empire State Building, New York; the Wimbledon Centre Court, UK; the Guggenheim Museum, Bilbao, Spain; the Bank of China headquarters, Beijing; Shanghai Tower, Shanghai, etc.

For residential, Lutron systems are at from apartments to palatial homes to hotels, including the White House, DC; 15 Hudson Yards, New York, and Windsor Castle, UK; Marina Bay Sands Hotel, Singapore; Four Seasons, Saudi Arabia, to name just a few.

Business Vision

Help Stagnant Shades Sales
by making them Smart

Lutron Shade sales hit a wall
because our shades' value isn't effectively
showcasing to customers
hence the business had 2 initiative:

Make Shades Smarter

➔ New Tech

Grow Market

➔ Expansion

Business Initiative

Expand New Tech
to Bigger Markets

Natural Light Optimization (NLO) is a technology
that automates shades using
 User Input  and Calculated Direct Sun Time
to optimize natural light and avoid glare

Start Position

100

% Open

Direct Sun Position

40

% Open

End Position

0

% Open

Calculated Direct Sun Time

Time when the sun hits the facade

Start Time

Sunrise

End Time

9:00 PM

NLO was only available for a small market
this expansion to Roller Shades and Commercial Sites
will more than triple the current market

Tilted Shades

Residential Setting

Roller Shades

Commercial Setting

Approach

Abstract Ask to Concrete Strategy

I worked with business stakeholders to translate the initiatives into project goals and strategies

Business Goal

Align Business Expectations

Increase shade adoption by making shades feel smarter​

Ship an MVP by early 2024

UX Strategy

Harness the New Technology

Create a vision experience based on understanding of how Residential and Commercial Occupants interacts with the new technology-NLO.

Deliver an MVP for NLO that is a good start for users.

Step 1

Explore

Learn how users interact with NLO

Step 2

Vision Experience

Vision an Occupant Experience

Step 3

Product Strategy

Chunk down to an MVP and influence strategy

Step 4

Design

Design the MVP and guard the scalability

Diary Study

Revelation from an immersive study

Through the study that Lutron has yet done, I introduced user voice to the business and development teams.

However, from the research, its not the difference that surprises us most, but the similarity between commercial and residential.

Diary Study

Set Up

The team as Dealers program NLO to user's system according to the data given

Location

Philadelphia, PA

Shade Facing

South East

Start Position

100

% Open

Start Time

Sunrise

Direct Sun Position

40

% Open

Direct Sun Time

Calculated

End Position

0

% Open

End Time

9:00 PM

Method

Bring the experience of the initial design in intended market

We mimicked the initially-envisioned experience that’s low-effort at users side and tested it on 20+ users (6 Residential Occupants, 10 Commercial Sites) for 2-3 weeks.

Dealers program NLO to the sites

Start

Direct Sun Time

End

Occupants simply turn NLO on or off

Natural Light Optimization

Based on programming

Diary Study Protocol

Workshop

JTBD Read-out

I advocated for the users by hosting JTBD read-out workshops. In them I empathized the team of business and development with compelling user stories.

Residential Homeowner

Feel Informed

When my shades move

I want to be aware of why they moved and when will they move again

So I feel in control to make informed decisions

Personalize without Fear

When editing automation

I want to not feel stressed trying

Because it requires trial and error before reaching the perfect automation

Temporary Input

When I want to break out from the automation

I want to be confident it's working and I'm not messing up with the automation

Because I don't want to feel trapped

Commercial Space Manager

Feel Under Control

When occupants ask me the reason of movements

I want to know quickly and can adjust if needed

So that I feel like I'm in control of my job

Tweak without Fear

When tweaking for a shared space

I want to know how it affects occupants' experience

So I dont' interrupt occupants' activities

Temporary Input

When there are events require setups that are out of the automation

I want to be sure it is working at the intended time and will resume afterwards

So I don't need to stress and visit the app often

“I love how my shades are already opened when I get up and go to my living room”

a homeowner at a single home family

“… my monitor is not washed out in the afternoon now …”

a office building tenant, young working professional

Solution

Not just Shade Automation, It's Automation

Either residential or commercial, the biggest concern is from the trust to automation

Opportunity

Both residential and commercial users like how once set up, NLO automatically took over 80% of their shade adjustments, fitting the mindset of "set it and forget it".

Shortcoming

The experience was designed to create an simple automation experience. However, the simplicity causes issues due to not being spontaneous enough.

On-site Situation

Obstruction to Individual Shade

Natural Environment

Weather Integration
Temperature Detection

Purpose of the Area

Working Hour
Room Purpose

Shade Automation

Time Clock

Natural Show

Shade
Automation

Third-party App

Manual from Others

0 ➔ 1 Vision

Rebuild an automation experience that users trust

I successfully proposed the concept of automation vision to business stakeholders. As it is user-centric, scalable, and fits business initiative.

Focus Expansion

Not just Shade Automation, It's Automation

I proposed to extend the vision from NLO to the whole Automation as users view all self movements as Automation. With this expansion, we can systemize the experience and achieve the following opportunity:

Business Opportunity

Open up the door to the initiative to create smarter products

User Opportunity

Allow the 2 user pain points Feel Informed and Right Amount of Control

Shade Automation

Time Clock

Natural Show

Shade
Automation

Third-party App

Manual from Others

Workshop

Ideation Session

I hosted ideation around a HMW thats inclusive of automation and NLO. The ideation workshops intentionally includes UX, dev, and business to make sure all functions are heard.

HMW

offer users an effortless automation that's at the balance of being
unobtrusive and attentive

Position Personalization

Override Alert

Flexible Time

Event Editor

Activity Log

Timer for All

Natural Show Integration

Time Clock +

Automation by Area

Business Vision

Boost shade sales
by expanding our smart automation
to new markets

Lutron Shade sales stalled because customers weren't seeing the value.

To address this, the Business plans to expand our shade automation from Tilted Shades and Residential Sites to Roller Shades and Commercial Sites.

Tilted Shades

Residential Setting

2023

Roller Shades

Commercial Setting

2024

Market Expansion for
Shade Automation Technology

Natural Light Optimization (NLO) is a technology
that automates shades using
 User Input  and Calculated Direct Sun Time
to optimize natural light and avoid glare

Start Position

100

% Open

Direct Sun Position

40

% Open

End Position

0

% Open

Calculated Direct Sun Time

Time when the sun hits the facade

Start Time

Sunrise

End Time

9:00 PM

Hypothesized Issue

Is the expansion based on
generalized past success?

The expansion will more than triple the market, and shade automation has been successful.

However, I was concerned the expansion relied too much on assumptions. To advocate for the users, I shared the reasoning with my managements.

Bigger Natural Light Impact

Roller shades allow more natural light in, which might cause more disruption than tilted shades.

Different Use Case

Residential and commercial sites can have different scenarios the design needs to take care of.

Key Concerns to the Expansion

UX Strategy

Harness the new technology
with a user-centered strategy

I devised a UX strategy to bring user voice into the product strategy.

To execute, I worked closely with my Product Owner and PMs for Commercial and Residential Shade Business through storytelling decisions.

Step 1

Diary Study

Learn users experience in an immersive study

Step 2

Vision Experience

Vision an Occupant Experience

Step 3

Product Strategy

Chunk down to an MVP and influence strategy

Step 4

Design

Design the MVP and guard the scalability

UX Strategy

Diary Study

Revelation from an immersive study

I introduced user voice to the business and development teams through conducting diary study and storytelling insights.

However, its not the difference, but the similarity between commercial and residential that surprises us most.

Diary Study

Set Up

The team as Dealers program NLO to user's system according to the data given

Location

Philadelphia, PA

Shade Facing

South East

Start Position

100

% Open

Start Time

Sunrise

Direct Sun Position

40

% Open

Direct Sun Time

Calculated

End Position

0

% Open

End Time

9:00 PM

Method

Bring the experience of the initial design in intended market

We mimicked the initially-envisioned experience that’s low-effort at users side and tested it on 20+ users (6 Residential Occupants, 10 Commercial Sites) for 2-3 weeks.

Dealers program NLO to the sites

Start

Direct Sun Time

End

Occupants simply turn NLO on or off

Natural Light Optimization

Based on programming

Diary Study Protocol

Workshop

JTBD Read-out

I advocated for the users by hosting JTBD read-out workshops. In them I empathized the team of business and development with compelling user stories.

Residential Homeowner

Feel Informed

When my shades move

I want to be aware of why they moved and when will they move again

So I feel in control to make informed decisions

Personalize without Fear

When editing automation

I want to not feel stressed trying

Because it requires trial and error before reaching the perfect automation

Temporary Input

When I want to break out from the automation

I want to be confident it's working and I'm not messing up with the automation

Because I don't want to feel trapped

Commercial Space Manager

Feel Under Control

When occupants ask me the reason of movements

I want to know quickly and can adjust if needed

So that I feel like I'm in control of my job

Tweak without Fear

When tweaking for a shared space

I want to know how it affects occupants' experience

So I dont' interrupt occupants' activities

Temporary Input

When there are events require setups that are out of the automation

I want to be sure it is working at the intended time and will resume afterwards

So I don't need to stress and visit the app often

“I love how my shades are already opened when I get up and go to my living room”

a homeowner at a single home family

“… my monitor is not washed out in the afternoon now …”

a office building tenant, young working professional

Solution

Not just Shade Automation, It's Automation

Either residential or commercial, the biggest concern is from the trust to automation

Shade Automation

Time Clock

Natural Show

Shade
Automation

Third-party App

Manual from Others

0 ➔ 1 Vision Experience Design

Automation Vision

Effortless light and shade experience
combining Automation and Manual

I proposed expanding the shade automation vision
to include all Automation, aligning with user perspectives.

This scalable, user-centric concept was
successfully presented to business stakeholders
and aligned with strategic goals.

HMW

offer users an effortless automation that's at the balance of being
unobtrusive and attentive

Position Personalization

Override Alert

Flexible Time

Event Editor

Activity Log

Timer for All

Natural Show Integration

Time Clock +

Automation by Area

I converged the ideated solutions
and created a light and shade control vision to
align the team and guide the decisions

Automation

80% of
shade movements

Dealer

programs most of the automation

Occupant

customizes part of the automation

Manual

20% of
shade movements

I created Lutron App structure
to guide future Occupants Experience
by combining JTBD and Ideated Solutions

Stress-free Intermission
Timer
Timed manual automation pause
Feel in Control
One Automation Revamp
Event + NLO + Natural Show
Activity Log
All movements at a glance
Dynamic Natural Light
Natural Light Default
Let light and shade breath with natural light
Easy Personalization
Simple Editor
Common tweaks used to only be available for dealers
Lutron App
Activity Log
Manual 20%
Device
Timer
Scene
Timer
Automation 80%
Event
Natural Light Default
NLO (Shade)
+
Natural Show (Light)
Editor
Product Strategy

Chunk down,
Scale up

I collaborated with developers and PMs to create a product strategy that balances business goals, dev effort, and user value.

Lutron App Structure for Automation Vision

To communicate and align user needs, business goals, and development requirements

UX

Blend the ideated features

Biz

Long-term Business goal to increase shade adoption by making shades smarter

Focus on Natural Light Default

Due to Team Resource Matching

Dev

Resource is balanced across Multi-Server, Core, and App

Start from NLO then NS

Build Enabler for a Unified Control

UX

Unify control across NLO and NS

Dev

Build Enabler across NLO and NS

Focus on Time Flexibility

Due to User Needs and Business Opportunities

UX

Suggested 3 features that users need most spontaneity

Biz

Weather integration is picked for another business initiative

2 Phases

Fit Enabler Development and Business Goal in Deadline

Biz

Ship and MVP by Feb 2024

Div

Core team needs time to work on enabler of area-based object structure

Lutron App
Activity Log
Manual 20%
Device
Timer
Scene
Timer
Automation 80%
Event
Natural Light Default
NLO
Shade
Time Flexibility
Lift & Tilt
Position
Weather Integration
NS
Light
Time Flexibility
Intensity & Temperature
Weather Integration
NLO
Time Flexibility
1st Phase

Activity Viewer

2nd Phase

Activity Editor

Design

Activity Viewer

Explained the 1st phase design for NLO
in 3 prioritized JTBD

Activity Viewer aim to build trust to NLO for users by
Informing users the automation details
➔ Letting users know they have ultimate control

Conceptual Model

Systemized automation

Allow users to feel control with a systemized automation

I stacked essential information in one view to help hotel managers pinpoint causes. Research shows that before dispatching staff to address a request, managers need to investigate historical room data, which is often scattered.

Contextualized Navigation

Area-based Navigation

Help users navigate through large amount of devices

-

Visualization for Automation System

Visualization for Automation System

Previous Design
Project-based Navigation

New Design
Area-based Navigation

Trade-off

Rebuild data structure to support area-based design

Rebuild

I stacked essential information in one view to help hotel managers pinpoint causes. Research shows that before dispatching staff to address a request, managers need to investigate historical room data, which is often scattered.

Chunk Down

Carve time for backend data to work on data structure change

Focusing on shades for first-phase product

-

Previous Data Structure
Project-based

New Data Structure
Area-based

Scope Down

Scope Down

Device Grouping

Control shades as meaningful groups

Allow users to feel control with a systemized automation

I stacked essential information in one view to help hotel managers pinpoint causes. Research shows that before dispatching staff to address a request, managers need to investigate historical room data, which is often scattered.

Visualization

Visualization

Familiarize users with numeric informationTimeline DesignOpenness Icon

-

Balanced Control

Personalize automation previously available only for professionals

Simplified time and openness tweak

I stacked essential information in one view to help hotel managers pinpoint causes. Research shows that before dispatching staff to address a request, managers need to investigate historical room data, which is often scattered.

Biggest Request

Tewak Openness for single shade device

From the diary study

-

Contribution

Metrics and Impact

During the project I demonstrated the following skillset and achieved impacts

System Thinking Strategize complex architecture across features

Interpersonal Skill Navigate new concepts through working closely with developers, PMs, and managements

Boundary-pushing Advocate for users

53%

growth of satisfaction rate

To learn how useful activity viewer is for shade automation

0-1 Vision

design strategy

Distilled critical pain point for a new technology and influenced the product strategy

MVP

on-time delivery

Launched a steady first step into the automation vision

Component Speccing Tool
for Electronic Engineers, Dec '22

EE Hub

Smart Home Lighting
for Mass-market Homeowner,  July '22

Timer for Smart Home Lighting