龔彪

摘要：目的對移動端文本閱讀體驗(yàn)績效進(jìn)行分析。方法以用戶體驗(yàn)的層級和閱讀認(rèn)知及習(xí)慣為基礎(chǔ)，通過視知覺方面的有效反應(yīng)進(jìn)行分類研究。結(jié)果得出好的移動閱讀體驗(yàn)的視覺指標(biāo)主要關(guān)乎于易讀性與友好程度兩個方面，從而解決人的有意的注意和無意的注意之間的平衡關(guān)系。結(jié)論通過對視覺績效和視覺主觀主觀偏好的判定，可以得出一個基本平衡關(guān)系。通過兩者關(guān)系對文本閱讀設(shè)計(jì)的結(jié)合，從而減小閱讀時有意注意和無意注意差異化的幾率。

關(guān)鍵詞：用戶體驗(yàn) 移動閱讀 視覺設(shè)計(jì) 視知覺

中圖分類號：J 文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069（2017）05-0137-03

引言

隨著數(shù)字化生活的成型，人們的閱讀方式也在一直發(fā)生著變化。閱讀行為的主體是人，客體是書籍、刊物等信息載體，在演變的過程中，客體的改變導(dǎo)致了閱讀行為的改變。因此，閱讀的本質(zhì)依然是通過眼睛獲取文本上的信息，并對這些信息進(jìn)行加工和理解的一個過程。

一、移動閱讀及其要素分析

移動閱讀是指使用移動終端（例如手機(jī)、平板設(shè)備、電子書閱讀器等）進(jìn)行的所有閱讀行為。隨著移動互聯(lián)網(wǎng)及移動硬件設(shè)備的興起，人們逐漸開始依賴功能強(qiáng)大、高便攜度的移動終端來瀏覽網(wǎng)頁，通過新聞及咨詢客戶端、報(bào)紙雜志客戶端、微博文章或微信公眾號文章等閱讀途徑，以及通過專用的電子閱讀器或手機(jī)上安裝的閱讀軟件來獲取閱讀小說、圖書、雜志、動漫、文獻(xiàn)等內(nèi)容的閱讀行為。

由此可分析得出，移動閱讀主要由閱讀主體（用戶）、閱讀途徑和閱讀行為組成。其中閱讀途徑又可以分為網(wǎng)頁、博客等非專業(yè)軟件和專業(yè)的閱讀客戶端中獲取的閱讀內(nèi)容。

二、數(shù)字化背景下的閱讀體驗(yàn)分析

越來越多的閱讀產(chǎn)品與平臺走向數(shù)字化和便攜化，基于屏幕的閱讀行為會將更多的時間放在瀏覽和定位、選取關(guān)鍵詞或信息這樣的非線性的特征上。當(dāng)閱讀更具有選擇性的情況下，深度和聚焦的閱讀相對而言花的時間更少了，因此達(dá)到深度閱讀即是：1.滿足主體評價(jià)——滿足主體在閱讀過程中的預(yù)期值及綜合滿意度；2.版式設(shè)計(jì)-形成更具合理且舒適的版面。

如果說想要設(shè)計(jì)一款優(yōu)秀的用戶體驗(yàn)產(chǎn)品，用戶體驗(yàn)標(biāo)準(zhǔn)是首要考慮的問題，對于閱讀而言如是。根據(jù)《About Face 3：交互設(shè)計(jì)精髓》中的描述，當(dāng)人們能夠聚精會神于一項(xiàng)活動或事情時，他們會忽略外界的干擾。這種心理兼行為上的最佳狀態(tài)被稱為“流”。根據(jù)描述，“流”是一種深入的狀態(tài)，通常會引出人們的精神愉悅感。對于移動端文本閱讀而言，進(jìn)入“流”狀態(tài)的用戶，不僅有高效高質(zhì)量的閱讀效果，還能從閱讀中獲得高出其期望值的愉悅感，這也是數(shù)字化閱讀產(chǎn)品在設(shè)計(jì)上需要考量的一個重要指標(biāo)。

