不久前因業(yè)務(wù)需要,我在自己的筆記本中安裝了搜霸。當(dāng)時(shí)一個(gè)做平面的朋友過(guò)來(lái)和我做一些設(shè)計(jì)交流,
我在筆記本前準(zhǔn)備輸入一個(gè)網(wǎng)址,他靠近我的電腦,大叫道:“嗷!你也認(rèn)識(shí)我的老同學(xué)“高亮”??!”
我驚出一身冷汗。

幾乎所有的產(chǎn)品中,都會(huì)使用到文字。小到錯(cuò)誤、警告、提示信息,大到介紹、專(zhuān)題策劃、廣告文案。如果文字出現(xiàn)問(wèn)題,修改起來(lái)成本很低。然而文字的可用性如果不好,將直接作用于產(chǎn)品。
我將文字的可用性理解為 辨識(shí)度 與 可讀性 兩個(gè)方面。
辨識(shí)度就是文字在界面上出現(xiàn)時(shí),用戶能不能正常閱讀。在設(shè)計(jì)中最常遇到的問(wèn)題是關(guān)于文字的字體、字號(hào)、以及行距、間距。在中文的WEB設(shè)計(jì)中,12號(hào)和14號(hào)宋體是最常使用的,縱觀幾大國(guó)內(nèi)門(mén)戶網(wǎng)站,這幾乎已經(jīng)成為中國(guó)網(wǎng)友的閱讀習(xí)慣。
而遇到列表或大段文字,還需要注意行距問(wèn)題。例如12號(hào)宋體時(shí),我們一般使用18-20像素的行距。14號(hào)宋體通常使用22-24像素的行距。

WEB設(shè)計(jì)時(shí),一般不用考慮平面設(shè)計(jì)中字與字的間距問(wèn)題,而使用默認(rèn)狀態(tài)。
但是也有例外。有時(shí)我們會(huì)用到18號(hào)的黑體或宋體,例如新聞內(nèi)頁(yè)的標(biāo)題。
特別要提一下UCDCHINA.COM上的文章頂部右側(cè)都會(huì)有一個(gè)“-”一個(gè)“+”號(hào):

這是一個(gè)很貼心的設(shè)計(jì),當(dāng)視力較弱或者年老的讀者需要大一點(diǎn)的字體時(shí)。
可以使用“+”這個(gè)功能來(lái)提高文本的辨識(shí)度。
同時(shí),設(shè)計(jì)師還要考慮文本的顏色、加粗、對(duì)齊方式、對(duì)比度、鏈接樣式等辨識(shí)度方面的問(wèn)題。為了重點(diǎn)顯示某些信息,我們通常會(huì)給文字加粗或改變字體的顏色,但是要慎用。過(guò)度的強(qiáng)調(diào)等于沒(méi)有強(qiáng)調(diào),例如下面這種情況:

一些保守的設(shè)計(jì)師強(qiáng)烈要求帶鏈接的文本要有下劃線,而一些設(shè)計(jì)師卻很反感大面積出現(xiàn)下劃線的鏈接。
我覺(jué)得重點(diǎn)不是下劃線的問(wèn)題,而是凡是有鏈接的文字,需要與別的文字做一個(gè)明顯的提示,以示區(qū)別。如:

在可讀性方面,會(huì)出現(xiàn)的問(wèn)題也不少,設(shè)計(jì)師遇到時(shí)要學(xué)會(huì)將它們剔出來(lái)。經(jīng)常出現(xiàn)的會(huì)是“術(shù)語(yǔ)”問(wèn)題,因?yàn)槲覀兘?jīng)常會(huì)在設(shè)計(jì)產(chǎn)品時(shí)無(wú)意識(shí)地使用一些術(shù)語(yǔ)。很多術(shù)語(yǔ)對(duì)我們自己來(lái)說(shuō)簡(jiǎn)單,但是對(duì)我們的目標(biāo)用戶群來(lái)說(shuō)并不容易。
例如,要避免使用”ISP”,而要說(shuō)成”網(wǎng)絡(luò)服務(wù)供應(yīng)商”。別對(duì)用戶說(shuō)”P(pán)V”,而告知“流量”等等。
我們應(yīng)盡量使用用戶的語(yǔ)言,而不是想當(dāng)然的使用術(shù)語(yǔ)。如果一定要使用術(shù)語(yǔ),那么在每次出現(xiàn)這個(gè)詞時(shí)要一致。千萬(wàn)不要一會(huì)“搜索”,一會(huì)“查找”,一會(huì)“查詢”,不一致會(huì)增加用戶的學(xué)習(xí)成本。
另一個(gè)常見(jiàn)的問(wèn)題就是含義模糊不清,詞不達(dá)意。
例如上文提到的“高亮”,其實(shí)重點(diǎn)不是會(huì)不會(huì)聯(lián)想到你的同學(xué)叫高亮,而是“高亮”代表什么功能讓人摸不著頭腦:是誰(shuí)讓誰(shuí)高讓誰(shuí)亮,為什么要高亮,
不高亮行不行?是變高還是變亮?這不是產(chǎn)生誤解的問(wèn)題,而是不解――不知道它是干什么的,自然就不敢去使用它。
隨機(jī)推薦
- 網(wǎng)頁(yè)理論 | 2010-01-06
- 網(wǎng)頁(yè)理論 | 2006-03-21
- 網(wǎng)頁(yè)理論 | 2006-03-14
- 網(wǎng)頁(yè)理論 | 2006-05-25
- 網(wǎng)頁(yè)理論 | 2016-07-08
- 網(wǎng)頁(yè)理論 | 2006-03-23










