書籍:
《瞬間之美 Web界面設(shè)計(jì)如何讓用戶心動(dòng)》?[美] Robert Hoekman, Jr. 著 向怡寧 譯
《點(diǎn)石成金 訪客至上的Web和移動(dòng)可用性設(shè)計(jì)秘笈》?[美] Steve Krug 著 蔣芳 譯
網(wǎng)絡(luò)使用情況的三個(gè)事實(shí):
1、我們?yōu)g覽頁面時(shí),不是閱讀,而是掃描
?除了極少數(shù)如新聞故事、報(bào)告,或產(chǎn)品描述等頁面,我們極少會(huì)花時(shí)間來閱讀大部分的頁面,相反,只是掃描一下,尋找能引起注意力的文字或詞語。
因?yàn)槲覀兛偸怯腥蝿?wù)在身的。大部分情況下,我們使用Web都是想完成某項(xiàng)任務(wù),而且希望能盡快完成。也知道,在絕大多數(shù)頁面里,只有小部分內(nèi)容是與當(dāng)前任務(wù)相關(guān)的,或是自己感興趣的。同時(shí),比之閱讀,我們更愿意和擅長通過掃描來找尋相關(guān)內(nèi)容完成任務(wù)。
2、我們不做最佳選擇,而是滿意即可
對(duì)于完成某個(gè)任務(wù),我們并不會(huì)遍尋所有可能,找出最佳解決方案,而是快速地判斷、選擇某種可能完成任務(wù)的方法。因?yàn)槲覀兛偸翘幱诿β抵校鴮ふ易罴巡呗裕枰獣r(shí)間。且對(duì)選擇進(jìn)行權(quán)衡并不一定會(huì)改善我們的機(jī)會(huì),花費(fèi)時(shí)間不一定能找到更優(yōu)的選擇。同時(shí)就算猜錯(cuò)了,也不會(huì)產(chǎn)生什么嚴(yán)重的后果,還可以輕易推到重來。
3、不求追根究底,只要勉強(qiáng)應(yīng)付
我們并不關(guān)心程序的運(yùn)行原理,網(wǎng)站或頁面的方方面面,只關(guān)心能不能更便捷高效地完成工作。
基于以上網(wǎng)絡(luò)使用情況,網(wǎng)站應(yīng)該具備一定的可用性:讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人(甚至稍低于平均水平)能明白如何使用它——不必付出過度的努力,或者遇到不必要的麻煩。
當(dāng)用戶看到一個(gè)頁面時(shí),它應(yīng)該是不言而喻、一目了然、自我解釋的。用戶應(yīng)該能明白它是什么,能干什么,怎樣用它,而不需要進(jìn)行額外的思考。
從而讓用戶能更快、更有效地獲取信息或完成任務(wù)。良好的體驗(yàn),讓用戶感覺自己聰慧、備受尊重、做事有成效。
而要讓頁面能一目了然,用戶無需進(jìn)行額外的努力就能使用,需要頁面盡量避免出現(xiàn)強(qiáng)迫用戶思考的元素,如混亂不堪的布局、表意不明的文字等。
以下方法有助于構(gòu)建高可用性的網(wǎng)站:
1、盡量利用習(xí)慣用法,遵循習(xí)慣和慣例——已廣為采納或標(biāo)準(zhǔn)化了的設(shè)計(jì)模式。
如頁面上的什么內(nèi)容在什么位置、服務(wù)將如何運(yùn)作、視覺元素的外觀等依據(jù)長久使用習(xí)慣演化出的網(wǎng)頁設(shè)計(jì)的習(xí)慣用法。
2、建立有效的視覺層次
利用形狀、顏色、字體大小等方式突出重要部分。視覺效果體現(xiàn)內(nèi)在邏輯關(guān)系。如邏輯上相關(guān)的部分在視覺上也相關(guān),邏輯上包含的部分在視覺上進(jìn)行嵌套。
3、把頁面劃分成明確定義的區(qū)域
4、明顯標(biāo)識(shí)可以點(diǎn)擊的地方
5、最小化干擾,降低視覺噪聲
避免內(nèi)容無層次感,無突出重點(diǎn)信息,使人眼花繚亂。通過組織布局,以有罪推論,去除頁面中對(duì)完成任務(wù)無效的無謂部分,使頁面簡介高效。
6、為內(nèi)容創(chuàng)建清楚的格式,以便掃描識(shí)別
充分使用標(biāo)題、保持段落簡短、使用符號(hào)列表、突出關(guān)鍵詞語,使內(nèi)容層次分明,易于辨識(shí),快速掃描抓取重點(diǎn)信息。