單筱秋

傳統(tǒng)的紙媒閱讀是一種個(gè)人行為，讀者被稱為“受眾”。數(shù)字媒介時(shí)代閱讀目標(biāo)群體的“受眾”變成“用戶”，閱讀體驗(yàn)呈現(xiàn)多元化、互動(dòng)化、去中心化以及社交化的趨勢。本文以電子閱讀工具為例，從用戶體驗(yàn)設(shè)計(jì)的角度分析數(shù)字媒介背景下閱讀體驗(yàn)?zāi)Ｊ降霓D(zhuǎn)變，以及未來趨勢的探討。

數(shù)字媒介；電子閱讀工具；閱讀體驗(yàn)?zāi)Ｊ剑挥脩趔w驗(yàn)設(shè)計(jì)；

傳統(tǒng)的紙媒閱讀，用戶體驗(yàn)?zāi)Ｊ绞菃蜗虻?。設(shè)計(jì)師根據(jù)文本傳遞的內(nèi)容決定版式編排的形式，不需要根據(jù)讀者的反映和反饋來完成后續(xù)設(shè)計(jì)。讀者在閱讀中接受信息，在整個(gè)閱讀的過程中，被稱為受眾。

當(dāng)電子屏幕代替紙張成為信息傳遞的主要媒介時(shí)，讀者接收到信息，然后進(jìn)行個(gè)人指令操作，應(yīng)用程序會(huì)根據(jù)用戶行為在界面中反饋新的信息，這是一種互動(dòng)式信息傳遞模式。這種交互式用戶體驗(yàn)設(shè)計(jì)貫穿整個(gè)電子閱讀工具的界面設(shè)計(jì)，設(shè)計(jì)師需要考慮到用戶可能采取的每一個(gè)步驟的每一個(gè)可能性，根據(jù)用戶可能的行為和一些約定俗成的共識(shí)完成后續(xù)設(shè)計(jì)。因此界面設(shè)計(jì)是以用戶為中心的設(shè)計(jì)（UCD），也是為用戶自身心理感受和行為而設(shè)計(jì)的。與傳統(tǒng)的紙媒閱讀相比，數(shù)字媒體背景下的閱讀體驗(yàn)?zāi)Ｊ骄哂幸韵聨讉€(gè)特征：

1.多維度信息架構(gòu)方式

屏幕閱讀用戶體驗(yàn)功能的延伸主要得益于通信技術(shù)和無線網(wǎng)絡(luò)的發(fā)展，其信息構(gòu)架形式與實(shí)體書完全不同。紙媒受到材質(zhì)、尺寸、制作工藝和形式的約束，信息承載量是有限的。紙媒閱讀中的信息架構(gòu)形式主要為單一的線性結(jié)構(gòu)，信息讀取是逐一而連貫的。通過標(biāo)題、目錄、頁碼等元素完成整體信息架構(gòu)，從而建立起各個(gè)信息之間的關(guān)聯(lián)性和持續(xù)性。例如在閱讀一本書的時(shí)候，通過翻閱目錄和每一頁的內(nèi)文，可以獲取其中的信息。

從電子閱讀工具的信息架構(gòu)方式看，可以分為自上而下和自下而上兩種類型。自上而下的信息結(jié)構(gòu)是根據(jù)決策目標(biāo)的內(nèi)容和功能開始分類，再依據(jù)邏輯和類別細(xì)分出次級(jí)分類，最后把資料與內(nèi)容填入。自下而上的信息結(jié)構(gòu)則是先收集整理資料，納入最底層級(jí)，再把他們分別歸屬到更高一級(jí)的類別中，最后逐漸建構(gòu)出符合目標(biāo)的整體框架。一個(gè)適應(yīng)性強(qiáng)的信息架構(gòu)體系，既能把新內(nèi)容作為現(xiàn)有結(jié)構(gòu)中次級(jí)分類的一部分容納進(jìn)去，也可以把信息當(dāng)成一個(gè)主體部分加入。例如可以隨時(shí)把網(wǎng)絡(luò)小說模塊加進(jìn)上一層級(jí)小說的模塊中，可持續(xù)完善產(chǎn)品內(nèi)容和功能。在交互界面中，以導(dǎo)航為連接點(diǎn)，采用縱向深度的信息編排方式布局，為用戶提供有效的視覺引導(dǎo)和反饋。例如全局導(dǎo)航（GLOBAL NAVIGATION），覆蓋整個(gè)網(wǎng)站，提供用戶從終極頁面到上級(jí)任意頁面的一組關(guān)鍵點(diǎn)。在導(dǎo)航條中放入能到網(wǎng)站所有欄目的鏈接，不管用戶想去哪里，都可以從全局導(dǎo)航中達(dá)到。局部導(dǎo)航（LOCAL NAVIGATION）只是提供一個(gè)界面的上下層級(jí)關(guān)系的通路，給用戶在這個(gè)信息架構(gòu)中“附近地點(diǎn)”的通路。

