01

本文概括

在本文中會與追夢人們

一起討論如何將設計做到細微之處

從而達到留住使用者的目的。

本文適合新手設計師，

大神不喜勿噴，但歡迎指教。

02

本文目錄

一、普遍適用

二、多端適配

三、操作後可撤回

四、操作前後對比

五、空狀態顯示

六、層級區分

一、普遍適用

操作手勢必須與其他APP大致相同。尤其是在iOS端的設計上，操作手勢大致相同被體現得淋漓盡致。比如下拉重新整理、右滑刪除，如果設計了一個不同的手勢，則需要重新培養新的使用者使用方式，甚至會造成使用者頻繁的操作失誤。如下圖所示：

ios系統統一的拖拽方式

二、多端適配

在這個網際網路資訊爆炸的時代，多端適配，多端協同適用平臺顯得尤為重要，例如滴答清單，在手機端輸入的任務清單，在PC端、網頁端都可進行編輯，大大地方便了使用者的使用。

三、操作後可撤回

一定要給使用者後悔的機會，新增後可刪除、操作後可撤回。這對於新手設計師來說，這些細節是必須要考慮到的，從而使你的設計提高使用者體驗。

四、操作前後對比

操作前後對比，例如有連結的網頁滑鼠懸浮字型放大或變顏色。例如今日頭條APP，當看完一個文章之後，這篇文章的標題文字會由黑色變為灰色。這樣提就達到了從細節之處提高了使用者體驗。

五、空狀態顯示

空狀態顯示也就是預設頁的作用，預設頁就是在沒有資料顯示的時，頁面應該以什麼樣的方式呈現給使用者，從而緩解使用者沒有得到資料的情緒並引導使用者進行下一步操作。如果沒有預設頁的存在，會減少使用者的留存量。

六、層級區分

層級區分在主要體現在一級標題、二級標題、三級標題上，使使用者在視覺上有一個區分，從而使使用者達到快速瀏覽的目的。

往期精彩推薦：

1、

UI設計之APP上線步驟

2、

UI設計之引導頁、啟動頁、閃屏的區別