SlideShare a Scribd company logo
1 of 50
Download to read offline
UX/UI in China
Steven Wang
chokobu22@hotmail.com
0987-253-575!
"
關於IXDC
in China
IXDC國際體驗設計大會
3
in China
IXDC歷史簡介
4
2010年工業設計活動周成立
!
參與單位包括廣州美術學院設計學院、江
南大學、香港理工大學設計學院、網易、
騰訊、華為、中國電信、中國移動、金山
百度、阿里巴巴等。
in China
UX在中國的重要性
5
♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂♂
in China
中國UX工作分類
6
視覺設計用戶研究
管理
交互設計
與會過程
in China
北京國家會議中心
8
in China
會場入口
9
in China
會議導覽
10
in China
大會內容分類
11
高峰會圓桌會議
工作坊
大會演講
in China
高峰會
12
in China
大會演講
13
in China
圓桌會議
14
in China
工作坊
15
in China
講者類型
16
業界學術界
in China
業界與會者反應
18
展現基礎理論,缺乏落地實作方針。
工作坊主題與實際呈現內容不符。
照本宣科,了無新意。
太理想化,現實中根本不可行。
論題發散,太過抽象化而無法聚焦。
工作坊分享
in China
Continuum
20
Continuum是一家以創新的思維做體驗,
通過創新改變世界的公司。公司地點位
於紐約、波士頓、洛杉磯、中國上海、
意大利米蘭和韓國首爾。公司的理念主
要是強調Design Thinking。
in China
Continuum辦公室
21
in China
中信銀行案例
22
in China
中信銀行案例
23
1	

Transparent
透明
2	

Respectful
尊重
3	

Uninterrupted
無縫
4	

Stimulating
鼓勵
5	

Tangible
有形
T.R.U.S.T.
in China
中信銀行案例
24
in China
中信銀行案例
25
in China
中信銀行案例
26
in China
中信銀行案例
27
in China
假日酒店案例
28
in China
阿里巴巴中國站UED
29
數據化的設計思維
!
用數據支持設計決策,這是阿里巴巴強調
數據的原因。此工作坊介紹數據化設計思
維的過程,數據獲取、解讀與分析方法和
模式。
in China
阿里巴巴中國站UED
30
in China
阿里巴巴杭州
31
in China
阿里巴巴杭州
32
in China
設計分類
33
理性感性
in China
讓設計更有說服力
34
!
定性分析
!
訪談
測試
問卷
競品分析
!
定量分析
!
身份
行為
態度
in China
數據的特性
35
量化客觀
誠實
證據
符號
in China
什麼是數據與信息
36
符號
聲⾳音
字幕
圖像
數字
信息
數據是通過物理觀察得
來的事實和概念,是關
於現實世界中的地⽅方、
事件、其他對象或概念
的描述。!
!
信息與數據是不可分離
的,數據是信息的表達,
信息是數據的內涵。
廣義
in China
數據化的設計思維
37
1. 數據與設計的關係!
!
2. 設計需要什麼數據!
!
3. 如何⽤用數據
in China
設計與數據的關係
38
數據設計 什麼關係
in China
通常設計過程
39
業務訴求
用戶訴求
設計目標 切入點 設計方案
in China
數據輔助設計決策
40
設計
目標
切入點
設計
方案
業務
訴求
用戶
訴求
發現
問題
啓發
思路
判斷
方案
驗證
目標
數據
指標
in China
設計與數據的關係
41
數據設計
用戶/業務訴求
設計目標
設計切入點
設計方案
數據指標
發現問題
啟發思路
判斷方案
驗證目標
數據輔助設計決策
in China
設計需要什麼數據
42
!
身份
!
性別年齡
訪客族群
瀏覽渠道
行業
!
行為
!
點擊
停留時間
蹦出率
退出率
!
轉化
!
轉化率
下單意願
任務達成
in China
設計目標決定數字指標
43
!
設計目標
!
Goal
列出
設計目標
!
用戶信號
!
Signal
用戶行為
表現
!
數據指標
!
Metric
引用相關
數據
G.S.M.
(提升睡眠品質) (容易⼊入睡) (⼊入睡時間⻑⾧長短)
in China
用戶體驗量化的五度
44
第一印象 操作體驗 主觀感受 再次訪問 口碑傳播
吸引度
完成度
滿意度
忠誠度
推薦度
in China
設計與數據緊密結合
45
數據設計
用戶/業務訴求
設計目標
設計切入點
設計方案
數據指標
發現問題
啟發思路
判斷方案
驗證目標
數據輔助設計決策
推薦度
忠誠度
滿意度
完成度
吸引度
設計思維的數據化
G 目標
S 信號
M 指標
A/B Testing
in China
什麼是A/B測試
47
$
$
$
$
A/B	

Test
$
$
$
$
Option
A
Option
B
Goal	

Page
17%
23%
in China
A/B測試的目的
48
Proof Hypothesis
Drive Conversion Rate
Learn About Users
SEO Purpose
Build Knowledge Base
in China
什麼可以做A/B測試
49
Heading
Images & Logos
Content
Buttons
Trust Seals
in China
案例分享
50
增加23%
in China
案例分享
51
轉換率增加30%
轉換率增加27%
轉換率增加15%
轉換率增加7%
原始設計

More Related Content

Viewers also liked (13)

