來自goodui交互設(shè)計(jì)思路(四)

1 評(píng)論 17446 瀏覽 14 收藏 9 分鐘

系列文章索引

來自goodui交互設(shè)計(jì)思路(一)

來自goodui交互設(shè)計(jì)思路(二)

來自goodui交互設(shè)計(jì)思路(三)

來自goodui交互設(shè)計(jì)思路(四)

31.具有層次的圖形化展示優(yōu)于直白的文字描述

具有層次的設(shè)計(jì)可以將界面上重要的部分與不次要部分區(qū)分開來。要讓界面層次分明,可以在這些方面做文章:對(duì)齊方式,間距,顏色,縮進(jìn),字體大小,元素尺寸等。當(dāng)所有這些調(diào)整運(yùn)用得適當(dāng)時(shí),可以提高整個(gè)界面的可讀性。相比在一個(gè)很直白的界面上用戶一眼就可以從上瞟到底的設(shè)計(jì),這樣分明的設(shè)計(jì)也可以讓用戶放慢速度來慢慢閱讀。這樣也使界面更有特色一些。就好比一次旅行,你可以乘坐高鐵快速到達(dá)景區(qū)(從頁面頂部瞟到底部),但你也可以慢行以欣賞沿途風(fēng)光。所以層次分明的設(shè)計(jì)讓眼睛有可以停留的地方,而不是對(duì)著空白單調(diào)的一個(gè)屏幕。

32.將有關(guān)聯(lián)的功能分組而不是雜亂無章

將各個(gè)功能項(xiàng)分組合并起來可以提高程序的可用性。有點(diǎn)常識(shí)的人都知道刀子和叉子,或者打開文件和關(guān)閉文件是放在一起的。將功能相近的元素放在一起也符合邏輯,符合我們平時(shí)的認(rèn)知。

33.使用內(nèi)聯(lián)的驗(yàn)證消息而不是提交后再驗(yàn)證

在處理表單時(shí),最好立即檢測(cè)出用戶所填寫內(nèi)容是否符合要求然后給出驗(yàn)證消息。這樣錯(cuò)誤一出現(xiàn)能就能得到改正。相反,提交后再檢查表單會(huì)給出錯(cuò)誤消息,會(huì)讓用戶感到乏力又要重復(fù)之前的工作。

34.放寬對(duì)用戶輸入的要求

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

35.讓用戶感覺需要快速做出響應(yīng)而不是毫無時(shí)間觀念

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

36.使用饑餓營(yíng)銷

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

37.讓用戶選擇而不是重新填寫

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

38.讓點(diǎn)擊更輕松

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

39.優(yōu)化頁面加載速度,不要讓用戶等太久

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

8318E6E3-7C90-4CE2-9BEC-146457F95AEE

 

40.除了按扭外,快捷鍵也必不可少

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

657964D9-D5A1-47C4-9EE5-0CDF8E634A65

本文來源:劉哇勇的部落格 原文翻譯自Good UI?http://goodui.org

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我想的是 稍微用點(diǎn)心

    來自四川 回復(fù)