Intelligence Design Guideline

 

People problem: Many products suggested irrelevant services to users with Machine Learning (ML), which caused an unsustainable relationship between users and their phones. Our team believed that better-designed intelligent products could serve as a critical shift for phones and develop a personalized relationship with users.

I was the UX Designer on this project. I helped with designing a guideline that specifies when is appropriate for intelligence and how designers should design natural experience with machine learning. I also worked on coming up with use cases and creating prototypes as the best practice of the guideline.

09. 2017 - 03. 2018 @ Huawei Innovation Lab

 
 
Group-8.png
Group-10.png
 
 

Define machine intelligence

Does your design task really need AI? The first step was to determine what kind of design would fall into this “machine intelligence” category and use our guideline. I did secondary research and defined intelligence products coming from Alan Cooper’s chapter on “considerate products”.




 
go.png
 

Does the product needs to be ML-based? How smart it should be?

A framework to evaluate intelligent actions

After knowing the boundary of Intelligent products, I wondered how smart the intelligent product should be. I did competitor research and suggested my peer designers to do an open card sorting activity with me in order to quantify how smart these features are. I divided them into 4 groups and found patterns.

Learn from 3rd-party apps and categorize the intelligent feature into 4 states

What decides that specific features should stay in a specific state? I first considered two things: the probability of being correct and the cost of being wrong. To better evaluate AI actions, we put those two measurements on the x and y axis. The probability of being correct is heavily correlated to the error rates in machine learning.  And the cost of being wrong takes time, frequency, publicity, monetary, decision ambiguity, and decision fatigue into account. Based on the x value and y value, each action will fall into one quadrant, which is a “state”.

We named the four states:
Manually Maintain: Let users be in full control of the response.

Choice Curation: Present a narrowed-down set of options for the user.

Simplify Selection: Seek user confirmation before execution.

Automatic Assistance: Provide automatic service as well as raising awareness to the user that something was done on their behalf.

ADF-1.jpg
 
 

Use Case 1


Anatomy of a smart card

grid system
 
 

I designed some intelligent features that can adapt to four states, and I used those features to validate the framework as use cases.

 
Screen Shot 2019-09-06 at 12.53.02 AM.png

1. Manually maintain: A user select a song to play.

2. Choice curation: The user gets low-confidence suggestions - more songs from the same artists and the played songs.

3. Simplify selection: With some usages, a medium confidence card queues understand the music genre and habits of the user and queues contextual playlists.

4. Automatic assistance: With more usage, the user gets a high-confidence suggested songs automatically played.

 
Screen Shot 2019-09-06 at 12.52.16 AM.png

1. Manually maintain: A user search for a destination.

2. Choice curation: The user gets low-confidence suggestions - more destinations from past search.

3. Simplify selection: With some usages, a medium confidence card queues understand user habits of visits, such as time and locations.

4. Automatic assistance: With more usage, the user gets a high-confidence suggested destination and automatically starts the navigation.

 

Use Case 2


Anatomy of a smart bar

grid system

 

A smart bar is a flexible component that can adapt to a different confidence level.