根據(jù)當(dāng)下對于移動互聯(lián)網(wǎng)用戶界面設(shè)計(jì)及可用性的研究可得出用戶體驗(yàn)劃分為4個層次，由低到高依次為：有用、可用、易用、友好。其最高層次的友好體現(xiàn)為在符合簡單合理的設(shè)計(jì)原則的同時體現(xiàn)界面設(shè)計(jì)的舒適性，讓用戶在使用中感覺到愉悅。

作為用戶體驗(yàn)的一種，移動閱讀產(chǎn)品對應(yīng)的閱讀體驗(yàn)也可以對照上文分為4個層級：1.有閱讀價(jià)值——對于閱讀產(chǎn)品而言，有價(jià)值的內(nèi)容是閱讀產(chǎn)品首要具備的因素，是用戶的最基礎(chǔ)的需求；2.可讀性——當(dāng)內(nèi)容有了載體，不管是傳統(tǒng)紙質(zhì)載體或是互聯(lián)網(wǎng)載體，文字或是圖像內(nèi)容可以清晰且合理的展示，對于讀者來說便是具備了可讀的屬性；3.方便友好的閱讀特征——即避免復(fù)雜的操作行為，減少用戶在操作上判斷的時間，對于移動閱讀而言應(yīng)對文本的閱讀行為有很好的支持，其中分為：合理的視覺呈現(xiàn)、流暢的交互功能；4.舒適愉悅的閱讀—-此階段即是在視覺上給予好的閱讀環(huán)境同時在交互上達(dá)到最小干擾及流暢的閱讀過程，這個過程能幫助讀者進(jìn)入“沉浸式體驗(yàn)”。

三、移動端文本閱讀體驗(yàn)的視覺指標(biāo)

（一）移動閱讀體驗(yàn)的績效

本研究旨在為移動端閱讀產(chǎn)品用戶提供更為優(yōu)質(zhì)的閱讀體驗(yàn)，結(jié)合當(dāng)下互聯(lián)網(wǎng)產(chǎn)品的現(xiàn)狀，在分析閱讀體驗(yàn)的層級上有其針對性。首先內(nèi)容具有開放性，編輯會根據(jù)篩選及運(yùn)營等方式來進(jìn)行優(yōu)化，其次“可讀性”關(guān)乎載體及“硬件性能”，整體上取決于用戶本身所使用的移動終端和應(yīng)用運(yùn)行帶來的影響，因此這兩個層級不在此研究范圍內(nèi)?，F(xiàn)階段研究主要關(guān)注文字與版面的友好性及舒適性對閱讀產(chǎn)生的影響。

從版面設(shè)計(jì)來看，純文本文章占據(jù)決定性位置。版面設(shè)計(jì)顯示的友好程度通常可以從功能和兩個裝飾方面來進(jìn)行評估。功能旨在于文本呈現(xiàn)出的視覺績效，即字體、字號、行距、段落布局等因素對辨識度的影響；裝飾則指視覺的主觀偏好即圖文的美觀性。根據(jù)以往文獻(xiàn)及研究發(fā)現(xiàn)，功能和視覺兩者有著不可分割的相關(guān)性，裝飾度即主觀視覺偏好較好的往往其功能即辨識度更好。因?yàn)橛绊懸曈X績效的元素不但在于合理的規(guī)范和布局同時也關(guān)聯(lián)著色彩、構(gòu)成、圖形等設(shè)計(jì)元素的運(yùn)用。

不同優(yōu)劣的版式設(shè)計(jì)在相同文章上對于視覺績效產(chǎn)生的影響可以通過用戶的視覺疲勞（也就是用戶在注意力高度集中的情況下，注視的時間差異和閱讀完成的準(zhǔn)確性）程度來表現(xiàn)。

（二）文本與背景顏色的關(guān)系

傳統(tǒng)的白背景加黑色文字效果整體，同時文字的反射率被大大提高，這樣很容易被注意并理解，但讀者的視覺焦點(diǎn)不會第一時間落在文字上，往往視線會產(chǎn)生游離。同時，黑背景配白色文字時，文字尤其醒目，能夠迅速抓住讀者的注意力，且基本上不會產(chǎn)生視線游離的狀態(tài)。因此，這關(guān)系到一個“有意的注意”和“無意的注意”的特性，其關(guān)系為：有意的注意是主動的受到意識控制的注意，它的維持需要人使用意志操控；無意的注意是被動的，其不受或是很少受到意識的控制，二是受外界的刺激物來激發(fā)。所以在閱讀當(dāng)中無意注意和有意注意會常常發(fā)生轉(zhuǎn)化。

