雷鋒網(wǎng)按：本文譯自@企業(yè)官網(wǎng)設(shè)計(jì)精選，原文地址：nickkolenda。

在界面中突出強(qiáng)調(diào)一個(gè)聚焦點(diǎn)

每個(gè)界面都應(yīng)該有一個(gè)清晰的起點(diǎn)。用戶應(yīng)該從哪里看起？要設(shè)計(jì)清楚。

△ UX策略1 – 在頁(yè)面標(biāo)題部分添加視覺(jué)對(duì)比

通過(guò)視覺(jué)的層次引導(dǎo)用戶

通過(guò)界面引導(dǎo)控制用戶體驗(yàn)。他們應(yīng)該從哪里先看起，第二和第三步又看哪里？設(shè)計(jì)要建立層次結(jié)構(gòu)。

△ UX策略2 – 避免在構(gòu)圖中補(bǔ)漏留白

△ UX策略3 – 使用單列布局

△ UX策略4 – 重疊設(shè)計(jì)元素，強(qiáng)調(diào)連續(xù)性

使用格式塔原則進(jìn)行布局設(shè)計(jì)

根據(jù)格式塔心理學(xué)，人會(huì)通過(guò)簡(jiǎn)化感知克服混亂。所以我們將事物分組，將元素分類，我們看“整體”。

這些原則包括：相似，接近，閉合，連接，連續(xù)和圖形/背景。

△ UX策略5 – 按照接近性將相似功能或菜單項(xiàng)分組顯示

△ UX策略6 – 標(biāo)題位置與對(duì)應(yīng)章節(jié)內(nèi)容更靠近

△ UX策略7 – 限制標(biāo)題與章節(jié)內(nèi)容在同一界限內(nèi)

在不干擾用戶的前提下呈現(xiàn)界面變化

有一些界面變化會(huì)發(fā)生在用戶使用期間，這些變化要做到明顯但不干擾用戶。

△ UX策略8 – 用明顯的動(dòng)畫(huà)呈現(xiàn)界面變化

△ UX策略9 – 將出錯(cuò)的元素區(qū)分顯示出來(lái)，錯(cuò)誤提醒信息放置在表單頂部

刪除或弱化不必要的信息

人的注意力是有限的。不必要的元素會(huì)消耗這些注意力。因此，保持用戶專注在重要信息和功能上。

△ UX策略10 – 彈出或模態(tài)窗口背景模糊處理

△ UX策略11 – 在所有圖像中最大限度地提高數(shù)據(jù)墨水比率（讓數(shù)據(jù)更凸顯）

△ UX策略12 – 去掉不必要的邊框

△ UX策略13 – 刪除冗余或不言自明的說(shuō)明

△ UX策略14 – 隱藏不常用但必要的設(shè)置、功能和信息

提示首屏以下是否還有內(nèi)容

現(xiàn)在大多數(shù)瀏覽器在頁(yè)面處于非活動(dòng)狀態(tài)時(shí)隱藏滾動(dòng)條，你需要“滾動(dòng)提示”告知用戶首屏以下是否還有內(nèi)容。

△ UX策略15 – 通過(guò)首屏延伸頁(yè)面下方信息元素

△ UX策略16 – 添加陰影以指示深度

△ UX策略17 – 用文字或圖形表示有更多內(nèi)容

未完待續(xù)……

雷峰網(wǎng)原創(chuàng)文章，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見(jiàn)轉(zhuǎn)載須知。