Please enable JavaScript.
Coggle requires JavaScript to display documents.
高頻出現的 UX/UE 問題分享 - Coggle Diagram
高頻出現的 UX/UE 問題分享
視覺
版式
排版設計
間距處理(參考柵格系統)
文本對齊
色彩
飽和度
控制高飽和度、色相等,不用大面積的純白色等
色彩優先級
設置高、中、低優先級
一眼就看出優先級來
文本
字體大小
誤區 - 字體越大越清晰
字體規範 參考 Google設定
https://m2.material.io/design/typography/the-type-system.html#type-scale
對比度
WCAG 標準 -
https://webaim.org/resources/contrastchecker/
字重 - 粗細
體驗設計
交互
交互動畫設計原則
解釋清楚交互邏輯
從動畫中學習交互操作
響應需即時(400毫秒以內)
保持同一組件動畫的一致性
交互成本
物理成本
操作次數
操作複雜度
心理成本
理解所需的記憶力
理解所需的注意力
信息呈現
多功能代價
少就是多,避免複雜
控制單頁信息量
作好分類
信息可視化
圖 > 條(血條) >文字
留白感知
提升高級感
曝光效應
例如彈窗廣告等
層級
制定層級規則
多彈窗處理