手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

用戶界面設(shè)計原則

2016-11-12    藍(lán)藍(lán)設(shè)計的小編

 

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,?請點這里 


“設(shè)計絕不是簡單的拼合,排列甚至編輯;設(shè)計是通過闡明,簡化、明確、修飾,使之莊嚴(yán),有說服性,甚至帶一點趣味性,來賦予其價值及意義?!薄A_·蘭德(Paul Rand)


1.“明確”應(yīng)該放在設(shè)計的首要位置

 對任何界面而言,“明確”是首要的也是最重要的一點。人們必須能夠辨別出它是什么,才能有效地使用你設(shè)計出來的界面。設(shè)計師們在設(shè)計的時候,要去關(guān)心人們?yōu)楹螘褂眠@個應(yīng)用,去了解什么樣的界面是能幫助他們與之互動的,去預(yù)測人們在使用時的行為并能夠成功地反饋給他們。這樣做了之后,界面中再出現(xiàn)的需要推理的地方以及延時反應(yīng)都是可以被容忍的,但是絕對不能出現(xiàn)讓用戶困惑的地方。明確的界面能夠給使用者進一步操作的信心。一個應(yīng)用就算它有一百張頁面,但是每一頁都是清晰明確的,它也遠(yuǎn)勝于只有一頁卻不知所云的應(yīng)用。

 

2.界面是為了交互而存在

 界面的存在是為了讓人和我們的世界產(chǎn)生互動。它可以幫助人們厘清,明白,使用,展示相互之間的關(guān)系,他能夠把我們聚集在一起可以將我們隔開,實現(xiàn)我們的價值并為我們服務(wù)。界面設(shè)計不是藝術(shù)設(shè)計。界面設(shè)計也不是用來標(biāo)榜設(shè)計師的個人。界面的功用和效果是可以被測量的。但是它們不是功利性的。優(yōu)秀的界面不但能夠讓我們做事有效率,還能夠激發(fā)、喚起和加強我們與這個世界的聯(lián)系。

 

3.不惜一切代價吸引用戶注意

 我們生活在一個容易被打擾的世界。我們很難在一個不被干擾的環(huán)境中靜下心來閱讀。用戶注意力是非常寶貴的。所以,不要在應(yīng)用的周圍丟一些容易令人分心的東西……

要把設(shè)計這個畫面最初的目的時刻放在首位。如果用戶正在閱讀,那先讓他們專心的讀完之后再彈出廣告(如果一定要放廣告的話)。尊重用戶的注意力,不僅僅會讓用戶感到高興,你本身的設(shè)計也會收獲好結(jié)果。如果在界面設(shè)計中,用戶使用是首要目標(biāo)的話,那么尊重用戶的注意力是先決條件。要不惜一切代價保護它。

 

4.讓用戶掌控一切

 人們會在自己能掌控的環(huán)境中感覺最舒心,最放松。設(shè)計草率的軟件應(yīng)用不但剝奪了這種舒適性,還會迫使人們面對毫無預(yù)期的互動,困惑的流程和意外的結(jié)果。通過定期的梳理系統(tǒng)狀態(tài),描述因果關(guān)系(如果你這個做了,就會被體現(xiàn)出來),并且在每一步操作都給出提示,讓用戶感覺每一步操作都在他的掌控中。不要擔(dān)心說,這不是“顯而易見”的嗎?因為世界上從來沒有顯而易見的事情。

 

5.直觀操作是最好的

 好的界面是無意識的,就像我們在實際生活中直接操作的感覺一樣。這并不是那么容易實現(xiàn)的,并且隨著元素和資訊的不斷增加,這就變得更難,所以我們設(shè)計界面來幫助我們?nèi)ズ退鼈兓印R朐诋嬅嫔咸砑右粋€不必要的東西是非常簡單,例如,加個華麗的按鈕,鑲邊,圖形,選項,偏好,窗口,附件和其它一些冗余的東西。以至于我們一頭扎進處理界面元素細(xì)節(jié)的怪圈中而忽視了最重要的事情。取而代之的,你應(yīng)該抓住直觀操作這個最初的目標(biāo)……界面設(shè)計要盡可能的簡潔,更多的可識別的慣用自然手勢。理想情況下,界面會變得非常細(xì)微,用戶在會有直觀操作的感覺。

 

