用戶界面設(shè)計，享受最基本的權(quán)利
如果你建造一所房子在一個堅實的基礎(chǔ)，可以原諒–允許你嘗試一遍又一遍，直到你的故事吧。但一個有缺陷的基礎(chǔ)？你可以雇傭最杰出的建筑師和可憐的人最終會失敗。

當涉及到我們的網(wǎng)站和應(yīng)用程序，用戶界面包括基礎(chǔ)知識。這是我們所看到和認識。這是我們所記住的。本文強調(diào)了一些，用戶界面設(shè)計的關(guān)鍵原則，所有的設(shè)計師都應(yīng)該牢記，當設(shè)計圖形用戶界面的東西。
視覺分塊

設(shè)計師應(yīng)該在視覺上分離–或“塊”–功能，本質(zhì)上是不同的。這給他們的界面清晰、整潔，功能結(jié)構(gòu)一致。最重要的是，它允許用戶將一種任務(wù)與特定地區(qū)的屏幕。
識別的第一步是確定哪些功能接口組提供。四、基本組：編輯、瀏覽、共享和顯示。例如生產(chǎn)力應(yīng)用程序，通常由三塊（他們通常不包括共享功能）：
•一個工具可以讓用戶瀏覽到某一個點在他們的項目中，通常通過縮略圖或部分。
•工具欄允許用戶編輯自己的項目，并
•畫布顯示當前狀態(tài)的一個項目。
微軟Word 2010作為一個很好的例子：
 
而這個規(guī)則很簡單，有一件事要避免：混合區(qū)。數(shù)字，例如，一些分布在界面編輯工具：
 
看到紅色區(qū)域？他們打破了其他功能結(jié)構(gòu)一致的接口。
但不要停在大元素。同樣，分塊原則對項目發(fā)現(xiàn)在頁面的區(qū)域。注意圖標工具欄上分成小的、有意義的群體，如“表工具”（表，函數(shù)，類細胞）和“插入工具”（圖表、文本框、形狀、評論）–雖然我個人會包括媒體按鈕插入工具。
同樣的，四個功能模式（瀏覽、顯示、編輯、分享）在這些桌面應(yīng)用程序顯示適用于我們的網(wǎng)站，也：
•要瀏覽，我們經(jīng)常點擊鏈接的標題或側(cè)邊欄。
•最大部分的頁面是用以顯示內(nèi)容。
•評論/反饋形式是用來編輯網(wǎng)站，和
•社交媒體按鈕是用來分享信息。

另一個經(jīng)驗法則：集團的地區(qū)，但不要把它們混合。例如，導(dǎo)航按鈕和社交媒體按鈕為不同的目的，因此應(yīng)該承擔彼此的相似性很小。
 
這種模式使我們能夠更智能地組織的功能在我們的網(wǎng)站/應(yīng)用程序。為了組織內(nèi)容，雖然，最好了解了解分類模式學(xué)習(xí)什么最適合我們的觀眾。
我們有分組功能和我們的內(nèi)容之后，接下來的問題是如何在視覺上顯示出來。不回答呢。
尊敬的裝置
現(xiàn)在比以往任何時候，用戶使用各種設(shè)備的創(chuàng)建、瀏覽、分享和消費內(nèi)容–各有自己的形狀，大小，和輸入方法。因此，我們必須考慮我們的用戶設(shè)備的優(yōu)勢和劣勢（S） 之前設(shè)計決策。
當設(shè)計水平裝置，我們應(yīng)該利用水平空間提供，放置元件彼此相鄰而不是在另一個之上。為了說明不堅持定制工程水平裝置會影響用戶體驗，考慮微軟的Ribbon界面。
 
的Ribbon界面，在它的核心，一套復(fù)雜的菜單被放置在頁面頂部的視圖。它的水平擴展，因此，拿走的垂直空間，垂直空間很重要，因為它可以（也應(yīng)該）被用來顯示多行我的當前頁面–最重要的界面元素在文字處理器。
相反，考慮KWord：
 
注意，沒有屏幕房地產(chǎn)是浪費；用戶可以看到更多他們的當前頁面。側(cè)邊欄提供了必要的工具來幫助用戶編輯沒有視覺上的競爭焦點。
設(shè)置界面元素在30英寸（寬）的屏幕可以相當簡單。然而，對于一個sub-10-inch移動裝置的設(shè)計使得它很難整合功能或內(nèi)容沒有視覺擁擠的界面。這就引出了下一個提示：

去除雜波，沒有特點
許多用戶界面設(shè)計師堅持哲學(xué)稱為吻或“保持簡單，愚蠢的。”這一原則的倡導(dǎo)者有一點，然而，在我的經(jīng)驗中，用戶不選擇應(yīng)用，因為它們簡單易用。他們選擇基于他們是否能完成一個特定的任務(wù)。
設(shè)計師將許多有用的功能盡可能簡潔的界面。要做到這一點，他們可能會采用標簽，下拉菜單，或其他智能，上下文敏感的解決方案。他們應(yīng)該理解用戶意圖和顯示只有工具或信息，是最有可能幫助。
例如：（1）提示是看不見的除非我將鼠標光標懸停在一個項目，（2）全屏控件通常都是看不見的除非我移動光標。標簽、按鈕和下拉菜單也朝這個目標努力。作為一個經(jīng)驗法則，是上下文敏感的。