屏幕閱讀內(nèi)容的信息架構(gòu)以NODE（節(jié)點(diǎn)）為基本單位。節(jié)點(diǎn)可以對(duì)應(yīng)任意的信息片段或者信息組合。其信息架構(gòu)體系不僅包含了線性結(jié)構(gòu)，還包含了層級(jí)結(jié)構(gòu)、矩陣結(jié)構(gòu)和自然結(jié)構(gòu)，并且不再是單一的信息架構(gòu)方式，而是多種架構(gòu)方式的組合，以縱向拓展的方式呈現(xiàn)。例如在微信讀書的電子書城中，先看到總的分類名目，點(diǎn)擊進(jìn)去再看到細(xì)分的名目（圖1）。在這樣的層級(jí)結(jié)構(gòu)中，節(jié)點(diǎn)與節(jié)點(diǎn)之間的信息存在上下包含關(guān)系或者父級(jí)和子級(jí)關(guān)系，類似于樹狀結(jié)構(gòu)或者中心輻射結(jié)構(gòu)。再例如用戶在搜索想讀哪一本書的時(shí)候，用戶既可以按照出版圖書的屬性歸類來瀏覽書名，也可以通過暢銷排行榜來瀏覽書名。這種屬于矩陣結(jié)構(gòu)的信息架構(gòu)形式，它允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或多個(gè)并列維度的信息中跳躍。而自然結(jié)構(gòu)的信息架構(gòu)形式，其節(jié)點(diǎn)連接不遵循任何一種固定的模式，節(jié)點(diǎn)之間的關(guān)系不明確并且一直在演變中，用戶的行為決定信息呈現(xiàn)的關(guān)系。例如微信讀書中搖一搖功能和查看朋友閱讀時(shí)長排名和點(diǎn)評(píng)。信息結(jié)構(gòu)模塊的多維度呈現(xiàn)，為閱讀體驗(yàn)帶來了更多的可能性。

圖1

2.多元化閱讀功能

屏幕閱讀提供了除閱讀以外的多種獲取信息的渠道：例如聽書的功能，打破傳統(tǒng)閱讀的條件，做家務(wù)、運(yùn)動(dòng)健身的時(shí)候都可以獲取書中的信息，解放雙手和雙眼，同時(shí)也為盲人和弱視人群提供了學(xué)習(xí)書本知識(shí)的條件?？梢栽谑謾C(jī)端、Kindle端、電腦端、Pad端等實(shí)現(xiàn)多端同步閱讀，方便用戶隨時(shí)隨地獲取信息。寫閱讀想法和筆記，記錄在閱讀到某個(gè)章節(jié)某段文字時(shí)迸發(fā)的靈感。在線字詞查詢功能可以幫助用戶進(jìn)行深讀閱讀，同時(shí)它還是一個(gè)大型的移動(dòng)圖書館，滿足用戶對(duì)各種書籍的需求等等。