6.一個頁面一個主要操作

 我們設(shè)計的每一個畫面,都應(yīng)給用戶提供有實際意義的單一操作。這一點,令界面更快上手、易于操作,如果有需要的話,新增或擴充也更簡易。如果一個畫面上有兩個或兩個以上的主要操作,瞬間就會讓用戶感到困惑。就像寫文章要有單一的以及強有力的論點一樣,界面設(shè)計中的單個畫面,也都應(yīng)該有單一且明確的操作,這是它存在的理由。

 

7.讓次要操作在次要位置

 畫面在包含一個主要動作的同時,可以有多個次要動作,但盡量不要讓它們喧賓奪主!就像你寫一篇文章的目的,是為了讓人可以閱讀可以了解,而不是為了人們能夠把它轉(zhuǎn)載在社交網(wǎng)絡(luò)上……讓次要得動作放在次要的位置,削減它們的視覺沖擊力,或是在主要動作完成后再顯示它們。

 

8.提供自然而然的下一步操作

 很少有交互是故意被放在最后的,所以要為用戶精心設(shè)計交互的下一步操作。你要預(yù)期用戶下一步的交互是怎樣的,并且通過設(shè)計將其實現(xiàn)。就像我們的日常談話,要為深入交談開一個好頭。當(dāng)用戶已經(jīng)完成要做的操作后,別讓它們不知所措的停留在那……提供自然而然的下一步,幫助他們完成操作。

 

9.界面外觀遵循用戶行為

 人總是對符合期望的行為最感舒適。當(dāng)某人或某件事的行為始終按照我們所期望的那樣去進行時,我們會感覺到和他們之間的關(guān)系不錯。因此,設(shè)計出來的元素,看起來,應(yīng)該像它們本身特征一樣。在具體操作中,這意味著,用戶只要看到這個界面元素,就應(yīng)該能猜測出這個元素是做什么的。如果看起來是個按鈕,它就應(yīng)該有按鈕的功能,不要在基本的交互問題上耍小聰明……把你的創(chuàng)造力留到更高層次的需求上吧。

 

10.前后一致的重要性

 遵循上一規(guī)則,畫面中,視覺元素的外觀不應(yīng)該是一樣的,除非他們的功能相近。如果是功能相同或相近的元素,那么它們外觀就應(yīng)該是類似的,反之,如果元素各自的功能不同,那么它們的外觀也應(yīng)該不同。為了保持一致性,新手設(shè)計師通常在會把相同的視覺處理 (重用代碼) 方式用在,應(yīng)該用不同的視覺處理方式的元素上。

 

11.強烈的視覺層次會讓效果更好

 強烈的視覺層次會讓畫面有清晰的瀏覽次序。也就是說,當(dāng)用戶每次都用相同的順序瀏覽同樣的東西,微小的視覺層次令使用者不知道哪里才是需要注意的重點,最后只會讓用戶感到困惑和混亂。在不斷變化的設(shè)計環(huán)境中,保持強烈的視覺層次是很困難的,因為所有元素視覺上的重量是相對的:當(dāng)所有文字都是粗體,那就沒有所謂的"粗體"了。如果要在畫面中添加一個視覺強烈的元素時,設(shè)計者應(yīng)該要重新調(diào)整頁面上所有元素的重量分配,來達(dá)到強烈視覺層次的效果。大多數(shù)人都不會注意到視覺重量這一點,但它其實是強化(弱化)設(shè)計的最簡單的方法。

 

12.巧妙的布局減輕用戶認(rèn)知負(fù)擔(dān)

 正如約翰 前田(John Maeda)在他《Simplicity》書中所說的,恰當(dāng)?shù)鼐幣女嬅嫔系脑啬軌蛞陨僖姸?,幫助他人更加快速簡單地理解你設(shè)計的界面,因為你已經(jīng)用你的設(shè)計清楚的說明了她們彼此之間的關(guān)系。用方位和方向上的編排可以自然地將相同的元素聯(lián)系在一起。通過對內(nèi)容的巧妙編排,可以減輕用戶的認(rèn)知負(fù)擔(dān),他們不再需要花時間去思考元素之間的關(guān)聯(lián),因為你已經(jīng)做好了。不要迫使用戶去思考……用你的設(shè)計直接呈現(xiàn)給他們看。

 

13.重點不要總是用顏色來強調(diào)

