如果你建造一所房子在一個(gè)堅(jiān)實(shí)的基礎(chǔ)，可以原諒–允許你嘗試一遍又一遍，直到你的故事吧。但一個(gè)有缺陷的基礎(chǔ)？你可以雇傭最杰出的建筑師和可憐的人最終會(huì)失敗。

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

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

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

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

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

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

創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦：

廣漢做網(wǎng)站買域名空間服務(wù)器

網(wǎng)站欄目：用戶界面設(shè)計(jì)，享受最基本的權(quán)利
網(wǎng)頁(yè)URL：http://redsoil1982.com.cn/news/20236.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、面包屑導(dǎo)航、軟件開(kāi)發(fā)、企業(yè)網(wǎng)站制作、營(yíng)銷型網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)