產(chǎn)品的成功取決于許多因素的相互作用，但最重要的因素是出色的用戶體驗設(shè)計。在當(dāng)前嚴(yán)重的產(chǎn)品同質(zhì)化時代，差異化的用戶體驗設(shè)計可能更有可能贏得用戶的青睞。這意味著，在我們設(shè)計時，我們從容易被忽視的細(xì)節(jié)開始。在本文中，我將介紹可能被我們忽略的視覺反饋，微寫入和空白區(qū)域，但是研究細(xì)節(jié)如何影響產(chǎn)品用戶體驗的極其重要的設(shè)計元素。

　視覺反饋

當(dāng)我們開發(fā)設(shè)計規(guī)范時，反饋經(jīng)常被忽略，但它的存在實際上有效地梳理了產(chǎn)品的整個交互過程。交互設(shè)計實際上可以被視為設(shè)計人與物（應(yīng)用程序或網(wǎng)站）之間的對話。如果沒有反饋，那相當(dāng)于你在聊天中說話，但對方不說一句話，兩者之間沒有互動。從產(chǎn)品的角度來看，如果沒有反饋，用戶就無法知道現(xiàn)在發(fā)生了什么，他無法確定自己的操作結(jié)果，更不用說下一步了。所以沒有反饋，沒有互動。

良好的交互設(shè)計應(yīng)確保用戶可以獲得每個操作的視覺反饋，無論是否成功，這將使用戶在使用產(chǎn)品時體驗到安全感——一切都在他們的控制之下。視覺反饋的目的是以視覺，簡潔的形式向用戶呈現(xiàn)操作的結(jié)果和系統(tǒng)的當(dāng)前狀態(tài)。

當(dāng)我們在手機上點擊，滑動等時，按鈕，控件和其他交互元素通過改變它們的形狀來響應(yīng)，為我們提供反饋。這種反饋模式將使用戶更接近產(chǎn)品，因為用戶可以輕松地感受到與屏幕上的元素的直接和真實的交互。

功能動畫允許用戶及時了解狀態(tài)的變化。

加載動畫向用戶顯示系統(tǒng)的實時狀態(tài)，允許用戶快速查看當(dāng)前正在發(fā)生的事情。

　　微文案

微型拷貝是一小段文本，指導(dǎo)用戶操作。在應(yīng)用程序和網(wǎng)站中，微型副本的應(yīng)用程序包括按鈕上的標(biāo)簽，錯誤提醒和提示文本。在使用過程中，用戶主要關(guān)注的是頁面的布局和顏色匹配。這些微拷貝的存在似乎并不顯眼。但如果正確使用微拷貝，這將給產(chǎn)品帶來神奇的效果。以下是微拷貝如何為設(shè)計添加顏色的具體示例。

人性化表達(dá)

我們一直倡導(dǎo)一種降低機械但溫度的產(chǎn)品。如果使用微文案可以借用朋友之間的談話基調(diào)，這將無意中提高產(chǎn)品的用戶友好性。使距離更近的用戶更容易讓用戶信任該產(chǎn)品。

　安慰

微拷貝中的錯誤消息將極大地影響用戶對產(chǎn)品的友好性，但我們經(jīng)常忽略其存在的重要性。

用戶使用應(yīng)用程序或網(wǎng)站來滿足特定需求。例如，如果您想購買一件衣服，觀看直播或查看明天的天氣狀況。如果系統(tǒng)錯誤導(dǎo)致進(jìn)程被阻止，這可能會給用戶帶來挫折和焦慮，使用戶有耐心繼續(xù)使用應(yīng)用程序或網(wǎng)站。此時，可以突出顯示微拷貝的作用。

當(dāng)系統(tǒng)報告錯誤時，很容易使用戶感到不舒服。不正確書寫的副本可能會直接驅(qū)使用戶發(fā)瘋。

