2011 Taiwan UX Summit_Workshop A

如何成功創建一個UX團隊Yvonne Liu & David Chen

2011台灣使用者經驗設計高峰會

講師介紹

Yvonne Liu 劉怡君

• Corel 數位多媒體事業群, 使用者經驗設計中心經理• Asus 個人裝置事業群, 資深使用者經驗研究員• BenQ 手機事業部, 人機介面主管• UiGathering 創會成員與工作小組理事

國立交通大學, 應用藝術研究所, 博士生 (year 5)

佛羅里達州立大學, 資訊科學研究所, 碩士


Yvonne Liu 劉怡君

• Corel 數位多媒體事業群, 使用者經驗設計中心經理• Asus 個人裝置事業群, 資深使用者經驗研究員• BenQ 手機事業部, 人機介面主管• UiGathering 創會成員與工作小組理事

國立交通大學, 應用藝術研究所, 博士生 (year 5)

佛羅里達州立大學, 資訊科學研究所, 碩士

> 9年 UX設計經驗創建BenQ, Asus 以及Corel的UX團隊


david chen 陳文剛

• AJA Creative Design – UX Director• CyberLink 使用經驗設計中心總監• AVerMedia 使用經驗設計中心經理• BenQ 數位時尚設計中心 UI Lead• UiGathering 創會成員與工作小組理事

元智大學, 資訊傳播所, 碩士輔仁大學, 應用美術系, 學士


david chen 陳文剛

• AJA Creative Design – UX Director• CyberLink 使用經驗設計中心總監• AVerMedia 使用經驗設計中心經理• BenQ 數位時尚設計中心 UI Lead• UiGathering 創會成員與工作小組理事

元智大學, 資訊傳播所, 碩士輔仁大學, 應用美術系, 學士


> 9年 UX設計經驗帶領BenQ, AVerMedia等多個UX設計團隊，並獲得五項國際大獎

在開始之前......

1. 時間有限2.請將你們的問題寫在便利貼上

兩個規則：

< 20 sec自我介紹請告訴我們：

< 20 sec自我介紹

1. 您的名字2. 您的公司及職位3. 您想要在工作坊中學習到什麼

請告訴我們：

第一階段：(1.5 hours)

•檢視您目前公司內部的狀況•了解創建一個UX團隊有哪些要項？



1. 組織中的定位2. 設計流程3. UX的角色4. 工作模式5. 預算6. 徵人7. 環境和文化8. 老闆的支持

第二階段： (2 hours)

• 練習一：重新組織和定位 UX 團隊• 練習二：修改產品設計流程• 練習三：建立您的行動計劃書• 練習四：事情往往無法預測時該怎麼辦？



檢視您目前公司內部的狀況

已經有UX團隊：檢視目前狀況：(10 minutes)




1. 您現在的UX團隊在那個部門下?




2. 您現在的UX團隊有哪些角色?





3. 您現在的UX團隊在做哪些事?


1. 請將答案記錄在白板上

* 請寫下自己的公司名稱及產品線 (手機?網站?軟體?)

分組練習




3. 您現在的UX團隊在做哪些事?

創建一個UX團隊有哪些要項？


成立UX團隊需要的要項：(75 minutes)

1. 組織中的定位2. 設計流程3. UX的角色4. 工作模式5. 預算6. 徵人7. 環境和文化8. 老闆的支持

組織中的定位

您現在的UX團隊在那個部門下?

目前有UX團隊是在哪些部門下?

分組練習答案




分組練習答案PM team





RD team





RD team


Marke8ng team




RD teamUX team


Marke8ng team


PM team

RD team

Marketing team

UX team



PM team

RD team

Marketing team

UX team

CEO



PM team

RD team

Marketing team

UX team

CEO

我們的字典裡面沒有標準答案...



PM team

RD team

Marketing team

UX team

CEO

我們的字典裡面沒有標準答案...但這個絕對是標準答案!!!!!


設計流程

Cited by About Face 3: The Essentials of Interaction Design

您現在的設計流程為何?





Look & Feel




Look & Feel

Design

Users Users

Retrieved from http://www.!ickr.com/photos/quickandirty/68567125/

交互設計流程


http://www.flickr.com/photos/quickandirty/68567125/



交互設計流程


Framework

Solu8on

