1

＃5779 使用經驗專題設計 User Experience Design Project

Week 2:

Design Process

交大 應用藝術研究所/工業技術研究院 資通所

Dr. 莊雅量

本週大綱

• 前集提要 • What is User eXperience • Design Process • Paper & Case Study • Project 1 & Home work

UI

• User Interface: 人與產品或系統的溝通介面（Face）。

Source: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-ux

UI

• User Interaction:人與產品之間的動作（Action）。 一個好的互動設計中，系統要能 1. Listening: 隨時傾聽/觀察使用者的動作； 2. Thinking: 揣摩他需要什麼； 3. Responsiveness：迅速做出適當的反應。

Ref: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-ux

What is Experience?

• User Experience: 人在一個與產品或系統相關的脈絡中

的整體經驗，包含感覺、心情、情緒、記憶、印象、期望等抽象的心理因素。

Source: http://www.ideo.com/work/redefining-self-service-banking-for-bbva

UI與UX 的差異

• 好的User Interface設計：簡單、好用；讓大部分的人都能夠正確完成所需的工作。 例如：ATM的操作介面。

• 好的User Interaction設計：會讓人覺得貼心，能有效率地完成使用者預期的成果。 例如：Google的搜尋系統。

• 好的User Experience設計: 會讓人有會心一笑的滿足感，並留下深刻的印象。 例如：BBVA的Self-Service Banking

UI與UX 的差異

UI ↑

UX ↓

趨勢（2）：Apple Computer → Apple.

“we start with the user experience, and work backwards to the technology”

Source: http://www.molecularist.com/2006/08/notes_from_an_i.html

9

http://www.ideo.com/work/human-centered-design-toolkit/

The Three Lenses of Human-Centered Design

The human-centered approach to innovation integrates the needs of people, the possibilities of technology, and the requirements for business success.

10

Generating New Experiences: Requires Two Fundamental Phases

Learning about People Current

Experiences

User Research Ethnography Anthropology

Statistics

Designing New Experiences

Design

(Graphics, products, services, interactions)

Participatory Design Business Marketing

11

Source: Maschi, S. (2012)。The experience economy. In 2012丹麥服務創新研修行前補充講義。台北市：中國生產力中心。

New

Concepts Time

12

Source: http://www.designthinkingforeducators.com/toolkit

UI與UX 的差異

UI ↑

UX ↓

與大家一起來讀兩篇文章：

• von Hippel, E., Thomke, S., & Sonnack, M. (1999). Creating Breakthroughs at 3M (3M公司突破創新). Harvard Business Review, 77(5), 47-57.

• Verganti, R. (2011). Designing breakthrough products (領先設計熱銷商品). Harvard Business Review, 89(10), 114-120.

14

體驗服務

• 走，我們去圖書館

15

Experience Flow (example)

16

Source: http://fancifuldevices.com/wp/wp-content/uploads/2012/04/user-experience-flow.png

Project 1：回味無窮的旅遊體驗

1. 回想你上次出遊的經驗，將結果整理成 “Experience Flow"。

2. 並標示出有哪些Touch Points。 3. 收集並建立專家或領先使用者的名單，下週將請你們去

訪問他們。

Next Week： 請找兩個最近曾出國旅遊的朋友、同學或專家，蒐集其上次旅行的經驗與故事，並將之其結果整理成 “Experience Flow"。

17