如何深思熟慮地優(yōu)化產(chǎn)品界面中的細(xì)節(jié)設(shè)計

發(fā)布時間：2017-04-26 16:32:42 作者：佚名

我要評論

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

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

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

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

　　緩解用戶的擔(dān)憂

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

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

　　空白區(qū)域

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

　　提高對用戶界面的理解

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

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

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

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

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

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

　　關(guān)注點

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

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

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

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

　　明確關(guān)系

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