Facebook Login & Open Graph Introduction
Facebook Login & Open Graph IntroductionFacebook Login & Open Graph Introduction
Facebook Login & Open Graph Introduction
 
ASP.NET MVC 開發分享
ASP.NET MVC 開發分享ASP.NET MVC 開發分享
ASP.NET MVC 開發分享
 
只需要懂Jquery也能學react js
只需要懂Jquery也能學react js只需要懂Jquery也能學react js
只需要懂Jquery也能學react js
 
React基礎教學
React基礎教學React基礎教學
React基礎教學
 
Visualizing impact of terrorism over India in past decade
Visualizing impact of terrorism over India in past decadeVisualizing impact of terrorism over India in past decade
Visualizing impact of terrorism over India in past decade
 
A MEDIA HUB FOR A FUTURE INDIAN HOME”- HP LABS
A MEDIA HUB FOR A FUTURE INDIAN HOME”- HP LABSA MEDIA HUB FOR A FUTURE INDIAN HOME”- HP LABS
A MEDIA HUB FOR A FUTURE INDIAN HOME”- HP LABS
 
Learning React - I
Learning React - ILearning React - I
Learning React - I
 
3 days and 2 nights singapore tour package from kerala
3 days and 2 nights singapore tour package from kerala3 days and 2 nights singapore tour package from kerala
3 days and 2 nights singapore tour package from kerala
 
Ms word 2
Ms word 2Ms word 2
Ms word 2
 
Gpp etika guru
Gpp etika guruGpp etika guru
Gpp etika guru
 
Ireo gurgaon hills. call now (8375099583)
Ireo gurgaon hills. call now (8375099583)Ireo gurgaon hills. call now (8375099583)
Ireo gurgaon hills. call now (8375099583)
 
Firstcall can fin_homes_ltd_29_july15
Firstcall can fin_homes_ltd_29_july15Firstcall can fin_homes_ltd_29_july15
Firstcall can fin_homes_ltd_29_july15
 
Ahmed Hersi CV NEW
Ahmed Hersi CV NEWAhmed Hersi CV NEW
Ahmed Hersi CV NEW
 

Similar to UX in China - IXDC 2014

IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC
 
IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌
IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌
IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌
IxDC
 
我尚網數位科技 On myown inc. 簡介 20120706
我尚網數位科技 On myown inc. 簡介 20120706我尚網數位科技 On myown inc. 簡介 20120706
我尚網數位科技 On myown inc. 簡介 20120706
onmyownevelyn
 
IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计
IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计
IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计
IxDC
 

Similar to UX in China - IXDC 2014 (20)

2014/10/3 Ux in china
2014/10/3 Ux in china2014/10/3 Ux in china
2014/10/3 Ux in china
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
 
2017 高教分享 V2
2017 高教分享 V22017 高教分享 V2
2017 高教分享 V2
 
高教分享 V3
高教分享 V3高教分享 V3
高教分享 V3
 
2017高教分享
2017高教分享2017高教分享
2017高教分享
 
交點高雄開場簡報-9月份
交點高雄開場簡報-9月份交點高雄開場簡報-9月份
交點高雄開場簡報-9月份
 
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
[演講簡報] Mopcon - 巧用 UI & UX 工具,提升設計溝通品質(彭其捷)
 
Guangzhou Techparty Pre show 20110917
Guangzhou Techparty Pre show 20110917Guangzhou Techparty Pre show 20110917
Guangzhou Techparty Pre show 20110917
 
IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌
IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌
IxDC 中国交互设计体验日-C3a_高歌_手持终端交互设计方法1_高歌
 
機器人 教具設計
機器人 教具設計機器人 教具設計
機器人 教具設計
 
前端工程師的告白: 親愛的,開源的物聯網好好玩呀!
前端工程師的告白: 親愛的,開源的物聯網好好玩呀!前端工程師的告白: 親愛的,開源的物聯網好好玩呀!
前端工程師的告白: 親愛的,開源的物聯網好好玩呀!
 
Startuper周刊:第一期(10.1~10.7)
Startuper周刊:第一期(10.1~10.7)Startuper周刊:第一期(10.1~10.7)
Startuper周刊:第一期(10.1~10.7)
 
Learn Django With ChatGPT
Learn Django With ChatGPTLearn Django With ChatGPT
Learn Django With ChatGPT
 
我尚網數位科技 On myown inc. 簡介 20120706
我尚網數位科技 On myown inc. 簡介 20120706我尚網數位科技 On myown inc. 簡介 20120706
我尚網數位科技 On myown inc. 簡介 20120706
 
2013 善用視覺化的使用者體驗設計
2013 善用視覺化的使用者體驗設計2013 善用視覺化的使用者體驗設計
2013 善用視覺化的使用者體驗設計
 
IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计
IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计
IxDC 中国交互设计体验日-B4a_王军、董重里_有源设计
 
交點高雄開場簡報 10月份
交點高雄開場簡報 10月份交點高雄開場簡報 10月份
交點高雄開場簡報 10月份
 
科技、設計、人本、城市
科技、設計、人本、城市科技、設計、人本、城市
科技、設計、人本、城市
 
2015 hitcon ctf 1-2月計畫與展望
2015 hitcon ctf 1-2月計畫與展望2015 hitcon ctf 1-2月計畫與展望
2015 hitcon ctf 1-2月計畫與展望
 
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)
 

UX in China - IXDC 2014