125個提升網頁可用性的優化小技巧(一)

125個提升網頁可用性的優化小技巧(一)

           --安陽師範學院互聯網+應用技術學院UI設計方向講師  崔凱

在界面中突出強調一個聚焦點
每個界面都應該有一個清晰的起點。用戶應該從哪裏看起?要設計清楚。
125個提升網頁可用性的優化小技巧(一)

UX策略1 – 在頁面標題部分添加視覺對比
通過視覺的層次引導用戶
通過界面引導控制用戶體驗。他們應該從哪裏先看起,第二和第三步又看哪裏?設計要建立層次結構。
125個提升網頁可用性的優化小技巧(一)

UX策略2 – 避免在構圖中補漏留白

125個提升網頁可用性的優化小技巧(一)

UX策略3 – 使用單列布局
125個提升網頁可用性的優化小技巧(一)

UX策略4 – 重疊設計元素,強調連續性
使用格式塔原則進行佈局設計
根據格式塔心理學,人會通過簡化感知克服混亂。所以我們將事物分組,將元素分類,我們看“整體”。這些原則包括:相似,接近,閉合,連接,連續和圖形/背景。

125個提升網頁可用性的優化小技巧(一)
125個提升網頁可用性的優化小技巧(一)

UX策略5 – 按照接近性將相似功能或菜單項分組顯示
125個提升網頁可用性的優化小技巧(一)
UX策略6 – 標題位置與對應章節內容更靠近
125個提升網頁可用性的優化小技巧(一)
UX策略7 – 限制標題與章節內容在同一界限內
在不干擾用戶的前提下呈現界面變化
有一些界面變化會發生在用戶使用期間,這些變化要做到明顯但不干擾用戶。
125個提升網頁可用性的優化小技巧(一)
UX策略8 – 用明變顯的動畫呈現界面化
125個提升網頁可用性的優化小技巧(一)
UX策略9 – 將出錯的元素區分顯示出來,錯誤提醒信息放置在表單頂部
刪除或弱化不必要的信息
人的注意力是有限的。不必要的元素會消耗這些注意力。因此,保持用戶專注在重要信息和功能上。
125個提升網頁可用性的優化小技巧(一)
UX策略10 – 彈出或模態窗口背景模糊處理
125個提升網頁可用性的優化小技巧(一)
UX策略11 – 在所有圖像中最大限度地提高數據墨水比率(讓數據更凸顯)
125個提升網頁可用性的優化小技巧(一)
UX策略12 – 去掉不必要的邊框
125個提升網頁可用性的優化小技巧(一)
UX策略13 – 刪除冗餘或不言自明的說明
125個提升網頁可用性的優化小技巧(一)
隱藏不常用但必要的設置、功能和信息
提示首屏以下是否還有內容
現在大多數瀏覽器在頁面處於非活動狀態時隱藏滾動條,你需要“滾動提示”告知用戶首屏以下是否還有內容

125個提升網頁可用性的優化小技巧(一)

UX策略15 – 通過首屏延伸頁面下方信息元素

125個提升網頁可用性的優化小技巧(一)

UX策略16 – 添加陰影以指示深度
125個提升網頁可用性的優化小技巧(一)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章