你的產(chǎn)品的成功是基于一系列因素，但是整體上看用戶體驗至上。當設計一個新的應用程序或一個網(wǎng)站時，堅持最佳實踐是一個必要的途徑，但是在創(chuàng)建大畫面的過程中，撇開那些看起來不錯但不必要的設計元素是非常容易的。然而，好與壞的體驗差異往往歸結(jié)于我們?nèi)绾紊钏际鞈]地設計這些細節(jié)。

在這篇文章中，我將專注于視覺反饋，微視窗和空白區(qū)域，你將會明白為什么這些小細節(jié)和你設計的顯著元素是一樣的重要，以及它們?nèi)绾螏椭愦_定產(chǎn)品的成功。

視覺反饋

視覺反饋可能更容易在很大的設計方案中被忽視，但它實際上將整個體驗結(jié)合在了一起。當沒有任何反饋時，就沒有適當?shù)幕印Ｏ胂笠幌?，與不給你任何方式回應的人說話——你根本不能溝通。所以你的應用程序也是如此。

缺乏視覺反饋能夠使用戶混淆。

您必須確保對用戶操作總是有一些反饋意見，因為它讓用戶感到受控。視覺反饋

•確認應用程序已收到用戶的操作。

•溝通互動的結(jié)果，使其既可見又可理解。給用戶一個信號，告知他們（或應用程序）執(zhí)行任務是成功還是失敗了。

使按鈕和其他控件有形

在現(xiàn)實生活中，按鈕、控件及其他物體響應我們的互動，這就是人們所期望的行為。人們期望應用程序的元素具有類似的響應能力。

操作結(jié)果

當你需要通知用戶有關(guān)操作的結(jié)果時，視覺反饋也是很有幫助的。您可以用現(xiàn)有元素提供反饋。

系統(tǒng)應該告訴用戶他們的狀態(tài)

用戶希望在任何給定的時間內(nèi)知道他們當前在系統(tǒng)中所處的環(huán)境，應用程序不應該讓他們猜測- 他們應該通過適當?shù)囊曈X反饋告訴用戶發(fā)生了什么。對于頻繁和次要的行動，響應可能不大，而對于罕見的和主要的行動，響應應該更大。

•動畫通知使用戶能夠快速了解當前狀態(tài)。

•加載動畫提供應用程序進程狀態(tài)的實時通知，使用戶能夠快速了解發(fā)生的情況。

加載欄與用戶互動，并防止應用程序忙于加載數(shù)據(jù)時出現(xiàn)混淆。圖片出自：馬克

微視圖

•微視圖是引導用戶體驗的一小部分文字。顯微技術(shù)的例子是錯誤信息，按鈕標簽，提示文本。一目了然，這詞與整體應用程序設計相比微不足道。但令人驚訝的是，它們對轉(zhuǎn)換有巨大的影響。

在應用程序中編寫好的微視窗與使其正常工作，以及用戶界面易于使用和高效使用是同樣重要的。

證明你是人類

•一個快速的方法，使你的用戶界面更溫暖，在副本中減少機械性的人的語調(diào)。如果你的產(chǎn)品聽起來很人性化，那么人們會更容易信任你。

在故障時刻使用友好和有用的副本

如何傳達錯誤會對用戶的產(chǎn)品體驗方式有很大的影響。通常被忽視，一個用錯誤構(gòu)造的錯誤信息可能會讓用戶感到沮喪。

諸如“發(fā)生錯誤”的警報信息對所有用戶都是神秘的，并且可能會使經(jīng)驗豐富的用戶感到煩惱。

另一方面，精心設計的錯誤信息可能會使一時的沮喪變成一時的喜悅。因此，使用人為，而不是技術(shù)性的錯誤信息，去適應你的觀眾。

錯誤狀態(tài)必須包括關(guān)于下一步做什么的簡明、友好、和指導性的副本。

緩解用戶的擔憂

