Interaction design

Page 1

LIU JIANGYILANG

PORTFOLIO User Experience Design

picture source: www.cadilac.com


RESUME

Experience

Education

Work experience

Anticipated graduation- - - Dec 2019

Jul 2017---Nov 2017

The university of Sydney

Tangnong Network Technology Co., Ltd.

Master of Interaction Design

Primary product manager-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 Co -wor ker


feedback

Overview of project - This project is cooperation between the university and sofware gint atlassian in australia. Design purpose is helping co-workers to share information and exchange perspectives in order to improve working envirnment

Job description - Team members: Chunan SUN, Jiangyilang LIU (me) , Xuheng WU - My duty: survey; analytical requirements; make prototype for android, test and evaluation with memebers.


Product Positioning

A project-centered feedback application

Process of Ideation The final solution was originated from a discussion about how we understand “Feedback”. Initially we focused on different aspects of feedback, which was mainly divided into two sections. In the procedure of conducting a project, colleagues should give feedbacks to each other in order to keep on the right track, while at the end of that, peer-to-peer feedbackenables employees to have a better understanding of their performance. In general, project works as a link between co-workers in teamwork, and the majority of conversations and behaviors are related to it. As a result, we combined all our ideas with a mutual point, which was “In the workplace, feedbacks are based on projects”, and that’s how we formed our idea.

Design process research--analysis requirement--brainstorm--design prototype--evaluation(swift iteration)


Qualitative research& process

3

interview with users

24

online questionnaires

3

co-workers brainstorm



Core function


give feedback process




Wireflows


prototype




201 7 . 07 - 11 (移动端2 0 18 .0 1上线) 主要职能:需求分析,原型制作


设 计流 程

前期调研

用户分析

产品设计

项目背景

用户画像

结构框架

产品定位

故事版

原型制作

需求分析


-项 目 综述 去 农 庄 网 是 中 国 第 一 款 “ 互 联网+ 农业”的大型乡村旅游网站平台和手机APP 把 城 市 周 边 的 “ 休 闲 农 业 经 济 体和生态种养殖基地”等整合在一个平台上,满足城 市 居 民 对 于 休 闲 农 业 和 吃 住 行 、生态农副产品购物的需求和消费。

-用 户 范围 7 0 后 , 8 0 后 奋 斗 事 业 小 有成就的中产,有孩子的家庭

-使 用 环境 周 末 一 家 人 出 游 周 边 农 庄 ,短途旅行 旅游结束之后购买农产品

-产 品规划 1.0 满足周末出游农庄的需求 1 . 1 农 业 众 筹 让 下 一 代 感受种田等老一辈活动 2 . 0 农 品 电 商 贩 售 原 生 态的农业产品 2.1 休闲养老,回归田园


用户画像 服装批发商

-家庭状况 -家庭年收入 -人物概述

-用户痛点

国企行政员

工程管理员

刘君红

王力兵

王建军

35 岁

33 岁

深圳

武汉

47 岁 南昌

iPhone 7 plus

华为p10

三星W2017

育有大女儿10岁,小儿子2岁

独子,初中在读

大女儿大学在读,小儿子10岁

淡季30万,旺季50万+

15万

50万

王先生在国企带了十年,每天工作波动 比较小,工作压力不大,每天都有很多时 间关注老婆孩子,周末很享受家人在一起 的时光。对孩子要求不高,希望一家人平 淡,开心。

王总出身农村,读过师范,后来进修过大学, 在上个世纪加入了建设行业,工作积极投入只 有周末有机会跟老婆还在在一起,十分注重 情亲,逢年过节回家探望老父亲。

刘老板出生在中国中部一个偏远的小县城 在千禧年以后走上了南方打工的历程,自 己在攒够钱以后独立经营了一家服装店, 虽然挣了很多钱,但是文化水平有限,喜 欢性价比高对东西,对孩子的教育舍得投入。

在淡季的时候想出去玩,但是又不能离开厂子 太远,短途的地方都是朋友推荐的。都已经玩 过很多次,没新鲜感。

想跟家里人在周末一起度过,但是不想呆在 城市里,不知道有什么地方适合老年人出行。

忙碌了一周,周末想跟家里人一起吃一顿家常菜 有的时候想带父母到周边的镇上走走逛逛,没时 间寻找合适的地方。


故事版

星期五的晚上,刘文下班了躺在沙发上

只有每周五一家人才能聚在一起吃晚餐 看到桌上的玉米跟家常菜,刘文突然想 有没有近郊的地方能来一趟周末出游

玩着手机,想想周末跟老婆孩子在一起 干点什么

他吃完饭后,打开手机,发来覆去没有 找到一个合适的地方,又能休闲旅行不累 又可以吃上农家菜的,他决定问问朋友

老婆在做饭,准备了一顿温馨的晚餐

朋友们要么是一起去过的地方,没有新意 要么就是不知道,最后不了了之,周末出 行计划失败了


产品主要功能结构图





其他作品 媒体类 《那些醒着的梦》毕业摄影展 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


自我介绍 您好,我是刘蒋逸浪,目前在悉尼大学读交互设计,预计2019年10月毕业。本科是 上海音乐学院,多媒体艺术设计专业,2013年在中国美术学院上海设计院数字系交 换一年。 从2014年到2016年,我在学校下属的数字中心从事多媒体采编工作,主要是制作音 乐会,舞台剧等相关等宣传工作,每逢上海新艺术季也会参与多媒体舞台制作。在 本科毕业以后,计划在2019年读研,其中半年的空档期在 唐农网络科技有限公司 开始了初级产品经理的工作,在创业公司承担了产品调研,产品设计等工作职能。

个人优势

有一定的产品设计经验,能有逻辑地发现问题,并给出解决方案,熟悉调研方法。 熟练使用设计软件,能产出手绘原型,故事版,高低保真交互原型。 有基础的前端代码能力,可以使用p5.js制作交互式动画。 协作沟通能力,执行力强,抗压能力强,与其他岗位职能的同事沟通高效。


汽车历程

热爱汽车,对诸多车型有长期的体验,历经了凌志LS(UCF10); 马自达mx5 nb(1998); 萨博9-3 Arc(2004); 阿尔法罗密欧159(2006); 马自达6 (2006); 马自达 6睿翼; 荣威550手动(2009); 霍顿 克鲁兹 (2010); 凯迪拉克XTS(2015);马自达 阿特兹; 奔驰C w205; 英菲尼迪Q60(2017) 短期体验:斯科达 速派(2016); 奥迪A6 (2016); 雷克萨斯nx300(2017); 奔驰V260d 宝马530 G30; 本田思域FC1(2017);福特蒙迪欧(2017)等。 试驾体验:丰田海狮,标致雪铁龙等。 长期驾驶汽车,并对汽车每天通勤70KM交互历程有着实际的体验,对于主流的汽车HMI 都有不同场景的使用,通用CUE,奔驰command,奥迪mmi,马自达tomotoa,丰田 remote touch。 有效驾龄3年 熟练驾驶手动挡,安全驾驶历程7万公里+,在应届生中具备一定与关 于汽车同理心以及体验场景的理解,能体会一定的显性跟隐形需求。

汽车之家贴文 https://i.autohome.com.cn/25808851/club/topic?pvareaid=104133 邮箱地址:tedliu1997@qq.com 联系电话:+61 0452190360


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.