51
UX/UI in China Steven Wang [email protected] 0987-253-575 ! "

2014/10/3 Ux in china

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 2014/10/3 Ux in china

UX/UI in ChinaSteven Wang

[email protected]!

"

Page 2: 2014/10/3 Ux in china

關於IXDC

Page 3: 2014/10/3 Ux in china

in China

IXDC國際體驗設計大會

3

Page 4: 2014/10/3 Ux in china

in China

IXDC歷史簡介

4

2010年工業設計活動周成立

!

參與單位包括廣州美術學院設計學院、江

南大學、香港理工大學設計學院、網易、

騰訊、華為、中國電信、中國移動、金山

百度、阿里巴巴等。

Page 5: 2014/10/3 Ux in china

in China

UX在中國的重要性

5

♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂

Page 6: 2014/10/3 Ux in china

in China

中國UX工作分類

6

視覺設計用戶研究

管理

交互設計

Page 7: 2014/10/3 Ux in china

與會過程

Page 8: 2014/10/3 Ux in china

in China

北京國家會議中心

8

Page 9: 2014/10/3 Ux in china

in China

會場入口

9

Page 10: 2014/10/3 Ux in china

in China

會議導覽

10

Page 11: 2014/10/3 Ux in china

in China

大會內容分類

11

高峰會圓桌會議

工作坊

大會演講

Page 12: 2014/10/3 Ux in china

in China

高峰會

12

Page 13: 2014/10/3 Ux in china

in China

大會演講

13

Page 14: 2014/10/3 Ux in china

in China

圓桌會議

14

Page 15: 2014/10/3 Ux in china

in China

工作坊

15

Page 16: 2014/10/3 Ux in china

in China

講者類型

16

業界學術界

Page 17: 2014/10/3 Ux in china

in China

與會者目的

17

人脈學術宣揚

104

業界交流

Page 18: 2014/10/3 Ux in china

in China

業界與會者反應

18

展現基礎理論,缺乏落地實作方針。

工作坊主題與實際呈現內容不符。

照本宣科,了無新意。

太理想化,現實中根本不可行。

論題發散,太過抽象化而無法聚焦。

Page 19: 2014/10/3 Ux in china

工作坊分享

Page 20: 2014/10/3 Ux in china

in China

Continuum

20

Continuum是一家以創新的思維做體驗,

通過創新改變世界的公司。公司地點位

於紐約、波士頓、洛杉磯、中國上海、

意大利米蘭和韓國首爾。公司的理念主

要是強調Design Thinking。

Page 21: 2014/10/3 Ux in china

in China

Continuum辦公室

21

Page 22: 2014/10/3 Ux in china

in China

中信銀行案例

22

Page 23: 2014/10/3 Ux in china

in China

中信銀行案例

23

1 Transparent

透明

2 Respectful

尊重

3 Uninterrupted

無縫

4 Stimulating

鼓勵

5 Tangible

有形

T.R.U.S.T.

Page 24: 2014/10/3 Ux in china

in China

中信銀行案例

24

Page 25: 2014/10/3 Ux in china

in China

中信銀行案例

25

Page 26: 2014/10/3 Ux in china

in China

中信銀行案例

26

Page 27: 2014/10/3 Ux in china

in China

中信銀行案例

27

Page 28: 2014/10/3 Ux in china

in China

假日酒店案例

28

Page 29: 2014/10/3 Ux in china

in China

阿里巴巴中國站UED

29

數據化的設計思維

!

用數據支持設計決策,這是阿里巴巴強調

數據的原因。此工作坊介紹數據化設計思

維的過程,數據獲取、解讀與分析方法和

模式。

Page 30: 2014/10/3 Ux in china

in China

阿里巴巴中國站UED

30

Page 31: 2014/10/3 Ux in china

in China

阿里巴巴杭州

31

Page 32: 2014/10/3 Ux in china

in China

阿里巴巴杭州

32

Page 33: 2014/10/3 Ux in china

in China

設計分類

33

理性感性

Page 34: 2014/10/3 Ux in china

in China

讓設計更有說服力

34

!

定性分析 !

訪談

測試

問卷

競品分析

!

定量分析 !

身份

行為

態度

Page 35: 2014/10/3 Ux in china

in China

數據的特性

35

量化客觀

誠實

證據

Page 36: 2014/10/3 Ux in china

符號

in China

什麼是數據與信息

36

符號

聲⾳音

字幕

圖像

數字

信息數據是通過物理觀察得來的事實和概念,是關於現實世界中的地⽅方、事件、其他對象或概念的描述。!!

信息與數據是不可分離的,數據是信息的表達,信息是數據的內涵。

廣義

Page 37: 2014/10/3 Ux in china

in China

數據化的設計思維

37

1. 數據與設計的關係!!

2. 設計需要什麼數據!!

3. 如何⽤用數據

Page 38: 2014/10/3 Ux in china

in China

設計與數據的關係

38

數據設計 什麼關係

Page 39: 2014/10/3 Ux in china

in China

通常設計過程

39

業務訴求

用戶訴求

設計目標 切入點 設計方案

Page 40: 2014/10/3 Ux in china

in China

數據輔助設計決策

40

設計 目標 切入點

設計 方案

業務 訴求

用戶 訴求

發現 問題

啓發 思路

判斷 方案

驗證 目標

數據 指標

Page 41: 2014/10/3 Ux in china

in China

設計與數據的關係

41

數據設計

用戶/業務訴求

設計目標

設計切入點

設計方案

數據指標

發現問題

啟發思路

判斷方案

驗證目標

數據輔助設計決策

Page 42: 2014/10/3 Ux in china

in China

設計需要什麼數據

42

!

身份 !

性別年齡

訪客族群

瀏覽渠道

行業

!

行為 !

點擊

停留時間

蹦出率

退出率

!

轉化 !

轉化率

下單意願

任務達成

Page 43: 2014/10/3 Ux in china

in China

設計目標決定數字指標

43

!

設計目標 !

Goal 列出

設計目標

!

用戶信號 !

Signal 用戶行為

表現

!

數據指標 !

Metric 引用相關

數據

G.S.M.

(提升睡眠品質) (容易⼊入睡) (⼊入睡時間⻑⾧長短)

Page 44: 2014/10/3 Ux in china

in China

用戶體驗量化的五度

44

第一印象 操作體驗 主觀感受 再次訪問 口碑傳播

吸引度

完成度

滿意度

忠誠度

推薦度

Page 45: 2014/10/3 Ux in china

in China

設計與數據緊密結合

45

數據設計

用戶/業務訴求

設計目標

設計切入點

設計方案

數據指標

發現問題

啟發思路

判斷方案

驗證目標

數據輔助設計決策

推薦度

忠誠度

滿意度

完成度

吸引度

設計思維的數據化

G 目標

S 信號

M 指標

Page 46: 2014/10/3 Ux in china

A/B Testing

Page 47: 2014/10/3 Ux in china

in China

什麼是A/B測試

47

$$$$

A/B Test

$$

$$

Option A

Option B

Goal Page

17%

23%

Page 48: 2014/10/3 Ux in china

in China

A/B測試的目的

48

Proof Hypothesis

Drive Conversion Rate

Learn About Users

SEO Purpose

Build Knowledge Base

Page 49: 2014/10/3 Ux in china

in China

什麼可以做A/B測試

49

Heading

Images & Logos

Content

Buttons

Trust Seals

Page 50: 2014/10/3 Ux in china

in China

案例分享

50

增加23%

Page 51: 2014/10/3 Ux in china

in China

案例分享

51

轉換率增加30%

轉換率增加27%

轉換率增加15%

轉換率增加7%

原始設計