一個好的用戶界面設(shè)計應(yīng)該注意的75個原則
31. 具有層次的圖形化展示優(yōu)于直白的文字描述
具有層次的設(shè)計可以將界面上重要的部分與不次要部分區(qū)分開來。要讓界面層次分明,可以在這些方面做文章:對齊方式,間距,顏色,縮進,字體大小,元素尺寸等。當所有這些調(diào)整運用得適當時,可以提高整個界面的可讀性。相比在一個很直白的界面上用戶一眼就可以從上瞟到底的設(shè)計,這樣分明的設(shè)計也可以讓用戶放慢速度來慢慢閱讀。這樣也使界面更有特色一些。就好比一次旅行,你可以乘坐高鐵快速到達景區(qū)(從頁面頂部瞟到底部),但你也可以慢行以欣賞沿途風光。所以層次分明的設(shè)計讓眼睛有可以停留的地方,而不是對著空白單調(diào)的一個屏幕。

32. 將有關(guān)聯(lián)的東西分組避免雜亂無章
將各個功能項分組合并起來可以提高可用性。有點常識的人都知道刀子和叉子,或者打開文件和關(guān)閉文件是放在一起的。將功能相近的元素放在一起也符合邏輯,符合我們平時的認知。

33. 使用行內(nèi)即時校驗而不是提交后再告訴出錯
在處理表單時,最好立即檢測出用戶所填寫內(nèi)容是否符合要求然后給出驗證消息。這樣錯誤一出現(xiàn)能就能得到改正。相反,提交后再檢查表單會給出錯誤消息,會讓用戶感到不爽又要重復(fù)之前的工作。

34. 放寬對用戶輸入的要求
對用戶輸入的數(shù)據(jù),盡量放寬限制,包括格式,大小寫什么的。這樣做可以更人性化一點,也使得界面更加友好。一個再恬當不過的例子就是讓用戶輸入電話號碼的時候,用戶有很多種輸入方式,帶括號的,帶破折號的,帶空格的,帶區(qū)號和不帶區(qū)號的等等。如果你在代碼中來處理這些格式的問題,代價也只是你一個人多寫幾行代碼而以,卻可以減少無數(shù)用戶的工作量。

35. 讓用戶感覺需要快速做出響應(yīng)而不是毫無時間觀念
適當?shù)木o迫感是個有效的戰(zhàn)術(shù)可以讓用戶立即做出決定而不是等上個十天半個月。重要的是這種戰(zhàn)術(shù)屢試不爽,因為它暗示了資源的緊缺或者活動的時間有限,今天可以買,但明天可能就無法這么低價了。另一方面,這一戰(zhàn)術(shù)也讓用戶感到會錯失一次大好的機會,再一次,應(yīng)用了人們害怕失去的本性。當然,這種戰(zhàn)術(shù)會被一些人嗤之以鼻,認為是不耿直的做法。不過,這只是種戰(zhàn)術(shù)而以,并且在保持合法性的前提下應(yīng)用也無傷大雅。所以請不要為了營銷而在界面上制造緊迫的假象。

36. 嘗試饑餓營銷(制造稀缺感)
物以稀為貴。饑餓營銷給出的信息就是東西不多,只剩幾件,明天再來,可能沒了。你去比較一下批發(fā)與限量版的東西他們的價格差距有多大就知道了?;剡^頭來看,那些批發(fā)商或者大零售商,他們也使用饑餓營銷,以獲得更好的銷量。但在軟件行業(yè),我們經(jīng)常會忘記有饑餓營銷這回事。因為數(shù)字產(chǎn)品是可以很容易拷貝復(fù)制的,不存在缺貨的情況。其實,在界面設(shè)計中,也可以將其運用起來與現(xiàn)實中的資源緊缺進行聯(lián)系。想想一次網(wǎng)上研討會的門票,想想你一個月可以服務(wù)的人數(shù)限制,這些信息都可以告知用戶是有限的。

37. 讓用戶從已知里選擇而不是直接回想
這一界面設(shè)計中的經(jīng)典準則是有心理學(xué)依據(jù)的,相比要讓某人回想想某樣?xùn)|西,從一堆東西中認出某樣?xùn)|西會更容易些。辨識出一樣?xùn)|西只需要我們稍微回憶一下,通過一些線索就可以完成。而回想則需要我們?nèi)嫠阉髯约旱拇竽X。也許這也是為什么試卷上選擇題會比簡答題做得快的原因。所以試著在界面上展示一些用戶之前涉及到的信息讓他們進行選擇,而不是讓他們想半天然后自己填寫。

38. 讓點擊區(qū)域更大
像鏈接,表單的輸入框還有按鈕等,如果尺寸做得大一點則點擊起來更方便容易些。根據(jù)費特定律,使用像鼠標這樣的外設(shè)來點擊需要一些時間,特別是元素比較小的情況下,時間會更多。鑒于此,最好還是把你的表單輸入框,按鈕等做大點。抑或者你可以保持原有的設(shè)計不變,只是把元素可點擊區(qū)域(也就是熱區(qū))增大。這樣的一個典型例子是手機設(shè)備上的文本鏈接和導(dǎo)航菜單,它們文字不一定很大但背景是拉伸的,在很寬范圍內(nèi)點擊都有效。

39. 優(yōu)化頁面加載速度,不要讓用戶等太久
速度很重要。頁面加載速度和UI對操作的響應(yīng)速度都直接關(guān)系到用戶是否有耐心繼續(xù)等下去。無疑地每多一秒種的等待都會失去一些用戶或者機會。一個好的解決之道當然就是優(yōu)化你的頁面和圖片。除此之外還可以運用心理學(xué)讓這個等待時間顯得不那么長。具體來說有兩種技巧。一是顯示進度條,二是展示其他相關(guān)或有趣的東西來吸引用戶的注意力(就好比你沿著傳送帶走走總比傻站在原地盯著一個位置看要好得多吧)

40. 除了按扭外,建議增加快捷鍵支持
當你的程序廣為流傳,應(yīng)該考慮下高級用戶的感受。人們總是試圖為一些重復(fù)性的操作找到更快捷的方法,快捷鍵就應(yīng)運而生了。相比在界面上點來點去,快捷鍵無疑大大提高工作效率。一個好的例子就是現(xiàn)今流行于各個主流程序中的J(后退)K(前進)快捷鍵組合,比如在Gmail,Twitter和Tumblr中。按鈕固然好,但快捷鍵會錦上添花。

相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機的傳感器尺寸
說到相機畫幅,估計平時聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認為中畫幅比全畫幅要小,為了避免這種常識性錯誤,這篇文章就來和大家說說相機的不同畫幅,所謂2025-04-07
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細請看下文介紹2024-02-10
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計是一個注重視覺效果的設(shè)計,簡單的排版方式有時候不能滿足視覺突出的效果,業(yè)務(wù)很難達到吸引用戶的眼球,下面我們就來看看8個平面設(shè)計技巧分享2023-10-08
如何選擇平面設(shè)計工具? 這10款軟件應(yīng)該收入囊中
每個設(shè)計師都有自己最喜歡的設(shè)計軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計不可或缺的工具,詳細請看下文介紹2023-10-08
夏日電影風怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個統(tǒng)一答復(fù)2022-12-24
手機UI設(shè)計尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機UI設(shè)計尺寸有哪些?作為新手在設(shè)計手機ui的頁面的時候,發(fā)現(xiàn)自己設(shè)計的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計算的?下面我們就來看看照片標準尺寸/像素對照表匯總2021-08-06