Evalua8on

Itera'on




交互設計流程


Framework

Solu8on

Evalua8on

Itera'on

為什麼交互設計過程會不斷的修正?該怎麼估開發時程?

案例分享



Cited by Designing the User experience


Analysis 分析Design 設計Implementa8on 執行Deployment 驗證


Analysis 分析Design 設計Implementa8on 執行Deployment 驗證

完美流程為什麼不容易出現?

案例分享

Retrieved from http://www.!ickr.com/photos/userpathways/3874772978/


http://www.flickr.com/photos/userpathways/3874772978/



民族誌研究深度訪談網上調查






虛擬人物制定 (persona)







框線圖完成稿交至UI設計師








UI設計開始








UI設計開始 UI設計完成








UI設計開始 UI設計完成UX和UI設計師在開發流程中, 一前一後工作的問題為何?

案例分享




Agile development 敏捷開發法


Retrieved from http://www.ergosign.de/en/philosophy/process

http://www.ergosign.de/en/philosophy/process

http://www.ergosign.de/en/philosophy/process

UX團隊有哪些角色

UX團隊的角色有哪些?

分析研究Ideation

設計階段 Design

執行階段Implementation

驗證階段 Validation


使用者研究員


設計階段 Design




互動設計師使用者研究員


設計階段 Design




視覺設計師



設計階段 Design




視覺設計師



設計階段 Design



UI工程師


視覺設計師


評估專家


設計階段 Design



UI工程師


視覺設計師

UX經理/總監


評估專家


設計階段 Design



UI工程師


視覺設計師

UX經理/總監


評估專家


設計階段 Design



UI工程師夢幻團隊

UX團隊中每個角色在做什麼?

- 徵人- 人力分配- 控制時程- 監管設計品質- 人員管理- 和上級長官溝通- 預算控制- 教育訓練

UX經理/總監 . 用户体验经理/总监 . UX manager/director


Retrieved from http://www.romaxtech.com/design-review

http://www.romaxtech.com/design-review

http://www.romaxtech.com/design-review

- 主視覺設計- 色彩計畫- 版面配置 (layout)

- 視覺設計圖 (mockups)

- 圖形與圖標 (graphics)

- 字型風格與大小 (font style and size)

- 動畫轉場效果 (transition effect)

視覺設計師 . 视觉设计师 . Visual (GUI) designer


Retrieved from http://coleran.com/


http://coleran.com/

http://coleran.com/

- 概念設計- Use cases產出- 框線圖 (wireframes)

