2014-08-18 分類(lèi): 網(wǎng)站建設(shè)
如果你建造一所房子在一個(gè)堅(jiān)實(shí)的基礎(chǔ),可以原諒–允許你嘗試一遍又一遍,直到你的故事吧。但一個(gè)有缺陷的基礎(chǔ)?你可以雇傭最杰出的建筑師和可憐的人最終會(huì)失敗。
當(dāng)涉及到我們的網(wǎng)站和應(yīng)用程序,用戶(hù)界面包括基礎(chǔ)知識(shí)。這是我們所看到和認(rèn)識(shí)。這是我們所記住的。本文強(qiáng)調(diào)了一些,用戶(hù)界面設(shè)計(jì)的關(guān)鍵原則,所有的設(shè)計(jì)師都應(yīng)該牢記,當(dāng)設(shè)計(jì)圖形用戶(hù)界面的東西。
視覺(jué)分塊
設(shè)計(jì)師應(yīng)該在視覺(jué)上分離–或“塊”–功能,本質(zhì)上是不同的。這給他們的界面清晰、整潔,功能結(jié)構(gòu)一致。最重要的是,它允許用戶(hù)將一種任務(wù)與特定地區(qū)的屏幕。
識(shí)別的第一步是確定哪些功能接口組提供。四、基本組:編輯、瀏覽、共享和顯示。例如生產(chǎn)力應(yīng)用程序,通常由三塊(他們通常不包括共享功能):
•一個(gè)工具可以讓用戶(hù)瀏覽到某一個(gè)點(diǎn)在他們的項(xiàng)目中,通常通過(guò)縮略圖或部分。
•工具欄允許用戶(hù)編輯自己的項(xiàng)目,并
•畫(huà)布顯示當(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ù),類(lèi)細(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)容,雖然,了解了解分類(lèi)模式學(xué)習(xí)什么最適合我們的觀眾。
我們有分組功能和我們的內(nèi)容之后,接下來(lái)的問(wèn)題是如何在視覺(jué)上顯示出來(lái)。不回答呢。
尊敬的裝置
現(xiàn)在比以往任何時(shí)候,用戶(hù)使用各種設(shè)備的創(chuàng)建、瀏覽、分享和消費(fèi)內(nèi)容–各有自己的形狀,大小,和輸入方法。因此,我們必須考慮我們的用戶(hù)設(shè)備的優(yōu)勢(shì)和劣勢(shì)(S) 之前設(shè)計(jì)決策。
當(dāng)設(shè)計(jì)水平裝置,我們應(yīng)該利用水平空間提供,放置元件彼此相鄰而不是在另一個(gè)之上。為了說(shuō)明不堅(jiān)持定制工程水平裝置會(huì)影響用戶(hù)體驗(yàn),考慮微軟的Ribbon界面。
的Ribbon界面,在它的核心,一套復(fù)雜的菜單被放置在頁(yè)面頂部的視圖。它的水平擴(kuò)展,因此,拿走的垂直空間,垂直空間很重要,因?yàn)樗梢裕ㄒ矐?yīng)該)被用來(lái)顯示多行我的當(dāng)前頁(yè)面–最重要的界面元素在文字處理器。
相反,考慮KWord:
注意,沒(méi)有屏幕房地產(chǎn)是浪費(fèi);用戶(hù)可以看到更多他們的當(dāng)前頁(yè)面。側(cè)邊欄提供了必要的工具來(lái)幫助用戶(hù)編輯沒(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)
許多用戶(hù)界面設(shè)計(jì)師堅(jiān)持哲學(xué)稱(chēng)為吻或“保持簡(jiǎn)單,愚蠢的。”這一原則的倡導(dǎo)者有一點(diǎn),然而,在我的經(jīng)驗(yàn)中,用戶(hù)不選擇應(yīng)用,因?yàn)樗鼈兒?jiǎn)單易用。他們選擇基于他們是否能完成一個(gè)特定的任務(wù)。
設(shè)計(jì)師將許多有用的功能盡可能簡(jiǎn)潔的界面。要做到這一點(diǎn),他們可能會(huì)采用標(biāo)簽,下拉菜單,或其他智能,上下文敏感的解決方案。他們應(yīng)該理解用戶(hù)意圖和顯示只有工具或信息,是最有可能幫助。
例如:(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)容(類(lèi))可能會(huì)使它成為一個(gè)按鈕訪問(wèn)頻繁,鏈接,否則做一下拉條目。
•如果一組指令有可能被訪問(wèn)的頻繁,它們存儲(chǔ)在標(biāo)簽,否則存儲(chǔ)組類(lèi)別下拉。
•當(dāng)提供互斥的選項(xiàng),使用單選按鈕。
•當(dāng)提供獨(dú)立的選擇,使用復(fù)選框。
盡管好的設(shè)計(jì)語(yǔ)境,所以,上述規(guī)則往往是由以下兩重寫(xiě):
•如果容易點(diǎn)擊標(biāo)簽、按鈕、鏈接不超過(guò)一定數(shù)量的總量,使用標(biāo)簽、按鈕、鏈接而不是么。金額將屏幕大小不同,輸入設(shè)備(觸摸屏需要更大的UI控件),你是否覺(jué)得你仍然顯示足夠的實(shí)際內(nèi)容。
•如果屏幕房地產(chǎn)在特定情況下是最關(guān)鍵的,而不是使用下拉菜單按鈕/標(biāo)簽/鏈接/單選按鈕。
給予足夠的空間,使用鏈接:
然而,如果空間吃緊或類(lèi)別是不經(jīng)常訪問(wèn),只需使用下拉菜單:
除了基本的UI原則,設(shè)計(jì)師也要注意細(xì)節(jié)。這導(dǎo)致在最后–和最重要的–良好的界面設(shè)計(jì)原則。
移情
許多公司進(jìn)行了廣泛的可用性測(cè)試,找出為什么用戶(hù)采用或拒絕他們的申請(qǐng),他們?nèi)绾文芴岣咚麄兊?。有時(shí)候他們會(huì)很不滿(mǎn)意的答案,用戶(hù)無(wú)法區(qū)別點(diǎn)是什么困擾著他們,只是不習(xí)慣使用一個(gè)特定的應(yīng)用程序。
這不一定是一個(gè)用戶(hù)疑難案件。相反,看似瑣碎的設(shè)計(jì)決策來(lái)影響用戶(hù)在一個(gè)很深的、潛意識(shí)的層面。當(dāng)蘋(pí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))。
然而,許多 用戶(hù),幾天后釋放,張貼 咨詢(xún)?nèi)绾位謴?fù)視圖模式回到經(jīng)典的看法,即使是最理想的。為了找到原因,你只需要簡(jiǎn)單地移情與最終用戶(hù)。
使用郵件時(shí),大部分的時(shí)間,我,顧名思義,閱讀郵件。這意味著,大部分時(shí)間我在看郵件列。然而,在新的布局的郵件列放置在應(yīng)用程序窗口的右邊緣。這可能不是第一次但我會(huì)慢慢厭倦了看我的屏幕邊緣的打擾我。
相反,我看最多的地區(qū)應(yīng)該在應(yīng)用程序的中心:
如果你想測(cè)試你的移情能力,嘗試以下:忘記無(wú)論是頭欄和導(dǎo)航欄,問(wèn)問(wèn)你自己,如果你只看連續(xù)多小時(shí)郵件列,你喜歡哪種界面。
總之
為了提供用戶(hù)體驗(yàn),用戶(hù)界面設(shè)計(jì)師緊跟非?;镜?ndash;但仍然重要的–原則是很重要的:
首先,給界面干凈和一致的結(jié)構(gòu),通過(guò)視覺(jué)分離地區(qū)代表內(nèi)在不同的功能。這給用戶(hù)提供了一個(gè)清晰易懂的地圖里找什么。
其次,尊重你所設(shè)計(jì)的裝置的特性。每一個(gè)設(shè)備都有它的長(zhǎng)處和短處。分析和利用他們的用戶(hù)優(yōu)勢(shì)。
第三、消除雜波的特點(diǎn),不。畢竟,特點(diǎn)是(表面上)為什么用戶(hù)拿起你的應(yīng)用程序放在第一位。使用標(biāo)簽,下拉菜單,和智能,上下文敏感的解決方案只提供工具和信息用戶(hù)很可能需要在特定的情況下。
第四、最后,理解用戶(hù)。不要輕易做出設(shè)計(jì)決定。要知道,即使是最小的設(shè)計(jì)決策可以影響用戶(hù)對(duì)一個(gè)很深的、潛意識(shí)的層面。把自己放在他們的位置,試圖創(chuàng)建一個(gè)接口,從長(zhǎng)遠(yuǎn)來(lái)看,不僅是視覺(jué)上的光滑而且使用方便。
遵循這些基本原則并不容易,但,最終,它節(jié)省了設(shè)計(jì)師、開(kāi)發(fā)商和客戶(hù)一樣的時(shí)間和金錢(qián)。這是一件好事,對(duì)嗎
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
廣漢做網(wǎng)站買(mǎi)域名空間服務(wù)器
分享標(biāo)題:用戶(hù)界面設(shè)計(jì),享受最基本的權(quán)利
文章分享:http://jinyejixie.com/news36/20236.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站內(nèi)鏈、動(dòng)態(tài)網(wǎng)站、做網(wǎng)站、商城網(wǎng)站、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容