1

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

Week 1:

課程說明與意見交換

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

Dr. 莊雅量

2

莊雅量 求學歷程 成大工業設計系，1999 交大應藝所，2001 台科大設計研究所，2007 工作足跡 Philips Research / Taipei，2001~2003 資策會 / 網路＆多媒體研究所，2006～2007 台灣科技大學，2008～2012 工業技術研究院 / 資通所， 2012～

課程導論大綱

• What is User eXperience • 課程規劃 • Home work

4

研究與設計趨勢 • 隨著生活品質的提升，如今人們在物質生活上，已達到某種

程度的舒適水準。伴隨著近十年來，數位科技與電子商務的高度發展，人們的消費活動，已從物品購買層次提升為服務享受的精神層次。

5

趨勢（1）：設計師的新任務－提供好的使用經驗

• Philips Design的設計總監， Stefano Marzano ，更進一步

指出：提供人們好的經驗，將是設計師在21世紀最重要的任務。 （原文:We need to leave the world of black and gray boxes and enter a world of flowers and butterlies. A colorful, dynamic world- the sort of world we'd really like to live in. A world of experience. ）。

趨勢（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

iPhone

7

• Industrial designer Chris Stringer: With the iPhone, the company wanted something that would “wow” people, in particular because Apple was new to the market.

Source: http://allthingsd.com/20120731/apple-literally-designs-its-products-around-a-kitchen-table/

Photo Source: http://chinese.engadget.com/2009/06/08/apples-iphone-3g-drops-to-99/

Source: http://www.ideo.com/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

Chap. 1：Experience in Products & Service

1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶（自己或他人） 4. Emotion: 情感（正面或負面） 5. Physiology: 生理學，例如亢奮時腎上腺素會上升 6. Behaviour: 行為 7. Expectation: 期望 ….. 等等

13

Source: P. 6 in Westerink, J., Ouwerkerk, M., Overbeek, J. M. T., & Pasveer, W. F. (Eds.) (2008). Probing experience: From assessment of user emotions and behaviour to development of products. Dordrecht, the Netherlands: Springer.

(2) 人在一個與產品或系統相關脈絡中的整體經驗，包含

Source: P. 13 in Westerink, J., Ouwerkerk, M., Overbeek, J. M. T., & Pasveer, W. F. (Eds.) (2008). Probing experience: From assessment of user emotions and behaviour to development of products. Dordrecht, the Netherlands: Springer.

Chap. 2：Inquiring about People’s Aff. Jud.

14

(2) Ideas on What User Experience Entails

Norman distinguishes three levels of processing: • Visceral Level: address the first appearance of a

product, how it feels to the touch, its first impression. • Behavioural Level: address the product’s utility,

usability and performance; it is about the effectiveness of using the product.

• Reflective Level: involves conscious consideration and reflection on past experiences. It’ll weight appearance and performance, and then considering how it matches with ones image, how it makes one look.

感情 感受

感覺

UI與UX 的差異

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

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

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

UI與UX 的差異

UI ↑

UX ↓

17

常見的使用者研究方法。

SAY DO SAY DO

18

各方法其實各有其優缺點。

SAY DO SAY DO

富士幼稚園ふじようちえん

19

Source: http://www.wawakids.com.tw/?p=5063

• 作者：佐藤可士和 • 譯者：賴庭筠 • 出版社：木馬文化 • 出版日期：2012年10月03日

20

21

22

培養 說故事的能力

• 可以引發共鳴，讓人感動的故事

23

Homework

• 閱讀[3M公司突破創新](哈佛商業評論, 2002年10月號)一文

• 下次上課，請帶一個”東西”來，並用故事的方式，把它帶給你的經驗說出來。

• 同時，請你先做一張A3的海報，把你的經驗具象化表現出來。

24