LIU JIANGYILANG
PORTFOLIO User Experience Design
picture source: www.cadilac.com
RESUME
Experience
Education
Work experience/On-campus experience
Anticipated graduation- - - Dec 2019
Jul 2017---Nov 2017
The university of Sydney
Tangnong Network Technology Co., Ltd.
Master of Interaction Design
Product manager intern-Wuhan, Hubei
Sep 2014---Jun 2017
Mar 2017---May 2017
Shanghai Conservatory of Music
MXRSoftware Technology Co., Ltd.
Bachelor of Arts, Multimedia art design
Augmented reality book making intern-Suzhou, Jiangsu
Sep 2013---Jun 2014
Dec 2014---Dec 2016
Adobe Illustrator | PS | Muse|PR
China Academy of Art Shanghai Design Branch
Shanghai Conservatory of Music Digital Imaging Center
Sketch
Digital design, Exchange pogram
Multimedia editing intern-Shanghai,China
刘蒋逸浪 1995/11 T ed L au Multimedia art design Int e racti on design
SKILLS Visual
User Interface Adobe After Effects Axure PR Principle Mockup Other P5.js | vvvv| Arduino
DESIGN ALBUM OVER VIE W
CUE system Redesign Sep 2018
Onstar redesign(Ver8.4) Sep 2018
Feedback between co-workers Aug 2018
Qunongzhuang Jul 2017
Other design
CUE REDESIGN BASE ON XTS
Improve user experience based on existing conditions
comfort
Attributes
safe enj oy
Current tech
i nt el l i gent
Needs
c on n e c t i v e personal i se l ow consu mpt i on
DESIGN PROBLEM How to redesign the CUE system to improve theUX of XTS in near future.
picture source: www.cadilac.com
GM Motor Future pathway www.gmchina.com
UX changes & chanllenges Before 2023
GM planned to throw in 20 electronic vehicles 0 accident, 0 emission, 0 congestion
Intelligent cockpit information display -HUD / Full linquid crystal dashboard/ Streaming rearview mrror Central control screen/ Back row entertainment system
2020
10 Hybird/Plug-in vehicles
New form of interaction（HMI） -Control: Voice / Gesture / Brainwave/ Eye tracking -Input: Android auto, Carpaly/ Voice / Screen
2018
15 vehicles planned in China, publish “Super Cruise”
-Feedback: Vibration/ illumination/ Voice / Gesture
promoting sustained growth 2016
GM motor purchase Cruise Automation Further development of autoplilot
Driving -Driveless car/ Driving aids/ Intelligent car（AI） -Active brake/ Pedestrian protection
PROBLEM
7
observations with GM car daily drivers
3
53
deep interviews with cadilac owners
Online questionnaire
Painpoint 1
Painpoint 2
Low efficient vehicle system
Blind operation issue
- About 85% participants thought that CUE responding speed was slow
- All participants believed it was dangerous to touch screen while driving, 70% of them were not willing to use voice control due to low efficiency.
- More than 90% particanpants hardly used navigation via CUE system
- The currenty system was not able to write Chinese quickly and correctly.
Painpoint 3
Difficulty on music playing inition - About 65% participants used bluetooth to play music while driving. 90% of them thought current system was complex.They also complain bluetooth connection was slow. - 25% of them care about bose sound system on XTS
UNDERSTANDING Background Xue was born in Jiangsu provience,China. He is a marketing manger. He frequent travel between Shanghai and Suzhou via self-driving. Xue JIN 36 years old Marketing manger Vehicle: XTS
Driving exeripence Mr.JIN is a experienced drivier, he drive car more than 10 years. Due to business reqioreemts, car is a part of his daily life and work. He treats safe as top priority and enjoys music while driving. The frequency of changing car is every 5 years.
Tech usage
Family He has one child who is a 4 years old girl. He lives in a spacious apartment with his wife and kid in Shanghai.
Limitation Learnability is not as well as the young. Sometimes Mr.JIN are tired while driving a long trip, he cannot focus for a long time.
STORYBOARD
1.It is a snow winter, Tome wake up and notice the cold weather.
2.Before breakfast, Tome use phone to remote start car in order to run air condition to get warm.
3.After 10 mins, Tom open the door, he feel warm and haapy in the cold outside.
4.He is on the way to company and turn on the seat heat while listening the FM.
5.He remembers a song he recently listn on the phone, and want to listen that while the traffic light is red.
7.When he arrive the company, he still cannot listen the song he wants.
6.He looks the HUD and operate in a hurry to connect phone. But he failed beacause the traffic light timing is not enough to do that.
Brainstrom
Painpoint 1
Improve hierarchical structure
Low eďŹƒcient vehicle system
incr eas
e ea
base on current hardware design
incr eas
e ea
se o
f us
Match user limitation
f us
e
Painpoint 2 fit user mental model
Blind operation issue
nt h a
rdw a
re d e
sign
e
se p
base
on c
urre
Individuality & interest n o i t c e n n o p c e t s s ce r on i u t o a s r e a i p d o n o me i t c u red
ve o o e r l i p h m i w n y it to r t ) o i u d r r b a tp o hs s b 1 u s sh p i l a e a d , ic iv n r s n y o d e i h e t e r p ia sc u saf s E U nt C e , r e D ff U i H d y( in a l e p d is o d m k ce i c v a e db -d i e t l e f n Mu o ti a r pe o d n i l B
convenient operation
Painpoint 3
DiďŹƒculty on music playing inition
Usage scenario
g n i t a r e p
Ideation 1.0
Iteration 2.0 Current tech on XTS input
output CUE
multifunctional steering wheel
voice
central control screen
seat vibration
CUE
streaming rearview mirror touch
full liquid crystal dashboard/HUD
Onstar app
reaeview mirror
Bose sound
Refine 3.0 touchpad
Infrared touch & tactile feedback improve operating eficiency
operating liquid crystal dashboard operating HUD information improve operating eficiency
press process “OK” function
Refine home button function Painpoint 1
Add physical “back” button, short press process “back” function long press process original function--home page
Low efficient vehicle system
Add nfc to tap connection
Redesign the button(see right pic)
stand alone “go back” button Painpoint 2 redesign direction key for rapid sliding
Painpoint 3
Difficulty on music playing inition
Blind operation issue
P1
inspire from “windows mobile dopod”
nfc sensor placed in wireless charging, auto connected with car
P2
inspire from “logitech mouse”
P3
inspire from “blackberry 9700”
High sampling rate improve selection speed
Prototyping-dashboard Static simulation test(prototype)
P1
P2
User testing
Dynamic simulation test(expert testing)
P3
P1
P2
P3
Standing by
Driving low-speed
Turning smoothly
Turning sharply
operation fail
operation pass
Prototyping-user interface Playing music
Sound distribution
Radio playing
EQ adjust
EQ preset
Input radio
*paper prototype has been tested with 2 ux experts in au and improved before making wirefram
Main screen Information architecture USB
device selected
ipod
bluetooth music source
CD/AUX
pair device
Add “nfc� to reduce pair devices steps
display songs' information
Next song
Music function
Now playing
last sog
pause/play
adjust volume
preset EQ adjust adjust eq
FM/AM
Radio
preset list search station adjust volume
last radio/next pause/play
Optimizing interface layout
wireow
Music playing page-1
Radio playing
Radio playing page
Primary interface
Secondary interface Every time click, the playing mode change
Music playing page-2
Music play page-2 shows playing music status without operation, while drivers use fingure approach nearby screen, it will change to Music play page-1
Music source page
Radio search page
Limitation: Due to CUE has no external physical buttons to aid selecting operation, using big icon is one efficient way to simply ease operation steps. While designing it drivers’ attention should be considered at the first place.
page_list
EQ adjust page
To suit Chinese usage habit, put the list on the right
EQ adjust page_preset
EQ adjust page_sound location
The original design has no function like preset. It is one way to let non-enthusiast to improve auido effects experience.
Furthermore concept about touchpad on steering wheel
Heart rate monitor
monitor drivers’ vital signs avoid accidents
Different users settings relevet to seat memory & CUE personal setting change different users such as seat memory
Control HUD information Using eye control to shift touchpad control aera
Burglar tracking Unauthorized user fingerprint record alert car owners
Limitation: just extend ideation in future wihout usibility testing
Ver:8.4
MD DESSIGN CONCEPT
Design process
Background research Project background Project position Problem analysis User portrait Story board
Current app heuristic evaluation think-aloud
ReďŹ ne user experience ideation prototype usability testing iteration
(picture source :https://oregoncenterfornursing.org)
Background research
Description
Anjixing Intelligent Driving Safety System in cooperation with SAIC-GM Cadillac, Buick and Chevrolet brands. Function
It can keep track of your vehicle status, remote control of your vehicle, and learn about Anjixing's latest service information on your mobile phone. Marketing position
Rank 1st in intelligent automobile category of app store. Monthly independent equipment number is 24000 units(Data from iResearch Aug,2018).
Qualitative research
2
interview with onstar users
23
50
online questionnaires
comments analysis (ver 8.4)
Positive
Negative
Remote control
Slow reaction
- About 70% participants thought that remote control is useful. - About 47% participants used remote start in winter/summer
- About 28% participants thought the app run slowly. - About 21% participants thought that map update slowly.
- About 47% participants used remote open/close
- About 28% participants complained the remote controling is slow.
Information of car
Mandatory upgrade
- About 90% participants were satisfied with complete information display
- About 28% participants complained the upgrade process.
- About 64% participants used onstar to check cars’ information - About 5% participants thought emergency was great while happenig accidents.
design focus
iteration via programming to improve
Flashback - About 21% participants complained the flshback while using the app.
Personas Private businessman
-Family -Location -Needs -Features
Working people
Manager
Jian jun LIU
Xue LI
Yue WANG
29 years old married
26 years old unmarried
36 years old married
live with wife and a kid Wuhan, Hubei earn money take care of families have bussiness meeting self drive to work everyday practical
live with roomates Songjiang, Shanghai earn money just for himself weekend friving have ideas
live with 2 kids and wife Puxi, Shanghai strong enterprising spirit need quality environment for kids efficient
Scenarios Private businessman
Working people
Xue LI
Jian jun LIU “Car plays several roles in my daily life”
Manager
“I like going out with my friends by car”
Yue WANG “While I go to another city for business, my car is a reliable friend”
9:00 AM
Send kid to school
9:00 AM
go to work by public transport
9:00 AM
Send kid to school
11:00 AM
promote the sale of products
11:00 AM
eat a simply lunch
11:00 AM
bussiness trip between 2 cities
13:00 AM
deliver goods
13:00 AM
have a coffee break
13:00 AM
several meetings with co-workers
16:30 AM
pick up wife and kid
18:30 AM
20:30 AM
back to home
drive a car to have a dinner
Current Android_version test 2 ux master students
1 java developer
2 android users
Nokia 8_Android 8.1.0
Onstar 8.4.1
Task settings
Task 1
1. Before test give users 5 mins to be familiar with test devices. 2. Put camera and screen recording in the front of users. 3. Writing the password “290056” on the paper, put paper on the desk.
Look up car’s information 1. Open “onstar” on the phone and find tyre’s information 2. Open “onstar” on the phone and tap “onstar plan”, check the plan statue tell me how many days it left.
Task 2 Remote control 1. Open “onstar” on the phone and tap remote control, remote start car. 2. Open “onstar” on the phone and tell me the operation history information
Task 3 Car’s location check 1. Open “onstar” on the phone and find cas’ location icon put password on it. 2. Follow task 3.1, share current location to wechat moments.
Findings from users 1. In main page, infrmation is confusing for users, in task 3 it is hard for users to “undo” operation 2.Remote control failed because of internet connection for few times. 3.Interface layout confusion, it takes a long time to find specific information
Heuristic evaluation-Neilsen’s heuristics
Violation
Visibility of system status
Prototype-Design
Description
User cannot see the process of remote control.
Error prevention
There is no going back button when users want to cancel passwords input.
User in control
There is no undo and redo in the main page.
Flexibility and efficiency of use
In the main page user cannot slide to left.
Aesthetic and minimalist design
Interface layout is confusing for users to look up function.
Design focus
wireflow Notification
Provention_page
Main page_2
Password_input
Loading page
Location_information
Location_information_2
X
其他作品 媒体类 《那些醒着的梦》毕业摄影展 2017年6月9号-11号 上海图书馆展出 http://www.sohu.com/a/149136243_657380 《家客》新媒体舞台参与制作 2017.7-2018
（摄影宣传片网址）
2017年国家艺术基金资助项目、2017年上海文化发展基金会资助项目、2017年上海新剧目展演优秀剧目奖获奖剧目
http://www.sohu.com/a/207188121_740643 《春节自救指南》参与多媒体采编 2017.1 https://v.qq.com/x/cover/g55emri97hj2qpr/a0367tlv8e9.html 2014-2016 上海之春音乐节采编；上海新艺术季宣传；《汤显祖》等几十场音乐会 新媒体剧场采编 Javascript 作品 https://www.openprocessing.org/user/136322#sketches Behance 作品 https://www.behance.net/liulangyea7f1f