===== UX小知識 =====
○ 測試法
A / B Testing
5秒測試法:介面放在手機上給測試者看2秒, 問測試者還記得那個介面上有什麼
○ 原型的類別
wireframe 低擬真(線搞)
mockup 高擬真
prototype 可操作
○ 流程圖的類別
Flow Chart
Functional Map
UI Flow
○ 視線流程圖
○ 操作流程圖
○ 框架
標籤式(把5個以內常用的功能入口拉到第一層,其他功能入口彙整到一起)
輻射式(依功能類型跟順序發散到各層級)
列表式(像網路的多層次選單)
平鋪式(所有功能入口扁平化)
抽屜式(所有功能入口收納起來)
點聚式(把部分功能入口用抽屜式集合收納起來)
○ 關於虛擬鍵盤
1.鍵盤浮起後不能遮擋住重要訊息 => 訊息可依情況調整顯示的內容
2.鍵盤右下角功能鍵的文字要對應目的功能 => "換行"、"完成"、"前往".....
○ 關於動畫
動畫效果適合運用在:起動畫面、載入、轉場、引導、回饋
UI與程式間Animation的溝通:
1.起始狀態、結束狀態
2.變化屬性(寬度、高度、XY座標、XYZ旋轉角度、透明度、顏色.....)
3.時間腳本(多少ms到多少ms做哪個屬性變化)
4.漸變函式(EX:ease-in)
5.操作行為(根據使用者操作停止並改為動畫、忽略、其他處理)
6.參考範例
○ 手指熱點、手指方便點擊的大小
○ 量化UX修改的目標