the importance and the methods of UXR & UXT

Associate Professor NTUST & ICB HKU

Director boards of Chinese Institute of Design, TaiCHI, and UiGathering

DITLDESIGN Director Consultant

UXPA SXSummitUiGathering HPX OpenHCI DesignForTaiwan ADA

XSION

EC

AMOLED

Awards

CHICROSS INGS

SEOUL KOREA

2015

Memoir Monopoly

USB dropbox google drive

硬體 軟體＋互聯網 生態系

立體造型＋製程 用戶體驗＋程式 服務設計＋商業模式

Due to competition & the low price of hardware

The Age of Service Design

Memoir Monopoly

Zyxel Asus Synology

硬體 軟體＋互聯網 生態系

立體造型＋製程 用戶體驗＋程式 服務設計＋商業模式

Due to competition & the low price of hardware

The Age of Service Design

the importance

WE ALL KNOW THE MORTALITY OF COMPANIES IS LESS THAN HUMAN BEINGS.

SATYA NADELLA

Nokia IOT

創意

創新

創業

User-center Innovation

Drive Through

Convenience

Teens & Kids

the methods

Iteration

UXResearch UXDesign UXTest UXEntrepreneurship

UXDesign Process

USER EXPECTATION RESEARCH

• UXR

•

•

• fuzzy front end

路 車 車 狀 樂

( )

來 異 領

不 ( )

路

數 車

鈴 來

UXR Project focuses on User Experience Research, Design, Test

Most UX Test in Company focuses on Usability Test

0

20

40

60

80

time difference

UXR UX Test

UX TEST

• User study

•

•

1. 系統狀態的能見度 Visibility of system status

2. 系統與真實世界的關聯性 Match between system and the real world

3. 使用者的操控自由 User control and freedom

4. 一致性和標準 Consistency and standards

5. 預防錯誤 Error prevention

6. 辨識而非記憶 Recognition rather than recall

7. 彈性與使用效率 Flexibility and efficiency of use

8. 美觀與簡化設計 Aesthetic and minimalist design

9. 幫助使用者認識、偵錯並從錯誤中恢復 Help users recognize, diagnose, and recover from errors

10. 幫助與說明文件 Help and documentation

10 Usability Heuristics for User Interface Design

—— Jakob Nielsen. (1994). Usability Engineering.

資訊架構問題，包含資訊層級、分類、定義等問題。 e.g. 用戶無法在官網分辨出哪些產品在Store販售。

資訊架構中的內容問題，包含用字、資訊多寡等。 e.g. 用戶對於「保固內/保固外」詞彙感到困惑。

流程設計問題，包含不同頁面間的連接、功能上的順序安排。 e.g. 使用「客服即時通」需先登入會員。

介面佈局問題，令使用者難以有效率地找到資訊位置。 e.g. 地圖介面的佈局讓用戶難以上下滑動。

互動問題，包含互動提示、反饋等問題。 e.g. 加入比較表沒有適當回饋。

介面設計問題，包含圖示不清、配色、字體、風格等問題。 e.g. 比較表配色。

線下的服務體驗問題。 e.g. 產品外盒序號不易辨別。

Interaction

LayoutIA

IA-Content

Flow UI

Offline

—— Jesse James Garrett. (2011). The Element of User Experience.

1.0 IA

1.1

1.2

1.3 icon

1.4...

1

1 2 3 4

1

(Stakeholder Map)

2

CRM

GA

persona

Trello

Illustrator

1~3

3

Excel

1.0 IA1.1

1.2

1.3icon

1.4...

1

/

Morae Recorder

Morae/Chromecast/ / /DV/ /

ASQ, SUS, QUIS, NPS

iCloud / /

/ // / / ASQ, SUS,

QUIS, NPS

1~3

/

4

• •

• • •

•

•

2~3

/ /

/ / /

/ /

/ /

/ / /

/ /

iCloud /

/ / / /

iCloud /

// /

Design Information & Thinking Lab

SUS

SUS

—— Brooke, J. (1986). System usability scale (sus): A quick-and-dirty method of system evaluation user information.

II

IV1

2

4

3

5

6

7

764 5321

I

III

ASQ

—— Lewis, J. R. (1991). Psychometric evaluation of an after-scenario questionnaire for computer usability studies: the ASQ.

QUIS

QUIS

—— Norman, K. L., Shneiderman, B., Harper, B., & Slaughter, L. (1998). Questionnaire for user interaction satisfaction.

NPS NPS NPS

• • •

NPS

—— Reichheld, F. F. (2003). The one number you need to grow.

Agenda前言 Introduction

結論 Executive Summary

問題統計 Problem Statistics

用戶體驗測試與檢核表 Usability Testing & Checklist 實驗設定 Tasks Chosen

受訪者篩選 Participant Selection (Questionnaire / Demographic)

設備設定 Physical Setup and Equipment Used

用戶體驗檢核表 Usability Checklist

實驗結果 Usability Testing Finding

問題重點、行為觀察 Question & Behavior Observation

問卷結果 ASQ/QUIS/SUS/NPS Questionnaire

關鍵問題 Key Point

策略建議 Design Business Strategy

012016 DITL Design. All Rights Reserved.

WWW.DITLDESIGN.COM