這3個UI設計細節(jié)，可以讓你感受到和高手的差距

2017/11/1 9:14:40來源：互聯(lián)網

王M爭：一款產品的成功取決于多方面因素之間的相互配合，但其中最緊張的因素是良好的用戶體驗設計。而在當前這個產品同質化緊張的時代，差異化用戶體驗設計可能更容易贏得用戶的青睞。這就意味著我們進行設計的時候，要從那些容易被忽視的細節(jié)做起。這篇文章中，我將會從視覺反饋、微文案和留白，這些可能會被我們忽略，但卻極其緊張的設計元素來研究細節(jié)是如何影響一款產品的用戶體驗。

視覺反饋

反饋在我們制訂設計規(guī)范時經常會被忽視，但它的存在現(xiàn)實上有用的梳理了產品的整個交互流程。交互設計其實可以看成是設計人與物(App或網站)之間的對話。假如沒有任何反饋，就相稱于聊天時的你滾滾不絕，但對方卻一聲不響，兩人之間毫無互動。從產品的角度而言，假如沒有反饋，用戶則無法得知當下發(fā)生了什么，也無從確定本身操作的效果，更不必提綱進行下一步的操作。所以說無反饋，不交互。

優(yōu)秀的交互設計應該確保用戶的每一次操作都能得到視覺反饋，無論成功與否，這會讓用戶領會到使用產品期間的一種安全感——統(tǒng)統(tǒng)盡在本身的掌控之中。視覺反饋的目的就是通過一種可視化、簡潔的情勢向用戶展示操作的效果以及當前體系所處的狀況。

我們在手機上進行點擊、滑動等操作時，按鈕、控件和其他交互元素通過改變自體態(tài)態(tài)做出相應，為我們提供反饋。這種反饋模式會拉近用戶與產品之間的距離，由于用戶可以容易的感受到本身在同屏幕中的元素進行直接真實的互動。

功能性動畫可以讓用戶及時獲知狀況的變更。

加載動畫向用戶展示體系的實時狀況，使用戶能夠快速了解目前發(fā)生了什么。

微文案

微文案是指指導用戶操作的小段筆墨，在App和網站中，微文案的應用包括按鈕上的標簽，錯誤提示和提醒筆墨。在使用過程中，用戶重要細致力可能都在網頁的排版布局和配色上，這些微文案的存在好像并不顯眼。但假如恰當?shù)氖褂梦⑽陌?，這將會給產品帶來魔法般的結果。以下就是微文案如何給設計添彩的詳細實例。

人性化表達

我們一向提倡做一款削減機械感卻有溫度的產品。假如微文案的使用可以借同伙之間對話的口吻，這會在偶然間提拔產品的用戶友愛度。拉近與用戶之間的距離，讓用戶更容易信賴這款產品。

安慰

微文案中的報錯提醒會極大的影響用戶對于該產品的友愛度，但我們卻常常忽視它存在的緊張性。

用戶使用App或者網站都是為了解決特定需求的。例如想買一件衣服，看一場球賽直播或者是查看明天的氣候情況。一旦出現(xiàn)體系錯誤導致進程受阻，這將給用戶帶來沮喪和焦慮情緒，使用戶失去繼承使用App或者網站的耐心。此時微文案的作用就可以凸顯出來。

體系報錯時極易引起用戶不適的心情，措辭不當?shù)奈陌竸t可能直接讓用戶抓狂。

上面這個報錯提醒可以說是一個反面典型，An error occurred（出錯啦）這句模棱兩可的話很難讓用戶佩服。報錯？到底報什么錯了，為什么會報錯，我接下來應該怎么做？

從另一個角度說，在體系報錯的時候，優(yōu)秀的微文案使用會起到安撫用戶的作用，讓用戶在碰到題目時可以坦然面對。

報錯提醒在做到正確友愛的同時，還要告訴用戶解決方案。

緩解用戶負面情緒

微文案的使用要考慮詳細場景，由于微文案自己即為指導性筆墨，它就是為解決用戶心中的迷惑而存在。例如在付出寶的付出設置網頁中，我們可以在網頁底部看到“賬戶安全保障中”的文案。由于涉及到金錢交易時，用戶都是極其穩(wěn)重的，所以付出寶通細致節(jié)，竭力來提拔用戶使用期間的安全感。這里微文案的使用就是通過強調資金的安全性來消弭用戶心里的不安。