# [筆記]工程師必須了解的 UX
#### by 獸群之心 / Soking :bust_in_silhouette:[Medium](https://medium.com/@soking)
##### 2020/02/06
###### tags: `w3HexSchool`, `線上直播`

## 前言
### UX、人因工程的興起
結合認知心理學與設計心理學，把技術變得更普及化

Don Norman，美國認知科學、人因工程等設計領域的著名學者 [[Wiki](https://zh.wikipedia.org/wiki/%E5%94%90%C2%B7%E8%AB%BE%E6%9B%BC)]
- 尼爾森諾曼集團：https://www.nngroup.com/articles/
- Youtube：https://www.youtube.com/user/NNgroup
- 專訪唐‧諾曼：http://blog.udn.com/jason080/995686
-- 重點摘要 --
* 情感化設計的價值
* 產品具有好的功能是重要的；產品讓人易學會用也是重要的；但更重要的是，這個產品要能使人感到愉悅
* 設計是在深刻和廣泛理解的基礎上創造出適合人們使用的產品

~~設計只是依照客戶需求畫出設計稿~~
#### ==設計是種信仰：讓開發的產品體貼使用者，進而讓使用者的生活變得更好==

---

## 產品的可用性原則
1. 有效性：沒有搞定產品就完蛋 (effective, must have)
2. 效率：沒有做到會很麻煩 (efficient, good to have)
3. 滿意度：沒有做到有人會不開心 (不一定所有人都能滿足，需要參考自己產品定位目標)

* 需求訪談：利害關係人以投點法進行需求確認
* 過去績效不代表未來表現
* [UX Playbook](https://services.google.com/fh/files/events/pdf_retail_ux_playbook.pdf?fbclid=IwAR2ATmQ-bsUuTfo5kyNqt1n0EulwDucB0m060Am4cHvHNtSYk5oC5Wn6mDI)
* 在量化階段，工程師就能開始思考 規格的可能性

---

## 其他

### 使用者旅程圖（User Journey Map）
以視覺化的方式，將使用者與某件產品或服務進行互動時的體驗分階段呈現出來，讓旅程中的每一個時刻都可接受個別評估和改善
> [參考文章：第一次畫使用者旅程圖 User Journey Map 就上手](http://ux.pixnet.net/blog/post/324635842-%E7%AC%AC%E4%B8%80%E6%AC%A1%E7%95%AB%E4%BD%BF%E7%94%A8%E8%80%85%E6%97%85%E7%A8%8B%E5%9C%96-user-journey-map-%E5%B0%B1%E4%B8%8A%E6%89%8B)
> [參考文章：大學生的 UI 設計選修課（7）使用者旅程圖](https://blog.akanelee.me/2019/07/03/usc-ui-design-class-7-customer-journey-map/)

### Wireframe
給設計師、前後端工程師看和溝通
> [補充文章：什麼是 Wireframe ?](https://blog.akanelee.me/posts/159788-what-is-wireframe/)
> [補充文章：設計師必懂 (一) – WIREFRAME 與 PROTOTYPE 的不同](https://designtongue.me/%E8%A8%AD%E8%A8%88%E5%B8%AB%E5%BF%85%E6%87%82-wireframe-prototype-%E7%9A%84%E4%B8%8D%E5%90%8C/)

### 考慮 Device大小
* 注意跨平台不同裝置大小
* 有限制反而是好事

### 尼爾森原則
[10 Usability Heuristics for User Interface Design](https://www.nngroup.com/articles/ten-usability-heuristics/)
> [補充文章：十大易用性原則](https://blog.akanelee.me/posts/160115-top-ten-usability-principles/)
> [補充文章：易用性評估方法](http://dearsherlock.github.io/design/usability/2015/08/12/usability.html)

### 用戶測試
* 5~10分鐘內完成

### 放聲思考法
* 引導客戶說出接觸到產品的想法
> [補充文章：易用性測試 – 放聲思考法實作細節](https://vide.tw/3214)

### 建議
* 先做 Web 再做 App
* [推薦書單](https://medium.com/@soking/ux%E5%B7%A5%E4%BD%9C%E5%9D%8A-%E7%B1%8C%E5%82%99%E7%94%A8%E6%88%B6%E8%A8%AA%E8%AB%87%E5%B7%A5%E4%BD%9C%E5%9D%8A%E7%9A%84%E5%BF%83%E5%BE%97%E7%AD%86%E8%A8%98%E8%88%87%E6%9B%B8%E5%96%AE-2a253d8695bd)

---

## 心得
這是第一次參與六角學院的線上直播課程。感覺就像是聊天，聽講師的經驗分享。這次聽直播讓我對於，一個產品在被給工程師之前的工作流程，有了更清晰的認識，例如需求投點法等。也使我對於設計有不一樣的看法。設計是為了讓人們有更好的生活而存在。而許多相關知識是線下在整理筆記時才有更多了解。在看這些專業知識時，覺得就好像回到以前修設計心理學時老師教授的內容，其中涉及知覺心理學、認知心理學、完形心理學等等。設計，不只是"感覺"好看、好用而已，其背後是有科學理論根據所支持的。而我對於 Don Norman 所提出的情感化設計價值的重要性很感興趣。一個商品帶給人們的喜悅性或許遠重要於其功能性。