微視圖是特別情境。這就是為什么它如此重要。它解決了人們和他們所關(guān)注的點這一非常特殊的問題。例如，微視圖可以在根本安撫用戶的訂閱或共享的細節(jié)。雖然 '不要垃圾郵件/自動鳴叫' 可能被視為理所當然的良好的營銷時，要求電子郵件地址/訪問社會網(wǎng)絡帳戶連接，用戶是不確定的。因此，當人們添加他們的電子郵件或連接他們的Twitter帳戶，說：“我們討厭垃圾郵件?！?/P>

微視圖涵蓋所有潛在用戶的關(guān)注在一個緊密的句子中。

空白區(qū)域

空白（或負空間）是設計師沒有設計元素放置的區(qū)域?？瞻椎脑厥俏谋緝?nèi)容中的圖像，邊距，填充，行間距和字母間距的空間。雖然許多人可能會認為這是浪費寶貴的屏幕空間，但空白是用戶界面設計的基本要素。

提高對用戶界面的理解

混亂是不好的。用戶界面過量載入信息：每一個添加按鈕、圖像和文本使界面更復雜。如果你認為你設計的任何部分不應該有故意空白的，看看下面的例子，你會看到當有太多的對象吸引你的注意力時，會發(fā)生什么情況。

混亂的用戶界面是沒有吸引力的，用戶不會看它，尤其是當視圖中沒有可視化層次結(jié)構(gòu)時。

白色空間的力量來自人類的記憶和注意力的極限。我們的短期記憶可以容納少量的信息（通常約7個或更少）銘記在一個活躍的，隨時可用的狀態(tài)，在很短的時間內(nèi)（通常從10至15秒，有時甚至一分鐘）。

用戶關(guān)注是一種寶貴的資源，應相應地分配。

如果你的用戶載入過量的信息，導致界面混亂。因此減少混亂以此提高對用戶界面的理解能力。空白可以使一些混亂的界面看起來更簡潔?？瞻诇p少了大量元素，讓用戶看一次就能夠便于搜索。使用空白技巧是為你的用戶剝離掉多余的細節(jié)，以提供易理解的內(nèi)容（大塊的內(nèi)容）。

媒介是一個不錯的例子，使用空白來改善內(nèi)容和用戶界面的理解。

關(guān)注點

空白創(chuàng)建設計元素的空間，幫助它們脫穎而出，或從其他元素分離。它有助于溝通什么是最重要的，什么是需要注意的。

元素周圍提供的空間越多，它的聚焦就越大。

Google搜索首頁是使用空白的一個很好的例子。布局立即通過將主要交互元素（搜索框）放置在前面和中央位置，在任何一方有足夠的空白以增加重點，從而有助于用戶目標。

缺少其他元素將使現(xiàn)有元素更加突出。

明確關(guān)系

接近法則描述眼腦作用是一個不斷組織、簡化、統(tǒng)一的過程，正是通過這一過程，才產(chǎn)生出易于理解、協(xié)調(diào)的整體。我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu)，并且在神經(jīng)系統(tǒng)層面上感知形狀，圖形和物體，而不是只看到互不相連的邊,線和區(qū)域?？纯催@張照片。幾乎每個人都看到兩組點，而不是簡單的16點。

把信息分成相應的組可以使它更清晰且具有可讀性。在右邊的表格，把15個領(lǐng)域分為三組，使過程更容易。內(nèi)容的量是一樣的，但對用戶的影響卻大不相同。

圖片來源：nngroup

結(jié)論

精心的設計。應用程序的用戶界面的每一個小細節(jié)都是值得密切關(guān)注，因為用戶體驗是所有細節(jié)的工作協(xié)調(diào)的總和：

“細節(jié)不是細節(jié)。它們造就設計。”——Charles Eames

原文鏈接：https://uxplanet.org/the-details-that-matter-8b962ca58b49?source=---------0-----------