![Page 1: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/1.jpg)
1
#5779 使用經驗專題設計 User Experience Design Project
Week 1:
課程說明與意見交換
交大 應用藝術研究所/工業技術研究院 資通所
Dr. 莊雅量
![Page 2: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/2.jpg)
2
莊雅量 求學歷程 成大工業設計系,1999 交大應藝所,2001 台科大設計研究所,2007 工作足跡 Philips Research / Taipei,2001~2003 資策會 / 網路&多媒體研究所,2006~2007 台灣科技大學,2008~2012 工業技術研究院 / 資通所, 2012~
![Page 3: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/3.jpg)
課程導論大綱
• What is User eXperience • 課程規劃 • Home work
![Page 4: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/4.jpg)
4
研究與設計趨勢 • 隨著生活品質的提升,如今人們在物質生活上,已達到某種
程度的舒適水準。伴隨著近十年來,數位科技與電子商務的高度發展,人們的消費活動,已從物品購買層次提升為服務享受的精神層次。
![Page 5: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/5.jpg)
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. )。
![Page 6: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/6.jpg)
趨勢(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
![Page 7: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/7.jpg)
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/
![Page 8: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/8.jpg)
![Page 9: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/9.jpg)
Source: http://www.ideo.com/work/
![Page 10: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/10.jpg)
UI
• User Interface: 人與產品或系統的溝通介面(Face)。
Source: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-ux
![Page 11: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/11.jpg)
UI
• User Interaction:人與產品之間的動作(Action)。 一個好的互動設計中,系統要能 1. Listening: 隨時傾聽/觀察使用者的動作; 2. Thinking: 揣摩他需要什麼; 3. Responsiveness:迅速做出適當的反應。
Ref: http://ux.stackexchange.com/questions/7174/difference-between-ui-and-ux
![Page 12: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/12.jpg)
What is Experience?
• User Experience: 人在一個與產品或系統相關的脈絡中
的整體經驗,包含感覺、心情、情緒、記憶、印象、期望等抽象的心理因素。
Source: http://www.ideo.com/work/redefining-self-service-banking-for-bbva
![Page 13: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/13.jpg)
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) 人在一個與產品或系統相關脈絡中的整體經驗,包含
![Page 14: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/14.jpg)
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.
感情 感受
感覺
![Page 15: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/15.jpg)
UI與UX 的差異
• 好的User Interface設計:簡單、好用;讓大部分的人都能夠正確完成所需的工作。 例如:ATM的操作介面。
• 好的User Interaction設計:會讓人覺得貼心,能有效率地完成使用者預期的成果。 例如:Google的搜尋系統。
• 好的User Experience設計: 會讓人有會心一笑的滿足感,並留下深刻的印象。 例如:BBVA的Self-Service Banking
![Page 16: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/16.jpg)
UI與UX 的差異
UI ↑
UX ↓
![Page 17: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/17.jpg)
17
常見的使用者研究方法。
SAY DO SAY DO
![Page 18: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/18.jpg)
18
各方法其實各有其優缺點。
SAY DO SAY DO
![Page 19: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/19.jpg)
富士幼稚園ふじようちえん
19
Source: http://www.wawakids.com.tw/?p=5063
![Page 20: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/20.jpg)
• 作者:佐藤可士和 • 譯者:賴庭筠 • 出版社:木馬文化 • 出版日期:2012年10月03日
20
![Page 21: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/21.jpg)
21
![Page 22: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/22.jpg)
22
![Page 23: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/23.jpg)
培養 說故事的能力
• 可以引發共鳴,讓人感動的故事
23
![Page 24: 5779 使用經驗專題設計 - Research & Design on User ...Chap. 1:Experience in Products & Service 1. Perception: 感官知覺 2. Cognition: 理性認知 3. Memory: 回憶(自己或他人)](https://reader033.vdocuments.pub/reader033/viewer/2022050200/5f5385ab45e0f175660a273a/html5/thumbnails/24.jpg)
Homework
• 閱讀[3M公司突破創新](哈佛商業評論, 2002年10月號)一文
• 下次上課,請帶一個”東西”來,並用故事的方式,把它帶給你的經驗說出來。
• 同時,請你先做一張A3的海報,把你的經驗具象化表現出來。
24