否則，空間效率和需要訪問特定信息的點擊量之間的妥協(xié)：
•如果一個命令或內(nèi)容（類）可能會使它成為一個按鈕訪問頻繁，鏈接，否則做一下拉條目。
•如果一組指令有可能被訪問的頻繁，它們存儲在標簽，否則存儲組類別下拉。
•當提供互斥的選項，使用單選按鈕。
•當提供獨立的選擇，使用復(fù)選框。
盡管好的設(shè)計語境，所以，上述規(guī)則往往是由以下兩重寫：
•如果容易點擊標簽、按鈕、鏈接不超過一定數(shù)量的總量，使用標簽、按鈕、鏈接而不是么。金額將屏幕大小不同，輸入設(shè)備（觸摸屏需要更大的UI控件），你是否覺得你仍然顯示足夠的實際內(nèi)容。
•如果屏幕房地產(chǎn)在特定情況下是最關(guān)鍵的，而不是使用下拉菜單按鈕/標簽/鏈接/單選按鈕。
給予足夠的空間，使用鏈接：
 
然而，如果空間吃緊或類別是不經(jīng)常訪問，只需使用下拉菜單：
 
除了基本的UI原則，設(shè)計師也要注意細節(jié)。這導(dǎo)致在最后–和最重要的–良好的界面設(shè)計原則。
移情
許多公司進行了廣泛的可用性測試，找出為什么用戶采用或拒絕他們的申請，他們?nèi)绾文芴岣咚麄兊?。有時候他們會很不滿意的答案，用戶無法區(qū)別點是什么困擾著他們，只是不習(xí)慣使用一個特定的應(yīng)用程序。
這不一定是一個用戶疑難案件。相反，看似瑣碎的設(shè)計決策來影響用戶在一個很深的、潛意識的層面。當蘋果發(fā)布OS X Lion的郵件為例，他們?yōu)槿龣谝晥D，收到了很好的新聞：
 
老實說，它看起來不光滑？這方面的設(shè)備的方位放置三大界面元素相映成趣；它不浪費一個像素的屏幕房地產(chǎn)；和三列的安排是嚴格的邏輯，他們準確地反映當前的文件夾層次結(jié)構(gòu)（第一列：主文件夾，子文件夾，第二欄：第三欄：所選文件的子文件夾內(nèi)）。
然而，許多 用戶，幾天后釋放，張貼 咨詢?nèi)绾位謴?fù)視圖模式回到經(jīng)典的看法，即使是最理想的。為了找到原因，你只需要簡單地移情與最終用戶。
使用郵件時，大部分的時間，我，顧名思義，閱讀郵件。這意味著，大部分時間我在看郵件列。然而，在新的布局的郵件列放置在應(yīng)用程序窗口的右邊緣。這可能不是第一次但我會慢慢厭倦了看我的屏幕邊緣的打擾我。
相反，我看最多的地區(qū)應(yīng)該在應(yīng)用程序的中心：
 
如果你想測試你的移情能力，嘗試以下：忘記無論是頭欄和導(dǎo)航欄，問問你自己，如果你只看連續(xù)多小時郵件列，你喜歡哪種界面。

總之
為了提供最好的用戶體驗，用戶界面設(shè)計師緊跟非?；镜?ndash;但仍然重要的–原則是很重要的：
首先，給界面干凈和一致的結(jié)構(gòu)，通過視覺分離地區(qū)代表內(nèi)在不同的功能。這給用戶提供了一個清晰易懂的地圖里找什么。
其次，尊重你所設(shè)計的裝置的特性。每一個設(shè)備都有它的長處和短處。分析和利用他們的用戶優(yōu)勢。
第三、消除雜波的特點，不。畢竟，特點是（表面上）為什么用戶拿起你的應(yīng)用程序放在第一位。使用標簽，下拉菜單，和智能，上下文敏感的解決方案只提供工具和信息用戶很可能需要在特定的情況下。
第四、最后，理解用戶。不要輕易做出設(shè)計決定。要知道，即使是最小的設(shè)計決策可以影響用戶對一個很深的、潛意識的層面。把自己放在他們的位置，試圖創(chuàng)建一個接口，從長遠來看，不僅是視覺上的光滑而且使用方便。
遵循這些基本原則并不容易，但，最終，它節(jié)省了設(shè)計師、開發(fā)商和客戶一樣的時間和金錢。這是一件好事，對嗎

牧羊人設(shè)計文章推薦：

如何設(shè)計完美的聯(lián)系頁面
如何在網(wǎng)頁設(shè)計中使用的平衡
你應(yīng)該優(yōu)化每個搜索網(wǎng)站？