上述錯誤消息可以說是一個反面的例子。模糊錯誤很難說服用戶。報告錯誤？最后，出了什么問題，為什么這是錯的，接下來我該怎么辦？

從另一個角度來看，當(dāng)系統(tǒng)報告錯誤時，使用好的微復(fù)制案例將起到安撫用戶的作用，允許用戶在面對問題時面對它。

錯誤消息還告訴用戶解決方案，同時準(zhǔn)確和友好。

　緩解用戶負(fù)面情緒

微復(fù)制案例的使用應(yīng)該考慮具體的場景，因為微復(fù)制案例本身就是指導(dǎo)性文本，它的存在是為了解決用戶心中的疑慮。例如，在支付寶的付款設(shè)置頁面中，我們可以在頁面底部看到“帳戶安全”的副本。由于用戶在進(jìn)行貨幣交易時非常謹(jǐn)慎，因此支付寶在使用過程中會盡力提高用戶的安全性。這里使用微拷貝是為了通過強調(diào)資金的安全性來消除用戶心中的不安。

　留白

空白（或負(fù)空格）是設(shè)計者未放置任何元素的頁面區(qū)域。消隱并不意味著您必須使用白色，而是保留一些空間來組織頁面空間中的其余元素。雖然許多人認(rèn)為留空是浪費寶貴的空間，但不可否認(rèn)的是，它仍然是UI設(shè)計中的一個重要元素。

　提升頁面可讀性

頁面上的信息過多會增加用戶查看的難度。對于那些認(rèn)為頁面應(yīng)該已滿的客戶，我們會向他們展示以下圖片。

對于用戶而言，雜亂的排版沒有任何吸引力，特別是如果當(dāng)前頁面沒有任何層次結(jié)構(gòu)，并且用戶對閱讀沒興趣。

白色空間的使用主要受人類短期記憶的限制。我們的短期記憶可以保存很少的信息（在沒有復(fù)述的情況下，大部分信息短時間內(nèi)保存在短期記憶中，通常為5-20秒，不超過1分鐘）。用戶看到一個頁面，如果顯示的信息太多，用戶將無法處理它。使用空格可減少當(dāng)前頁面中的元素數(shù)量并提高頁面的可讀性。

△Medium通過合理的空白應(yīng)用提高了文本和圖像的可讀性

　　吸引用戶注意力

用戶的注意力是一種寶貴的資源，應(yīng)該合理分配。我遇到了很多客戶，他們說他們想要使用大紅色突出顯示，你想放大字體以吸引用戶的注意力。在他們的愿景中，應(yīng)該強調(diào)頁面中的任何元素，但不知道頁面上只有一個視覺焦點。太多的捐贈實際上是用戶的負(fù)擔(dān)。少即是多，這是互聯(lián)網(wǎng)時代的信條。

谷歌搜索網(wǎng)站有一個很大的空白區(qū)域，用戶的眼睛自然會被搜索框吸引。這符合谷歌的初衷，他們希望用戶在此頁面上完成搜索操作，因此不要顯示太多其他信息來分散用戶的注意力。

建立層級關(guān)系

根據(jù)交互設(shè)計中的接近規(guī)則：當(dāng)對象之間的距離太近時，用戶會認(rèn)為它們在潛意識中是相似的。我們可以使用空白在不同元素之間建立層次關(guān)系。例如，下圖中的幾乎每個人都會看到兩組而不是16分。

集成的信息分組將提高內(nèi)容的可讀性。下圖中的右表將15個字段分為3組。相同數(shù)量的內(nèi)容，但用戶的印象是非常不同的。

　總結(jié)

小心設(shè)計，即使是最小的細(xì)節(jié)也應(yīng)該給予足夠的重視，因為設(shè)計是相互關(guān)聯(lián)的。

« LeTV.com發(fā)布公告披露累計訴訟和仲裁案件 | 說一個月內(nèi)會有成千上萬的人。我應(yīng)該被殺？ »