?前言

只有當(dāng)你的文字是清楚可見的，語句是簡潔規(guī)范的，信息是明確易懂的情況下，用戶才會(huì)閱讀你的網(wǎng)頁。

如果說一個(gè)網(wǎng)站的視覺設(shè)計(jì)關(guān)注的是它“看上去”怎樣的話，那么網(wǎng)站的內(nèi)容排版關(guān)注的是它“聽上去”如何。在互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)中，內(nèi)容的設(shè)計(jì)與排版是至關(guān)重要的。無論多好的原創(chuàng)內(nèi)容，如果沒有用戶閱讀的話，就沒有任何價(jià)值。相對(duì)于其他部分的用戶體驗(yàn)，在用戶決定是否閱讀你的內(nèi)容之前，要分析它所帶來的成本和收益比。

所謂成本是指：閱讀你的文字所帶來的長時(shí)間、理解內(nèi)容帶來的困惑、混亂的排版所帶來的負(fù)面情緒等。

所謂收益是指：閱讀你的文字能讓我獲得的信息內(nèi)容和質(zhì)量，以及獲得的積極情緒。

文字的收益部分往往是固定的，為了提高閱讀文字的用戶體驗(yàn)，我們需要在閱讀成本上做減法。主要有三個(gè)方面：清晰度、可讀性和可理解性。

清晰度

定義：清晰度是閱讀文字的用戶體驗(yàn)中最低層次的要求：清晰度指的是文字是否能被看到，區(qū)分每一個(gè)文字，識(shí)別文本中的每一個(gè)字，每一句話。清晰度主要靠視覺設(shè)計(jì)，更確切地說是排版設(shè)計(jì)來操作。

保證清晰度的幾個(gè)準(zhǔn)則：

1. 在保證整體設(shè)計(jì)質(zhì)量的情況下盡可能使用大號(hào)的默認(rèn)字體，并允許用戶調(diào)整字體大小。小號(hào)的字體影響文本的清晰度?！靶√?hào)”的具體尺寸要區(qū)別于不同的用戶群體，這主要是根據(jù)用戶群體的視覺敏感度來設(shè)定。比如老齡用戶需要更大號(hào)的字體，但即使年輕人也不希望瞇著眼睛才能看清文字。(尤其是青少年，他們往往不會(huì)長時(shí)間的正襟危坐在電腦前閱讀，想想你當(dāng)年的樣子就知道了)
2. 對(duì)文字和背景使用高對(duì)比度。盡量使用純色的背景，這樣能夠提高文字的清晰度。
3. 使用簡潔的文字樣式。對(duì)于現(xiàn)在流行的高分辨率屏幕來說，襯線文字也是可以的，但是那些模擬手寫體或者哥特式的文字會(huì)降低文字的清晰度。

測(cè)試文字的清晰度

如果你遵守了上文的準(zhǔn)則，那么你就不需要專門測(cè)試文字的清晰度了。在一般性用戶測(cè)試中觀察用戶是否前傾身體去閱讀，或者抱怨文字比較難看清之類的，發(fā)生這種情況的時(shí)候往往說明你的文字需要繼續(xù)調(diào)整，以確保它的清晰度。

專門測(cè)試文字情緒度的方法是計(jì)算典型用戶對(duì)于簡單文字的閱讀速度。平均來說，如果測(cè)試用戶中有約20%的閱讀速度低于閱讀參照物文字的速度，說明你的文字的清晰度就比較低了。

可讀性

定義：可讀性用來評(píng)估了一篇文本中文字的復(fù)雜程度，以及句子段落的結(jié)構(gòu)合理程度。復(fù)雜的句子和段落結(jié)構(gòu)更加難懂。用戶的閱讀等級(jí)越低（根據(jù)受教育年限來衡量），我們?cè)叫枰O(shè)計(jì)比較簡單的文本結(jié)構(gòu)。舉個(gè)栗子，12年級(jí)閱讀等級(jí)，相當(dāng)于一個(gè)優(yōu)秀的高中畢業(yè)生的受教育程度，這類用戶比較能夠閱讀一些比較復(fù)雜的文本結(jié)構(gòu)。

保證可讀性的幾個(gè)準(zhǔn)則：

1. 使用標(biāo)準(zhǔn)的口語,越簡短越好。避免使用網(wǎng)絡(luò)流行語、地方性的流行語等。
2. 使用簡短的句子。避免使用復(fù)雜的句型，尤其是包含許多層次的分句和連詞復(fù)合句型，這樣復(fù)雜的長句型超出了用戶的短暫記憶的極限。
3. 主要使用主動(dòng)式語句（例如：我吃了一個(gè)包子）。被動(dòng)式語句可以用在一些需要重點(diǎn)突出關(guān)鍵詞的句型上(例如：你的心靈被我的文字所感染)
4. 當(dāng)你的讀者為一般民眾時(shí)(例如一般的報(bào)紙的讀者)，以8年級(jí)閱讀等級(jí)（相當(dāng)于初中學(xué)生水平）為標(biāo)準(zhǔn)設(shè)計(jì)文本。
5. 如果你寫的是一些專業(yè)領(lǐng)域的文章，依然將你的文字的閱讀等級(jí)設(shè)定為低于目標(biāo)讀者等級(jí)幾個(gè)級(jí)別。當(dāng)你為大學(xué)生讀者寫文章時(shí)，12年級(jí)閱讀等級(jí)是一個(gè)很好的閱讀標(biāo)準(zhǔn)。

測(cè)試文字的可讀性

可讀性經(jīng)常由電腦來衡量。網(wǎng)上有許多可讀性衡量公式，微軟的Word也包含了一個(gè)可讀性衡量公式。在Word2013中， “Flesch-Kincaid” 閱讀等級(jí)公式可以在 “Review》Spelling & Grammar”中找到。