物體的色彩會隨光線改變而改變。艷陽高照下與夕陽西下時,同一棵樹,也會呈現(xiàn)不同的景象。在自然世界中,色彩很容易受環(huán)境影響而改變,所以在設(shè)計時,色彩不應(yīng)該占很大的比重。作為輔助,我們可以用高亮的顏色,吸引注意力,但這不是區(qū)別這些的唯一方法。在長篇閱讀或是長時間對著電腦屏幕的情況下,可以使用柔和的背景,降低亮度,當(dāng)然也可用活潑亮麗的色彩當(dāng)背景,但是要確保適合你的讀者。

 

14.逐步說明

 只在畫面中顯示必要的信息。如果用戶需要作出決定,只要展現(xiàn)足夠的信息供其選擇,然后他們會到下一頁去尋找更多的細(xì)節(jié)。避免一次呈現(xiàn)或解釋全部的信息,如果可以的話,將選擇放在后面的畫面展示。這會使你的界面交互更加清晰。

 

15.內(nèi)置幫助

 在理想的界面設(shè)計中,「幫助」選項是沒有必要,因為界面操作是有引導(dǎo)性的?!笌椭沟南乱徊剑瑢嶋H上是,內(nèi)嵌在上下文中的“幫助”,只有在用戶確實需要的時候才顯示,平常應(yīng)該是隱藏的狀態(tài)。讓用戶自己去尋求幫助,。重要的是你要保證用戶可以順暢的使用你的界面。

 

16.重要時刻:初始狀態(tài)

 第一次使用界面的體驗是非常重要的,而這卻常常被設(shè)計師忽略。為了讓用戶更快的上手,最好在設(shè)計的時候保持初始狀態(tài),也就是還沒開始使用過的狀態(tài)。這個狀態(tài)不是一張空白的畫布……它應(yīng)該要提供一個方向和指引,令用戶迅速進入狀況。在初始狀態(tài)下的互動過程中可能會存在一些摩擦,一旦用戶了解了規(guī)則,那將會有很高的機會獲得成功。

 

17.好的設(shè)計是隱形的

 好的設(shè)計有一個奇怪的特性,它通常是會被用戶忽略的。其中的一個原因是,一這個設(shè)計非常的成功,以至于用戶完全專注在他想要達(dá)到的目標(biāo),而不是這個界面……當(dāng)用戶順利的完成目的,他們會感到很滿意,并不需要反映任何問題。作為一名設(shè)計師,這樣會很困難……因為我們很少收到正面的回應(yīng),我們很少知道哪些設(shè)計是好的。但是優(yōu)秀的設(shè)計師是滿足于設(shè)計出好用的界面……并且他們知道滿意的使用者通常是沉默的。

 

18.從其他設(shè)計領(lǐng)域下手

 視覺,平面設(shè)計,排版,文案,信息架構(gòu)和視覺設(shè)計……所有這些學(xué)科都是界面設(shè)計的一部分。他們都是可以被涉獵和研究的。不要企圖跟他們劃分界線,或看不起其他的領(lǐng)域:從學(xué)到學(xué)到很多知識可以幫助你的工作推動你成長,還可以從看似無關(guān)的學(xué)科學(xué)起,接觸你不熟悉的領(lǐng)域……我們能從出版、編程、書本裝訂 、滑板、消防,空手道中學(xué)到哪些知識呢?

 

19.界面的存在是為了被使用

 在大多數(shù)設(shè)計領(lǐng)域,有用戶使用就是界面設(shè)計的成功。就像是一個漂亮椅子,雖然漂亮,但坐起來不舒服,用戶就不會選擇它,它就是一個失敗的設(shè)計。因此界面的存在就為了盡可能多的創(chuàng)造好用的環(huán)境讓用戶使用,就像你設(shè)計了一個好用的工藝品。設(shè)計師設(shè)計作品如果僅僅是拿來滿足自己的虛榮心,那是遠(yuǎn)遠(yuǎn)不夠的:它必須要被使用!



 

藍(lán)藍(lán)設(shè)計www.88yangsc.com?)是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計? cs界面設(shè)計?、 ipad界面設(shè)計? 包裝設(shè)計?、 圖標(biāo)定制?、 用戶體驗 、交互設(shè)計、?網(wǎng)站建設(shè)?、平面設(shè)計服務(wù) 

 

分享本文至:

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com

存檔