注意這些頁面設計細節,有效提升使用體驗!

語言: CN / TW / HK

關注 ▲Clip設計夾 後台 回覆“ 進羣 加入設計成長羣

設計夾的第 114 篇文章分享 

大家好 ,這裏是設計夾 今天為大家分享的是 「設計細節

不能忽視細節,很多情況下一些小的細節能決定使用體驗的良好與否。不僅僅為了設計而設計,而是思考後設計,經過我們的思考將設計完整呈現。

    使用容易理解的文案

使用易理解、具有代入感的文案提示,能夠讓用户快速地明白文案的含義,提供良好的用户體驗。

    水平對齊

頁面信息的有序排列能讓我們看起來更輕鬆,增強內容的可讀性。

比如表單設計中,尤其每個選項的字數有多有少,左側採用標題和輸入框並列對齊的方式,頁面看起來並不是很統一。

如果想讓頁面更整齊,可以採用類似 側水平對齊的排版方式,讓表單看起來更統一

    使用圖標/標籤

在頁面設計中,圖標雖然尺寸很小但卻有着不可替代的作用。如果頁面中只有文字,沒有圖形化的元素,整個頁面會顯得很單調,很難吸引用户的注意力。

在文字的基礎上, 增加圖標、標籤或者動效,能讓頁面內容看起來豐富、更精緻 ,能在第一時間達到吸引用户的目的。

    合理拆分內容

在信息碎片化以及短視頻流行的背景下,用户往往沒有耐心去閲讀頁面中大段的文字。

為了內容的展示和用户的使用體驗,可以考慮將大段的內容拆分成幾個小段內容,突出關鍵點,這樣內容展示用更清晰,也方便用户一眼看到重點內容。

   展示任務進程

展示任務進程的設計形式通常用在任務或者操作相對複雜的場景中。例如在用户需要填寫長表單的場景中,展示任務進程就變得很有必要,能夠告知用户當前已經填寫了哪些內容,還差哪些內容需要填寫。

又或者在購物場景中,從商品加入購物車、填寫收貨人地址到確認支付,簡化購物的流程,讓用户更好理解。

    精確的提示引導

錯誤提示這點在用户日常的體驗中常常遇到,設計師要格外重視。當用户的操作發生錯誤時,要明確告知用户錯誤的原因,並引導用户進行正確的操作。

如果不瞭解頁面中出現了什麼問題,只是簡單的報錯,用户會對當前的操作感到困惑甚至放棄使用。

因此在頁面設計中, 在正確的位置提示正確的內容非常重要

    提升CTA轉化率

頁面中CTA按鈕的轉化率和產品的商業價值息息相關。 在設計中,我們需要將用户的注意力集中到按鈕的點擊和轉化中,因此CTA按鈕的尺寸要易於點擊,並放在用户最容易於注意到的位置。

對於CTA按鈕的設計分析,可以快速回看這篇文章:point_right|type_1_2: 如何設計出高轉化率的CTA按鈕?先學會這8個方法

最後

通過這些實用性的設計細節,希望能對你的工作帶來切實的幫助。 在設計中想的更多、更全面一點,不僅能提升自己 思考的維度和深度 ,還可能讓產品和體驗上升層次。

慢慢來比較快,如覺得有幫助,

請點個 贊&在看 謝謝!

添加微信, 邀你進設計成長羣 :star2:

Tips:  這裏會持續更新設計乾貨,包括但不限於交互日記、設計法則、答疑解惑、讀書筆記…感興趣的同學可以掃碼加入,一起成長! :arrow_down: :arrow_down: :arrow_down:

:fire: 文章合集

致2021:設計文章合集

致2020:設計文章合集