## 用戶界面和交互設計
>**用戶界面設計:** 用戶界面設計(UI)或用戶界面工程師是為機器或者軟件做用戶界面設計的, 如: 計算機, 家用器具, 移動設備和其它電子設備, 專注于最大限度地提高用戶體驗. 用戶界面設計的目標是盡可能是使用戶交互變得簡單有效, 實現用戶的操作目標(設計是以用戶為中心的). - wikipedia
>**交互設計模式:** 設計模式是一種記錄解決常見設計問題解決方案的形式化方式. 建筑師 Christopher Alexander 在城市規劃和建設體系結構中已經介紹了這種方式, 并已用于其他學科, 包括教學, 教育學和軟件架構和設計. - wikipedia
>**用戶體驗設計:** 用戶體驗設計(又稱 UXD 或 UED 或 XD), 是通過提高可用性、可訪問性以及在用戶跟產品交互時的愉悅來提高用戶體驗的過程. 用戶體驗設計從完成傳統的人機交互(HCI), 已經擴展到要處理產品或服務中能被用戶感知的所有方面. - wikipedia
>**人機交互:** 人機交互(HCI)不僅特別關注人和計算之間的界面, 也會研究設計和使用 Web 技術. 人機交互領域的研究人員都會去關注當前人類與計算機交互的方式和為人類與計算機提供新的交互方式的設計技術. - wikipedia
若你想要建立適當的用戶界面, 我會建議你閱讀以下關于設計方面的書籍:
* [Designing Interfaces](http://www.amazon.com/Designing-Interfaces-Jenifer-Tidwell/dp/1449379702/ref=sr_1_1) [read][$]
* [About Face: The Essentials of Interaction Design](http://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/1118766571/ref=pd_sim_14_3) [read][$]
* [Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability](http://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515/ref=pd_sim_14_2) [read][$]
譯者補充:
* [簡約至上:交互式設計四策略](http://www.amazon.cn/%E7%AE%80%E7%BA%A6%E8%87%B3%E4%B8%8A-%E4%BA%A4%E4%BA%92%E5%BC%8F%E8%AE%BE%E8%AE%A1%E5%9B%9B%E7%AD%96%E7%95%A5-%E7%A7%91%E5%B0%94%E4%BC%AF%E6%81%A9/dp/B004I91HCY/ref=sr_1_1?ie=UTF8&qid=1445948451&sr=8-1) [read][RMB]
* [交互設計沉思錄](http://www.amazon.cn/%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1%E6%B2%89%E6%80%9D%E5%BD%95-%E7%A7%91%E5%B0%94%E7%A7%91/dp/B009A7DAXI/ref=sr_1_3?ie=UTF8&qid=1445948451&sr=8-3) [read][RMB]
- Introduction
- 什么是前端開發者?
- 第一部分: 前端開發實踐
- 前端的工作職稱
- 常用的網絡技術
- 前端開發技術棧
- 前端開發做什么
- 團隊中的前端
- 全才神話
- 前端的面試問題
- 前端工作版塊
- 前端薪資
- 如何培養前端開發者?
- 第二部分: 前端開發學習
- 自主學習
- Internet/Web
- Web瀏覽器
- DNS
- HTTP/網絡
- Web 主機
- 前端開發綜合學習
- 用戶界面和交互設計
- HTML & CSS
- SEO
- Javascript
- Web 動畫
- DOM, BOM & JQuery
- Web 字體
- 無障礙設計
- Web/瀏覽器 API
- JSON
- 靜態網頁生成器
- 前端應用架構設計
- 接口/API 設計
- Web 開發者工具
- 命令行
- Node.js
- 模塊加載器
- 包管理器
- 版本控制
- 構建 & 任務自動化
- 網站性能優化
- JS 測試
- 無殼瀏覽器
- 離線開發
- 安全
- 多平臺開發
- 指導學習
- 前端指導學習
- 前端開發者從哪里學
- 前端簡報, 資訊 & 博客
- 第三部分: 前端開發工具
- 常用前端開發工具
- DOC/API 瀏覽
- SEO
- 原型和框架
- 圖表
- HTTP/網絡
- 代碼編輯
- 瀏覽器
- HTML
- CSS
- DOM
- JavaScript
- 靜態網頁生成器
- APP(桌面, 移動, 平板等) 管理
- 腳手架
- 模板
- UI 部件 & 組件
- 數據可視化
- 圖形
- 動畫
- JSON
- 測試框架
- 數據存儲
- 模塊/包加載
- 模塊/包倉庫
- Web/云/靜態主機托管
- 項目管理 & 代碼托管
- 合作 & 交流
- CMS 托管/API
- BASS
- 離線
- 安全
- 任務管理
- 部署
- 網站/APP 監控
- JS 錯誤監控
- 性能