UX從新手開始-使用者體驗的100堂必修課-3
-筆記分享(3)
Design is not just what it looks like and feels like.Design is how it works. - Steven Jobs
引言
原文書名：UX for Beginners
作者： Joel Marsh
譯者：楊仁和
出版社：O’Reilly Media 歐萊禮
出版日期：2016/10/28
ＵＸ設計師策畫事情如何運作，讓使用者與自己目標一致
設計「行為」
- 獎與懲：懲罰視為成本，第一個獎勵免費奉送
- 制約與成癮：透過觸發情緒控制反饋，建立關聯產生信念，加入隨機屬性
- 遊戲化：反饋循環（動機->行動->反饋），漸進挑戰（給予進步感）
- 社群結構：轉化情緒為自動化，優質品社會認同，自我推銷分享，信念傳遞
- 建立信任：避免太過完美、民主化評價、優雅處理負評、讓使用者充分瞭解、文字簡單明瞭
- 改變體驗：對一般使用者設計「學習引導」；對超級使用者設計「快速機制」
視覺傳達設計（Visual Communication Design）是透過可視形式以傳達某種事物為目的的主動行為
視覺設計
- 視覺權重：利用對比和尺寸影響視覺權重
- 顏色：顏色會產生前後的區別，瞭解顏色代表的意義
- 重複/打破模式：重複模式產生序列，打破模式增加焦點
- 線張力/邊緣張力：「透明的線」產生路徑或方框，建立視覺化路徑
- 對齊/接近：用距離為元素增加秩序和意義
- 運動處理：直線讓人注意方向和尾端；弧線讓人注意路徑和終點
90%的思考 + 10%的繪圖 = 線框圖
線框圖與原型
- 線框圖：展示運作方式，呈現整體，標示及描述每個元素（直線+方框+標籤+單色）
- 留意不尋常：留意「最短、最長、不存在、被刪除、最糟的」濫用情況
- 設計模式：通用且可行的解決方案
- 視覺階層：使用者掃描快速瀏覽（Ｚ模式 / Ｆ模式）
- 版面配置：
- Nav：主選單依照使用者興趣排列，子選單在頁面的同一位置
- Fold：提供可以聚焦的東西，讓使用者往下繼續探索
- Image：引導使用者的目光，增添的情感越多，使用者參與度越高
- Title：標題對齊引導使用者到最重要的內容
- Form：建立標籤和指示文字，智能機制驗證錯誤
- Button：主按鈕盡量高權重，次按鈕避免反射點擊，特殊按鈕用打破模式
- 適應式 = 不同設計分開(大小版) / 響應式 = 一個設計通用(RWD)
- 最小改變量：先定義問題在決定設計方式（重新設計/修改移除設計）