以微信讀書為例，應(yīng)用程序被劃分為四個(gè)模塊，分別是閱讀、書架、發(fā)現(xiàn)、個(gè)人設(shè)置。導(dǎo)航采用純文字設(shè)計(jì)，在系統(tǒng)默認(rèn)首頁是“閱讀”功能界面。界面頂端搜索欄可以直接搜索書名。搜索欄右邊有書城按鈕（圖2），進(jìn)入書城可以看到右上角有類似微信搖一搖的小圖標(biāo)，其功能是可以隨機(jī)給用戶推薦一本書，有點(diǎn)類似盲盒的性質(zhì)，趣味性十足。搜索欄下面有八個(gè)入口，分別是分類、書單、免費(fèi)書、女生小說、新書、聽書等常用選項(xiàng)。再往下便是系統(tǒng)根據(jù)數(shù)據(jù)統(tǒng)計(jì)出來的個(gè)人喜好的功能板塊，有好書推薦，每月新書預(yù)覽，每周書單等。往下滑動(dòng)，還有每周推薦書、微信聽書、朋友在讀書等模塊。在第二個(gè)“書架”功能界面，頂部搜索欄右邊有個(gè)“加號(hào)”小圖標(biāo)，點(diǎn)擊會(huì)出現(xiàn)與首頁相似的功能內(nèi)容。關(guān)閉“加號(hào)”小圖標(biāo)，往下滑動(dòng)會(huì)出現(xiàn)近期在讀的書籍和公眾號(hào)記錄，以及對(duì)書架中的內(nèi)容進(jìn)行分類管理等模塊（圖3）。第三個(gè)是“發(fā)現(xiàn)”的功能界面，提供了與好友互動(dòng)的選擇，可以看到朋友的想法，或者是關(guān)注的人最近對(duì)書籍的想法和點(diǎn)評(píng)，可以點(diǎn)贊、轉(zhuǎn)推、評(píng)論。再往下滑動(dòng)分別是小圈子、免費(fèi)領(lǐng)書、福利場、聽書等模塊，都是與社交及獎(jiǎng)勵(lì)機(jī)制相關(guān)（圖4）。最后一個(gè)功能界面主要提供了個(gè)人設(shè)置的選項(xiàng)。界面上半部分是賬戶書幣、無限卡天數(shù)、購物車、訂單這四個(gè)較小的模塊，中間是讀書排行、關(guān)注好友、勛章、筆記等選項(xiàng)?？傊晕⑿抛x書為主的這一類電子閱讀工具，以提供書為核心內(nèi)容，并且極大地拓展了閱讀以外的功能，滿足了用戶的多種閱讀相關(guān)需求。

圖2

圖3

圖4

3.個(gè)性化用戶需求

以用戶為中心的設(shè)計(jì)思想已經(jīng)存在了很長時(shí)間，最早來源于工業(yè)設(shè)計(jì)和人類工效學(xué)，認(rèn)為設(shè)計(jì)師應(yīng)該讓產(chǎn)品適合人。產(chǎn)品設(shè)計(jì)師亨利·德萊弗斯（Henry Dreyfuss）早在1955年于他的一書中就開始推行用戶為中心的設(shè)計(jì)方法。打開微信讀書首頁，會(huì)看到程序推薦的根據(jù)用戶前期的搜索軌跡自動(dòng)篩選出的可能感興趣的書籍，讓用戶有一種這個(gè)程序就是為自己而設(shè)計(jì)的親切感。通常在電子閱讀工具閱讀設(shè)置界面中，用戶可以根據(jù)自己的喜好選擇不同樣式的字體和不同大小的字號(hào)、調(diào)整背景圖片和顏色、選擇習(xí)慣的交互行為模式等。用戶還可以根據(jù)自己的閱讀習(xí)慣選擇閱讀時(shí)是不是自動(dòng)鎖屏、是否允許橫屏，是否隱藏他人想法。在翻頁方式的選擇上，可以默認(rèn)左右滑動(dòng)，或者選擇仿真翻頁和上下滾動(dòng)，決定是否開啟深色模式。通常電子閱讀工具為了模擬實(shí)體書的閱讀感，背景色在白天默認(rèn)為接近紙張的灰白色，在夜晚為了保護(hù)視力會(huì)根據(jù)手機(jī)上的時(shí)間自動(dòng)設(shè)置成深灰底色。甚至細(xì)化到可以對(duì)文本編排的形式進(jìn)行選擇：比如正文首行縮進(jìn)這樣的傳統(tǒng)紙媒閱讀的文本編排格式，或者首行不縮進(jìn)這種適合界面閱讀的文本編排格式。

在正式閱讀的過程中，電子閱讀工具也提供了非常多的個(gè)性化選項(xiàng)。可以隨時(shí)切換背景與字體的顏色，除了常見的白底深色字，黑底淺色字，也有仿舊紙的黃色底深色字，甚至還有護(hù)眼的綠色背景色，充分滿足每個(gè)用戶對(duì)頁面編排形式舒適度的個(gè)性化喜好追求。特別是關(guān)于隱私的多個(gè)選項(xiàng)，如是否開啟私密閱讀、是否接受陌生人私信等，都滿足了用戶對(duì)于個(gè)人隱私的保護(hù)。具有更高秩序及安全性的用戶體驗(yàn)，尊重用戶的個(gè)性化和差異化的用戶體驗(yàn)設(shè)計(jì)是現(xiàn)階段以及未來很長一段時(shí)間的交互界面設(shè)計(jì)的核心內(nèi)容。

4.沉浸式閱讀屬性