所以回到上述兩個顏色方案來看，首先，方案一，白背景黑色文字是符合人們傳統(tǒng)閱讀習(xí)慣的一種方案，因?yàn)樵诟吡炼鹊沫h(huán)境下閱讀白色背景能很好反射光線到眼睛從而輔助讀者“有意的注意”，但黑色文字的色差較大，且筆畫復(fù)雜程度不同的漢字而形成不同體量的時候，在白色背景上會容易造成視線跳躍即使讀者產(chǎn)生無意的注意。所以在文字色彩的選擇上降低明度能較好地減少文字的反射率而給予視覺上的柔和感，當(dāng)下主流的閱讀app常用的三種色值分別代表主文、副文、提示文案，在白色背景下其色值是#333333、#666666、#999999。同時適當(dāng)?shù)慕o予白背景一些灰度（如色值#eeeeee）能夠很好地減少文字的跳躍和閃爍性。endprint

其次，方案二，黑色背景與白色文字的搭配會形成文字強(qiáng)烈的視覺對比，因此也更利于捕捉注意力，這樣的方案會造成“無意的注意”過多而“有意的注意”減少，從而過多的文本展示會造成用戶視覺上的壓抑感。但適當(dāng)調(diào)高背景色的暗度，選擇當(dāng)下較流行的高級灰，能夠使背景相對柔和且沒有黑色帶來的壓抑感。同樣，適當(dāng)?shù)卣{(diào)節(jié)文字的明度，中和黑白的強(qiáng)對比且減少文字的閃爍性能夠平衡讀者“有意的注意”和“無意的注意”之間的視覺關(guān)系。因?yàn)榘瞪谋尘澳芙档脱劬κ艿降钠聊粡?qiáng)光線刺激從而使用戶的注意力更多的放在文字上，對于夜間或者低照明環(huán)境來說方案二相對于方案一更能創(chuàng)造出文字與背景之間的柔和感并最大限度的減少屏幕光線對于眼睛帶來視覺疲勞（見圖1）。

（三）字體樣式對于閱讀體驗(yàn)的影響

所謂文字，是承載語言的符號與圖形。符號是指一個社會全體成員共同約定用來表示某種意義的記號或標(biāo)記。文字作為一種符號，其首先必然是意義的載體，其來源規(guī)定或者約定俗稱，具有表意的特征，屬于功能性。而圖形是一種二維的由點(diǎn)、線、面及顏色組成的可識別的形狀，作為圖形的一種，不同形式的文字對于視覺傳達(dá)而形成的視覺感受也不同，其具備形意的特征。對于閱讀而言，文字的表意和形意相輔相成，形意表現(xiàn)出的簡潔明了能最大程度的輔助表意的傳遞。

作為圖形符號的一種，字體通常分為飾線體和非飾線體。飾線體即是單個字體帶書寫時的裝飾線或是筆鋒。然而過多的飾線和曲面對于通篇閱讀以及有限的屏幕面積來說傳遞的視覺信息量已經(jīng)超過文字表意本身，所以筆者重點(diǎn)分析的是非飾線體的文字。

如果說閱讀本身是對信息的吸收，那么字體就是搭載內(nèi)容輸出的媒介。而字體本身存在的視覺上的信息量來自于組成字體的點(diǎn)線面，越多的點(diǎn)線面結(jié)構(gòu)則意味著越多的視覺信息的輸出，從而造成閱讀疲勞。傳統(tǒng)的黑體及等線體則去除了多余的飾線和筆鋒，形式上更簡潔和整體。然而對于屏幕顯示而言，綜合了像素、屏幕面積、字號等因素，傳統(tǒng)的非飾線體并不能滿足優(yōu)質(zhì)閱讀的要求。

