企業微信
酷網科技公司
當前位置: 建站知識  >>  瀏覽文章
時間:2016年05月22日 信息來源:互聯網

網頁設計必讀!125個小優化提升網頁可用性一

本文是一篇關于用戶體驗、UI設計、交互設計的很實用的文章,由于單篇過長,我拆開來翻譯連載。

優化策略第1類:控制用戶的焦點和注意力

在界面中突出強調一個聚焦點

每個界面都應該有一個清晰的起點。用戶應該從哪里看起?要設計清楚。

網站設計 網頁優化 網站優化 網頁設計教程

△ UX策略1 – 在頁面標題部分添加視覺對比

通過視覺的層次引導用戶

通過界面引導控制用戶體驗。他們應該從哪里先看起,第二和第三步又看哪里?設計要建立層次結構。

網站設計 網頁優化 網站優化 網頁設計教程

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

網站設計 網頁優化 網站優化 網頁設計教程

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

網站設計 網頁優化 網站優化 網頁設計教程

△ UX策略4 – 重疊設計元素,強調連續性

使用格式塔原則進行布局設計

根據格式塔心理學,人會通過簡化感知克服混亂。所以我們將事物分組,將元素分類,我們看“整體”。

這些原則包括:相似,接近,閉合,連接,連續和圖形/背景。

5zxsj20160504

6zxsj20160504

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

7zxsj20160504

△ UX策略6 – 標題位置與對應章節內容更靠近

8zxsj20160504

△ UX策略7 – 限制標題與章節內容在同一界限內

在不干擾用戶的前提下呈現界面變化

有一些界面變化會發生在用戶使用期間,這些變化要做到明顯但不干擾用戶。

9zxsj20160504

△ UX策略8 – 用明顯的動畫呈現界面變化

10zxsj20160504

△ UX策略9 – 將出錯的元素區分顯示出來,錯誤提醒信息放置在表單頂部


(編輯:小酷)

 


上一篇:九枝蘭專訪SEO老炮兒Zac企業主如何高效開展SEO
下一篇:ASO優化實例因換評論而引發的劇烈排名下降題文章
聯系
客服

掃碼添加客服微信

服務熱線
服務熱線
0411-62888851
公眾號

掃碼關注公眾號

回到頂部