• LinkedIn - White Circle
  • Vimeo - White Circle
  • Facebook - White Circle

Project Duration  

7 month, Aug 2016

Responsibility  

The lead UX designer of Home Automation Project

Software

Sketch, Flinto, AE

The Mercedes companion app gives users access to their Mercedes-Benz from anywhere. Start the engine, lock the doors, or get technical help at the push of a button.

Home Automation is a new section we added on the Mercedes Companion app as a new feature. It allows users loading “scenes” from HomeKit, Nest, and SmartThings and using the vehicle’s GPS  to trigger “scenes” based on the distance to a location.

 

As the only UX designer in the team. My work including discover and define customer problems, develop potential solutions, conduct user study and in the end Deliver the product.

 

Design Process

 

DISCOVER

User Interviews

Journey Map

DEFINE

Problem Definition

How Might We

DEVELOP

Wireframe

Prototypes

User Study

DELIVER

UI Design

Micro Interactions

DISCOVER

User Interview

To refreshing minds and discover customer problems. We decided to conduct a user interview with real customers. 

First, we asked their permission to recode their daily driving experience for both weekdays and weekends. so we can capture their behaviors. 

After that, build empathy with customers. we also interview participants to get better knowledge about what is delightful and what is annoying in the driving experience.

 

DEFINE

How Might We

How might we leverage the existing resources to close the gap between users’ vehicles and smart home?   

DEVELOP

Version.1

2 Solutions

Version.2

View workflow

While developing, the team comes to a point of divergence.

Some of us believe our user might prefer to have a clean interface to see current setups for home, like version 1.

The rest of the group think the user might prefer to see a whole list of IoT systems so they can easily access and customize IoT scenes.

 

DEVELOP

User Study

To compare the usability of two UI concepts and understand user’s behaviors, experiences, and motivations. We conducted a user study among 10 participants by using the Think-Aloud technique.

Demographics
&background

Personal information

Familiarity with IoT 

Think-Aloud
Approach

15-minute narrative

Completion of 10 tasks

Concepts
Comparison

Ease of use Favorability 

Advantages/ Disadvantages

Data
Analytics

10 task completion

User Comparison result

DEVELOP

Study Findings

Efficiency

Is the Information Hierarchy indicates how content related and makes it easy for user to access information?

Learnability

How will users quickly grasp how to use the feature?

Did the UI support the user’s expectation?

Findings |

Efficiency

Is the Information Hierarchy indicates how content related and makes it easy for the user to access information?

We found:

The original Information architecture is not clear, users confused that how geofences and systems relate to a location.

So We:

Put the most common use cases on the first level and move other use cases deeper.

Meanwhile, we still make it easy to find everything that’s deeper in the app.

Findings |

Learnability

Did the UI support the user’s expectation?

 

1. The map helped explains the concept of the geofence

 

2. Descriptive labels will help users find information and

 it also teaches the user how the concept works.

 

3. A right icon will be a good indicator.

Concept 1 - V.1

Concept 2 - V.2

How will users quickly grasp how to use the feature?

 

We found:

Users confused when they see default terms and unfamiliar gestures.

So we:

1. Instead of showing default terms on the top level, we use their customized scenes title to Reduce users’ learning curve.

2. Add help text. It is a helpful tool to clarify the process and explain the gesture. 

Both concepts showed a combination of aspects tested well. In the end of the study, I designed V.3 that emerged the most user-friendly aspects of both versions. 

Study Summaries

DEVELOP

Low-fidelity prototypes of V.3

 

DELIVER

UI Design

Both concepts showed a combination of aspects tested well. In the end of the study, I designed V.3 that emerged the most user-friendly aspects of both versions. 

flow.png

DELIVER

NEXT STEP?

This add-on feature launched in 2017 in both the US and European markets. Mercedes is the first one in the automotive industry to integrate IoT to the driving experience.

Quantitative
Research

To measure how well the product meet user’s needs. 

Edge Cases

Thinking about extreme scenarios.

Onboarding
Experience

Optimizing the on boarding experience.