- 流程圖 (work"ows)

- 設計通則 (guidelines)

- 設計規格書 (UE Spec.)

互動設計師 . 交互设计师 . Interaction designer



Roles in UX team

- 啟發性評估 (heuristic evaluation)

- 認知推演(cognitive walkthrough)

- 可用性評估 (usability testing)

評估專家 . 评估专家 . Usability specialist



http://www.youtube.com/watch?v=ppnRQD06ggY














Roles in UX team

- 競爭品分析- 市場趨勢分析- 虛擬人物誌 (persona)

- 脈絡訪查 (contextual inquiry)

- 焦點團體訪談 (Focus group)

- 文化探測分析 (Probe)

使用者研究員 . 用户调研 . User researcher



Roles in UX team

- 原型設計 (prototype)

- 互動效果設計- 開發工具

介面工程師 . 界面程序员 . UI engineer



視覺設計師

UX經理/總監


評估專家



UI工程師

UX經理/總監


評估專家

UI工程師



設計階段 Design

沒辦法成立夢幻團隊, 我該怎麼辦?

視覺設計師

UX經理/總監


評估專家



UI工程師

UX經理/總監


評估專家

UI工程師



設計階段 Design


視覺設計師

UX經理/總監


評估專家



UI工程師

UX經理/總監


評估專家



設計階段 Design


視覺設計師

UX經理/總監


評估專家



UI工程師

UX經理/總監




設計階段 Design


視覺設計師

UX經理/總監


評估專家



UI工程師

UX經理/總監

互動設計師



設計階段 Design


視覺設計師

UX經理/總監


評估專家



UI工程師互動設計師



設計階段 Design


視覺設計師

UX經理/總監


評估專家



UI工程師



設計階段 Design

工作模式

有哪些合作對象?




PM

研究調查



PM

研究調查

RD

執行開發



PM

研究調查

RD

執行開發

QA

驗證修改



PM

研究調查

RD

執行開發

QA

驗證修改

Marketing

行銷策劃

和合作對象的合作目標

PM

RD UX2011台灣使用者經驗設計高峰會

研究調查執行開發驗證修改行銷策劃


PM

RD UX2011台灣使用者經驗設計高峰會

市場調查趨勢分析技術分析競爭品分析制定需求規格書 (requirement spec.)


PM

RD UX

QA




PM

RD UX

QA


撰寫軟硬體需求文件Review文件軟體開發硬體開發測試流程擬定確認需求可行性



RD UX

QA




RD UX

QA


軟硬體測試解bugs微調設計修改文件反覆驗證與修改



UX

PM

Marketing2011台灣使用者經驗設計高峰會



UX

PM

Marketing2011台灣使用者經驗設計高峰會

Localization使用手冊製作行銷策劃產品包裝市場行銷推廣



Cited by Sketching user experience

UX在開發流程中佔的比重


UX在開發流程中佔的比重


Retrieved from http://www.gomiki.com/process.html

http://www.gomiki.com/process.html


預算經費

成立UX團隊可能的經費預算有哪些?


1. 徵人預算2. 研究經費3. 測試經費 4. 成立測試實驗室5. 硬體與軟體花費6. 教育訓練7. 旅費

徵人預算


根據UPA 2011年的北美薪資調查

徵人預算


根據UPA 2011年的北美薪資調查

北美年薪$ 92,899

徵人預算


北美歷年UX薪資漲幅

徵人預算


北美歷年UX薪資漲幅$75,000$90,000

徵人預算


各職稱的薪資分布

Retrieved from http://www.glassdoor.com



研究經費


做研究之前, 您必須先確定三個重點：

1. 在地化還是國際化的調查結果?2. 研究方法為何?3. 自己做還是外包?

研究經費




您的用戶群在哪?

研究經費





您要得到什麼結果?

研究經費





您要得到什麼結果?

有人? 還是有錢?

研究經費


以在美國做使用者研究為例：10位使用者, 2位研究員, 20個小時的研究訪談時間, 80個小時的研究結果報告

測試經費


做測試之前, 您必須先確定兩個重點：

1. 在地化還是國際化的調查結果?2. 自己做還是外包?

測試費用


以在美國做可用性測試為例：10位使用者, 2位測試專家, 80個小時的測試前準備, 16個小時的測試時間, 40個小時的測試評估報告

成立實驗室的成本

2011台灣使用者經驗設計高峰會Cited by The human-computer interaction handbook

成立實驗室的成本

2011台灣使用者經驗設計高峰會Cited by The human-computer interaction handbook

成立實驗室花費約 $ 33,000

其他支出


1. 軟體及硬體2. 教育訓練在美國為期三天的訓練課程大約學費為$2000USD

3. 出差費用

其他支出


1. 軟體及硬體2. 教育訓練在美國為期三天的訓練課程大約學費為$2000USD

3. 出差費用

CHIHCIIUPA ChinaUiGathering

徵人

該如何徵人?


該如何徵人?


1. 先了解要徵什麼人?視覺設計師

互動設計師

UX經理/總監

評估專家評估專家

UI工程師

使用者研究員

該如何徵人?



互動設計師

UX經理/總監


UI工程師

Junior? Senior? 使用者研究員

該如何徵人?



互動設計師

UX經理/總監


UI工程師

Junior? Senior?

2. 從哪裡徵?

使用者研究員

該如何徵人?



互動設計師

UX經理/總監


UI工程師

Junior? Senior?

2. 從哪裡徵?專家推薦, Hunter, LinkedIn, 學校, 參加UiGathering (台灣?大陸? 歐美?)

使用者研究員

該如何徵人?



互動設計師

UX經理/總監


UI工程師

Junior? Senior?


3. 怎麼篩選?

使用者研究員

該如何徵人?



互動設計師

UX經理/總監


UI工程師

Junior? Senior?


3. 怎麼篩選?學經歷, Portfolio, 向他們以前的主管或同事打聽, 個性, 主動積極

使用者研究員

環境和文化

老闆的支持

如果您都了解上述的條件, 您還需要一個力量...


如果您都了解上述的條件, 您還需要一個力量... 老闆的支持


如果您都了解上述的條件, 您還需要一個力量... 老闆的支持

1. 和CEO建立1:1的溝通管道2. 邀請CEO參與概念設計發表會3. 將UX重要性建立在企業文化中


第二階段： (2 hours)

•練習一：重新組織和定位 UX 團隊•練習二：修改產品設計流程•練習三：建立您的行動計劃書•練習四：事情往往無法預測時該怎麼辦?

回顧上一堂課的內容：


1. 組織中的定位2. 設計流程3. UX的角色有哪些4. 工作模式5. 預算經費6. 徵人7. 環境和文化8. 老闆的支持

模擬四種現存的公司狀況

基本訊息：

5,000 員工, 其中有600位軟體RD尚未成立UX team

目標：

從代工轉為品牌, 急欲透過使用者經驗設計來創造自我品牌的獨特性。

現有資源：

徵人名額：5人徵人預算：TBD

A公司由ODM轉型為OBM的硬體公司

Image to explain the objectives/questions


基本訊息：

250 員工, 其中有75位RD, 6位視覺設計師

目標：

欲在一個月內, 大幅改善現有電子商務網站的可用性。

現有資源：

徵人名額：3人徵人預算：100,000 USD

B公司電子商務網路公司



基本訊息：

500 員工, 其中有300位RD, 4位視覺設計師及2位可用性專家

目標：

欲在三個月內, 藉由增強在使用者經驗設計上的核心能力, 建立起在產業中的領導地位。

現有資源：

徵人名額：2人徵人預算：60,000 USD

C公司自有品牌軟體公司



基本訊息：

10000 員工, 其中有1200位軟體RD2個設計團隊：設計團隊A：視覺設計師4名+互動設計師4名+使用者研究員2名設計團隊B：視覺設計師2名

目標：

欲在12個月內, 將不同產品線的設計統合起來, 維持使用經驗的一致性。

現有資源：

徵人名額：15人徵人預算：TBD

D公司自有品牌IT公司



任務一：

請根據您們公司現有的狀況(目標及資源), 重新規劃UX團隊的組織定位時間：10分鐘

任務二：

請根據您們公司現有的狀況(目標及資源), 重新規劃UX的設計流程時間：10分鐘

任務三：

請列出現在最重要的三個任務, 排好優先順序。請寫下原因以及計劃書。時間：10分鐘

任務四：

請規劃一個有效的計畫來解決現實中會遇到的問題。時間：10分鐘

回顧整個下午的課程內容：




1. 您們知道UX團隊在組織中的定位?



1. 您們知道UX團隊在組織中的定位?2. 您們知道設計流程?



1. 您們知道UX團隊在組織中的定位?2. 您們知道設計流程?3. 您們知道UX團隊中有哪些角色?



1. 您們知道UX團隊在組織中的定位?2. 您們知道設計流程?3. 您們知道UX團隊中有哪些角色?4. 您們知道和其他部門的合作模式?



1. 您們知道UX團隊在組織中的定位?2. 您們知道設計流程?3. 您們知道UX團隊中有哪些角色?4. 您們知道和其他部門的合作模式?5. 您們知道該如何為UX團隊編預算?



1. 您們知道UX團隊在組織中的定位?2. 您們知道設計流程?3. 您們知道UX團隊中有哪些角色?4. 您們知道和其他部門的合作模式?5. 您們知道該如何為UX團隊編預算?6. 您們知道該如何面對現實中的困境?

但是還有些事情, 您也許不知道!!!




1. 黃金90天 (Emergency 90 days)




2. 做的快, 但動作要小 (Do it fast, but do it quietly.)




2. 做的快, 但動作要小 (Do it fast, but do it quietly.)

3. 建立UX團隊的失敗率高達60%


Retrieved from http://www.uxmag.com/strategy/327/investing-in-ux

http://www.uxmag.com/strategy/327/investing-in-ux



Retrieved from http://www.uxmag.com/strategy/327/investing-in-ux

39.3%

UX Fund



Thank You!

David Chen [email protected]

Yvonne Liu [email protected]


mailto:[email protected]




2011 Taiwan UX Summit_Workshop A

Design

Transcript of 2011 Taiwan UX Summit_Workshop A