屏幕閱讀改變了單一的靜態(tài)圖文的編排形式，對(duì)圖片、文字、影像、聲音等多元的信息元素進(jìn)行了有機(jī)的合成，使得閱讀的概念遠(yuǎn)遠(yuǎn)超過了傳統(tǒng)的書本閱讀的概念，提供了讀、看、聽多維度的體驗(yàn)。

同時(shí)更注重界面設(shè)計(jì)中視覺元素對(duì)閱讀體驗(yàn)的影響。希克定律（Hick’s Law）指出，給用戶的選項(xiàng)越多，用戶做出決定的時(shí)間就越長。換句話說就是界面中視覺元素越多，用戶的精力就越分散。電子閱讀工具為了讓用戶完全投入閱讀中，設(shè)計(jì)師們會(huì)通過減少界面元素的數(shù)量、縮小無關(guān)元素的尺寸、降低元素顏色的透明度和對(duì)比度，甚至將元素做成隱藏設(shè)計(jì)模式來增加沉浸式閱讀體驗(yàn)。在視覺設(shè)計(jì)上，一些有可能用到但是頻率不高的功能集中在一個(gè)功能按鈕上，按鈕采用線性的小圖標(biāo)形式，尺寸也設(shè)計(jì)得非常小，顏色以灰色為主，在視覺上顯得并不突出。例如微信讀書的閱讀環(huán)節(jié)采用的是全屏顯示的方式，界面中心凸顯正文內(nèi)容，左上角的章節(jié)名字和右下角的頁碼全部采用淺灰色極小號(hào)字，其他的信息全部被隱藏。

不斷進(jìn)步的電子顯示技術(shù)擴(kuò)展了字體在屏幕中呈現(xiàn)的形式與功能，很多印刷時(shí)代誕生的字體被重新設(shè)計(jì)以適應(yīng)用戶界面端的呈現(xiàn)，創(chuàng)造更好的閱讀體驗(yàn)。

例如蘋果公司在iOS9系統(tǒng)之前一直使用的是無襯線體Helvetica字體。然而在開發(fā)iWatch時(shí)，設(shè)計(jì)師們發(fā)現(xiàn)這款紙媒閱讀時(shí)代最受歡迎的字體不太適合用于小電子屏，像a、e、s這樣的字母在壓縮以后會(huì)變得模糊。為了讓iWatch的界面上看起來更加精細(xì)和具操作性，蘋果公司獨(dú)自研發(fā)了專門為小屏幕使用的字體San Francisco，首先在iWatch上使用并獲得成功。San Francisco字體棱角清晰，字母之間有著更多的空間，因此不但具有更高的分辨率，還可以動(dòng)態(tài)優(yōu)化，根據(jù)文本字號(hào)的大小，系統(tǒng)會(huì)自動(dòng)設(shè)置成標(biāo)題顯示或者文本顯示。字符尺寸較大時(shí)，字間距會(huì)比較緊密，字符尺寸較小時(shí)，字間距會(huì)變得松散，使得文本在任何時(shí)候都可以保證清晰和易讀的最佳用戶體驗(yàn)。

為了字體能夠適應(yīng)現(xiàn)在的手機(jī)屏幕和大型LED屏幕的讀取，很多字體工作室在原有字體的基礎(chǔ)上做了改進(jìn)，提供了“標(biāo)題展示”設(shè)計(jì)（Display Design）、“文本”設(shè)計(jì)（Text Design）和“微型”設(shè)計(jì)（Micro Design）三種類別的字形，極大豐富了字體的使用場景?？勺冏煮w（variable font）多為三軸可變的設(shè)計(jì)空間，可提供近百萬種字體變化樣式，可以同時(shí)勝任標(biāo)題、文本編排、用戶界面、動(dòng)態(tài)演示以及響應(yīng)式體驗(yàn)中的任何一種形式。在響應(yīng)式界面中，字重、字寬、字號(hào)大小都可以預(yù)先設(shè)定，自動(dòng)適應(yīng)到界面窗口的尺寸中。或者根據(jù)不同的屏幕顏色調(diào)整字體的顏色，例如在光線不足的環(huán)境和光線充足的環(huán)境下閱讀的文字都會(huì)呈現(xiàn)不同的顏色。