楷書有“九宮格”一說，是對于單個字體結(jié)構(gòu)的一種分析方法。而“中宮”則是指最中間的那一格，其代表了字體的重心區(qū)域。傳統(tǒng)的黑體及等線體，中宮較收緊，比劃向中心點(diǎn)靠攏，這樣能讓字體顯得更為清秀。但是對于有限的屏幕面積，能顯示的字號相對較小，中宮較緊的字體會導(dǎo)致多筆畫因?yàn)橄袼氐脑蚰鄣搅艘黄鸲y以分辨。所以合理地控制好字面和中宮，需要避免筆畫之間固有的但不必要的簡單對稱。同時標(biāo)準(zhǔn)化并縮小筆畫的粗細(xì)能夠避免字體筆畫交疊處形成的像素?fù)頂D，以保證在一定字號下文本文字的良好分辨。當(dāng)下較主流的的字體如：蘋果使用的冬青黑體簡體中文（Hiragino Sans GB）、錘子閱讀所使用的方正蘭亭超細(xì)黑或蘭亭纖黑、網(wǎng)易新聞客戶端所使用的漢儀旗黑等都在這方面做出了較好的改進(jìn)。

（四）文字排版的易讀性設(shè)計(jì)分析

我們都知道一個好的版面設(shè)計(jì)都需要遵守畫面一個視覺重心的原則，這個重心可以是一個單獨(dú)的圖形，或者是很多緊湊的圖形組合。當(dāng)大量漢字形成文本時漢字即脫離了文字符號本身的屬性，在界面中由文字組成的文本自身作為一個塊面成為了界面中的視覺重心，所以在設(shè)計(jì)過程中將文字內(nèi)容的各部分看做各個塊面，將會在整個界面布局中形成視覺重心上的閱讀層級。因此，筆者將從：排版的層次感和行高兩個方面來進(jìn)行排版上的研究。

首先，排版的層次即是至閱讀過程中根據(jù)文章內(nèi)容的結(jié)構(gòu)而形成的視覺順序。在設(shè)計(jì)過程中將文字內(nèi)容的各部分看做各個塊面，利用留白和色彩厚度來區(qū)分不同層級之間的關(guān)系，使塊面之間的視覺層級更具條理性。如圖例（圖2）所示：首先，標(biāo)題塊、說明文字塊和正文塊根據(jù)文字層級上的差異采用了不同灰度的色值來形成塊面上的不同厚重感，顏色越重即代表內(nèi)容越重要；其次，利用留白將文本的三個部分清晰隔開，不讓多余的或是擁擠的信息干擾讀者的注意力。通過這樣的方式，用戶會不自覺地對界面的視覺重心進(jìn)行排序，并自動形成閱讀順序。一篇文章中所存在的基本結(jié)構(gòu)分別是：主標(biāo)題、副標(biāo)題、正文、提示文案，其順序代表了排版結(jié)構(gòu)的主次關(guān)系。所以字體的尺寸是首要因素，各個結(jié)構(gòu)的字號因基于正文字體來進(jìn)行調(diào)整（因?yàn)檎氖情喿x的重心部分）。當(dāng)下主流的閱讀app所使用的基本規(guī)則通常是：正文字號28pt、主標(biāo)題字號36-40pt、副標(biāo)題30-32pt、提示文案24pt。根據(jù)這樣的字號規(guī)范調(diào)整個結(jié)構(gòu)文字的灰度和字體粗細(xì)程度會形成更好的視覺層級效果。