有很多的可讀性衡量公式，它們主要通過測(cè)算單詞的長度和句子的長度來衡量可讀性。長的單詞通常是很少見的，長的句子通常會(huì)增加用戶理解文字的難度，因此這種衡量公式是合理的。但是要說明的是這種方法只能粗略的衡量可讀性。閱讀等級(jí)的設(shè)定也是一個(gè)粗略的衡量方法。我們所說12年級(jí)閱讀等級(jí)是假定高中畢業(yè)生能夠具備能力閱讀這個(gè)等級(jí)難度的文字，但實(shí)際上有很多能夠順利畢業(yè)的高中生，他們?nèi)耘f只具備很差的閱讀能力，這在天朝很常見，當(dāng)然在其他國家也不會(huì)是個(gè)別現(xiàn)象。

可理解性

定義：可理解性衡量了用戶是否能夠理解文字希望傳遞給讀者的信息，以及用戶是否能夠正確的總結(jié)這些信息。尤其對(duì)一些具有說明指導(dǎo)內(nèi)容文字，我們希望用戶在閱讀后能夠進(jìn)行正確的操作。

保證可理解性的幾個(gè)準(zhǔn)則：

1. 使用以用戶為中心的語言。使用用戶熟悉的語言形式可以加快文字的可理解性。
2. 如果文字的目標(biāo)用戶是特定的(學(xué)術(shù)論文，專業(yè)性文字等)，使用相應(yīng)的專業(yè)性術(shù)語文字，雖然這對(duì)于大眾用戶來說閱讀起來會(huì)很困難。
3. 使用倒金字塔式的寫作方式。文章的開頭注明結(jié)論或者是關(guān)鍵點(diǎn)的綜述。這樣用戶在閱讀正文的時(shí)候已經(jīng)對(duì)文章的觀點(diǎn)有了概念。
4. 遵照已知的思維模式來設(shè)計(jì)文字以降低認(rèn)知負(fù)荷，降低和避免用戶從不同的段落部理解文章的信息。
5. 圖片和概念圖表能夠更簡潔清晰的向用戶傳遞信息。
6. 簡明扼要，文字越少，用戶會(huì)更容易的接收和理解你要傳達(dá)的信息。
7. 對(duì)于手機(jī)端用戶，文字要更加的簡明扼要。有限的屏幕大小降低了文字的可理解性，因?yàn)橛脩粢黄林荒芸吹綐O其有限的內(nèi)容，這將很難讓他們結(jié)合前后文來理解文章的內(nèi)容。

測(cè)試文字的可理解性

測(cè)試網(wǎng)絡(luò)內(nèi)容可理解性的主要方法是標(biāo)準(zhǔn)的用戶測(cè)試。能夠證明用戶是否正確的理解文字信息的唯一方法就是讓他們真正的閱讀我們的文字，并觀察他們是否像我們期望他們的那樣操作。當(dāng)我們了解了測(cè)試用戶是怎樣操作的之后，我們可以對(duì)他們進(jìn)行文字內(nèi)容的測(cè)試以衡量文字的可理解性；測(cè)試內(nèi)容可以從簡單的關(guān)于文字內(nèi)容的記憶測(cè)試到比較復(fù)雜的問題回答，以測(cè)試用戶對(duì)于內(nèi)容的理解程度。舉一個(gè)測(cè)試的例子，我們重新設(shè)計(jì)了一個(gè)復(fù)雜的B2B產(chǎn)品的網(wǎng)站內(nèi)容，并對(duì)用戶進(jìn)行新網(wǎng)站的使用測(cè)試。用戶記住了65%的網(wǎng)站產(chǎn)品數(shù)據(jù)，而舊版本的網(wǎng)站測(cè)試中，用戶只記住了33%的網(wǎng)站產(chǎn)品數(shù)據(jù)。你也可以對(duì)一個(gè)具體的內(nèi)容進(jìn)行”填字測(cè)試”，它可以幫助你確定這段文字是否會(huì)造成歧義或者其他的問題。

內(nèi)容的可用性：在清晰度、可讀性和可理解性之外

這三個(gè)標(biāo)準(zhǔn)只是保證了文字可用性的最低標(biāo)準(zhǔn)，它們只是必須的，但并不僅限于此。僅僅因?yàn)橛脩艨梢蚤喿x和理解文字的內(nèi)容并不代表用戶回去閱讀你的文字。在平均的網(wǎng)站訪問中，用戶只閱讀了28%的網(wǎng)頁文字。有極大一部分網(wǎng)頁文字用戶僅僅瞄了一眼。

用戶有時(shí)還是會(huì)閱讀文字內(nèi)容的，尤其當(dāng)用戶對(duì)內(nèi)容有興趣的時(shí)候。提高閱讀比例的關(guān)鍵點(diǎn)是快速的吸引用戶的注意力，并在用戶離開之前讓其對(duì)文字產(chǎn)生興趣。標(biāo)題是非常重要的吸引用戶的點(diǎn)，開篇的頭幾段文字也極其重要。

因此，為了讓文字有高的清晰度、可讀性和可理解性，我們需要：

1. 讓文字內(nèi)容有興趣，清楚的標(biāo)題，清晰簡潔的文章結(jié)構(gòu)。
2. 把注意力集中在怎樣讓用戶感興趣，而不是你怎樣來描編寫內(nèi)容。
3. 在文章的開頭就讓用戶感覺到有趣且有用。

– Originally by Nielsen Norman Group

原文地址：http://www.nngroup.com/articles/legibility-readability-comprehension/

本文系作者@rayerlistic 編譯投稿發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。