多維度可變字體如今成為屏幕閱讀使用字體的主力，根據(jù)字體不同的形態(tài)和傳播媒介讓屏幕閱讀變得更具響應(yīng)性和可讀性，另一方面也帶來更好的沉浸式閱讀體驗(yàn)。與紙張閱讀相比，電子屏幕閱讀為字體應(yīng)用的呈現(xiàn)形式提供了更多的可實(shí)施性，同時(shí)隨著編程越來越智能，從字體的批量定制到交互文字設(shè)計(jì)，它們都開拓了字體設(shè)計(jì)源源不斷的創(chuàng)新用法，并以一種更具藝術(shù)性的呈現(xiàn)方式探索字體應(yīng)用的新領(lǐng)域，帶給用戶更佳的沉浸式閱讀體驗(yàn)。

5.社交型閱讀趨勢

古人云：“唯甘于孤獨(dú)者，始能讀書。”閱讀是一種冷靜的、私人的、保持獨(dú)立和理性思考的行為。在過去社交與閱讀是對(duì)立存在的，社交是你來我往的相互交流，是熱鬧的、互動(dòng)的。傳統(tǒng)的閱讀方式限制了在閱讀過程中產(chǎn)生情感交流的可能性與多樣性。電子閱讀工具打破了個(gè)人閱讀行為的時(shí)空界限，提供了人與人之間因讀書而相互溝通的機(jī)會(huì)。閱讀行為不再屬于和人行為，而是演變成為一種人與人以及人與社會(huì)之間的互動(dòng)行為。

例如基于微信平臺(tái)支持的微信閱讀，代表的是一種“閱讀＋社交”新的閱讀模式?？梢噪S時(shí)查看朋友圈的讀書排行榜，可以看到朋友點(diǎn)贊或者正在看的內(nèi)容，以及朋友對(duì)書的想法。這種社交激勵(lì)機(jī)制讓閱讀變得具有互動(dòng)性和趣味性，同時(shí)也會(huì)讓一部分用戶更有閱讀的動(dòng)力。除了熟人社交模式的閱讀體驗(yàn)，還提供了陌生人社交模式，在記錄閱讀筆記時(shí)可以選擇公開或者隱藏。如果選擇公開，那么陌生人在閱讀到同一章節(jié)時(shí)就會(huì)看到該筆記，同時(shí)還可以點(diǎn)在讀或者回復(fù)，讓有思想共鳴的人可以相互討論，獲得心理認(rèn)同，其社交式屬性尤為明顯。閱讀與社交的融合，降低了社交成本，擴(kuò)大了讀者的社交范圍。

6.結(jié)語

如今不斷進(jìn)步的電子顯示技術(shù)擴(kuò)展了屏幕閱讀的形式與功能，人們閱讀的時(shí)間也越來越少，接受信息的程度也越來越碎片化。當(dāng)閱讀目標(biāo)群體的“受眾”變成“用戶”，其呈現(xiàn)出閱讀的特征也與實(shí)體書時(shí)代截然不同，具有時(shí)間零碎化、場景多元化、喜好圖片化、視頻化以及信息獲取多渠道化等特點(diǎn)。與實(shí)體書相比，電子閱讀工具具有攜帶方便、不占空間、購買成本低等優(yōu)勢。數(shù)字媒介的存在，擴(kuò)展了閱讀的邊界，當(dāng)電子閱讀工具已經(jīng)不再僅僅滿足“讀”的功能，提供了多元化多維度的閱讀體驗(yàn)，滿足用戶的個(gè)性化需求，就會(huì)讓知識(shí)更具流動(dòng)性與延展性，讓閱讀成為人們溝通的橋梁。

注釋：

[1]盧卡斯?馬西斯：《親愛的界面：讓用戶樂于使用、愛不釋手》，王軍鋒等譯，北京：人民郵電出版社，2012年，第15-17頁。

[2]杰西·詹姆斯·加勒特：《用戶體驗(yàn)要素——以用戶為中心的產(chǎn)品設(shè)計(jì)》，范曉燕譯，北京：機(jī)械工業(yè)出版社，2019年，第120-123頁。

[3]杰西·詹姆斯·加勒特：《用戶體驗(yàn)要素——以用戶為中心的產(chǎn)品設(shè)計(jì)》，范曉燕譯，第120-123 頁。

[4]塞弗：《交互設(shè)計(jì)指南》，陳軍亮等譯，北京：機(jī)械工業(yè)出版社，2012年，第29-30頁。

[5]拉斯基：《人本界面：交互式系統(tǒng)設(shè)計(jì)》，史元春譯，北京：機(jī)械工業(yè)出版社，2011年，83-84頁。

[6]三度出版有限公司：《屏幕時(shí)代的字體設(shè)計(jì)》，武漢：華中科技大學(xué)出版社，2020年。