同時，文本意群規(guī)范化的對齊方式能讓界面整體看起來更加整齊有序，當(dāng)頁面切換和轉(zhuǎn)場的時候，用戶能更輕易地進(jìn)行聚焦且更容易找到信息?；谝苿娱喿x有限的屏幕尺寸，其每一行的字?jǐn)?shù)相對其他媒介要少一些，因此避免段落開頭兩個字符的縮進(jìn)能保持文本的整體性。這時就需要考慮合理的對齊來保證內(nèi)容意群之間的間距，從而讓用戶更好的識別內(nèi)容塊和意群。在對齊方式的設(shè)置上，可以將內(nèi)容塊分為標(biāo)題組和正文組，一般而言，正文組的段間距應(yīng)該等于正文文字的行高，而文本各個部分之間的間距應(yīng)該是段間距的0.5～2倍。筆者挑選知乎日報(bào)和錘子閱讀兩個App的閱讀界面（如圖3），使用基準(zhǔn)線網(wǎng)格配合前文所述的文本塊面化的設(shè)計(jì)方法進(jìn)行對齊方規(guī)范上的對比分析：知乎日報(bào)的正文行高是54pt，其主標(biāo)題與二級標(biāo)題的間距是2×54pt，第三級文字與正文的間距是54pt，之后的段間距都是以54pt為標(biāo)準(zhǔn)。而錘子閱讀的正文與標(biāo)題組的間距則不是按照行高的倍數(shù)形成的，因此，在分欄上沒有知乎日報(bào)那樣的有序和規(guī)范感。

一般而言，主標(biāo)題和副標(biāo)題是屬于同一屬性，正文和提示文案也是如此。所以在設(shè)置段間距上，主、幅標(biāo)題作為標(biāo)題組其間距應(yīng)小于標(biāo)題組與正文的間距，同時正文與提示文案的間距也不宜大于兩個文字高度。這樣做能幫助劃分和組合各層級之間的關(guān)系，突出標(biāo)題與正文的視覺重心。行高是指行與行之間留白的高度，行高的大小關(guān)系到閱讀時流暢度，合理的行高能讓眼睛更輕松地識別每一行的內(nèi)容，同時也能避免閱讀時的視線跳躍。如圖例所示（圖4-8）行與行之間的距離過大，視線從一行末尾移動到下一行開頭，其移動距離決定了閱讀的難度，而過小的行距則容易影響實(shí)現(xiàn)移動、導(dǎo)致視線跳躍。一般正文適于閱讀的行間距是控制在文字字號的120%～160%，例如文字字號是32pt，那么行高應(yīng)該控制在45pt～51pt之間，具體的尺寸應(yīng)該根據(jù)文字的字號和文本的寬度而設(shè)定出最合適的數(shù)值。通常，合理的行高能讓人感受到行文之間的呼吸感，讓視線更輕松地在行文間進(jìn)行跳轉(zhuǎn)，同時也能避免閱讀時的視線跳躍。

結(jié)語

本文從移動設(shè)備自身的特性以及文本閱讀體驗(yàn)的角度，對移動閱讀體驗(yàn)做出了分析和判定標(biāo)準(zhǔn)。移動閱讀體驗(yàn)與產(chǎn)品的用戶體驗(yàn)關(guān)系密不可分，其績效可以由便捷友好的功能因素到愉悅舒適的情感因素兩方面來判定。通過分析和歸納，在視覺設(shè)計(jì)的研究上通過對文字與背景色關(guān)系、字體、排版三方面來進(jìn)行了研究?；仡櫛疚牡难芯拷Y(jié)果可以發(fā)現(xiàn)，純文本在移動終端的設(shè)計(jì)上需要滿足讀者對于文字信息的有意識獲取和無意識獲取兩方面的平衡，這點(diǎn)在背景色與文字顏色的對比的強(qiáng)弱關(guān)系、字體形意與表意之間的契合度這兩點(diǎn)上起了非常關(guān)鍵的作用。另外，行、段間距的合理布局能夠幫助閱讀界面建立明確的視覺重心并清晰劃分閱讀層級。

根據(jù)移動閱讀界面視覺設(shè)計(jì)的發(fā)展趨勢，將會根據(jù)用戶體驗(yàn)更深層次的標(biāo)準(zhǔn)、交互形式及技術(shù)的改變而變化。但無論環(huán)境如何發(fā)展，移動閱讀的績效依然離不開閱讀本身屬性與移動媒介用戶體驗(yàn)之間的統(tǒng)一，二者相互影響，相互依存。設(shè)計(jì)師需要將“用戶體驗(yàn)為中心”的設(shè)計(jì)理念注入到移動閱讀形式的設(shè)計(jì)當(dāng)中，從移動閱讀績效出發(fā)，對指標(biāo)體系的各個方面進(jìn)行評價(jià)與優(yōu)化。endprint