企業(yè)在線電子雜志用戶體驗(yàn)與輕量化設(shè)計(jì)初探

摘 要：在線電子雜志的輕量化，并不是要減少雜志應(yīng)有的內(nèi)容，也不是刻意去掉電子雜志的多媒體性和交互性，而是通過技術(shù)手段和設(shè)計(jì)手法，將電子雜志的用戶使用體驗(yàn)變得舉重若輕。本文從電子雜志在開發(fā)設(shè)計(jì)中存在的問題，探尋企業(yè)在線電子雜志用戶體驗(yàn)需求的關(guān)鍵——輕量化，進(jìn)而初步探討企業(yè)在線電子雜志用戶體驗(yàn)設(shè)計(jì)的輕量化之道。

關(guān)鍵詞：電子雜志；用戶體驗(yàn)；輕量化；網(wǎng)頁；沉浸式；響應(yīng)式；扁平化

在線電子雜志是隨著計(jì)算機(jī)多媒體技術(shù)和網(wǎng)絡(luò)技術(shù)的發(fā)展而興起的一種信息傳播形式。許多新媒體運(yùn)用電子雜志聚合特定信息進(jìn)行精準(zhǔn)傳播，許多傳統(tǒng)媒體借助電子雜志進(jìn)一步提高其影響力。而對(duì)于許多企業(yè)來說，在線電子雜志不失為在傳統(tǒng)媒體廣告宣傳和互聯(lián)網(wǎng)網(wǎng)站及網(wǎng)絡(luò)廣告之外的又一條塑造企業(yè)形象、傳播企業(yè)文化、提升企業(yè)影響力進(jìn)而強(qiáng)化品牌認(rèn)同、促進(jìn)銷售的有效途徑。

1 企業(yè)在線電子雜志用戶體驗(yàn)的需求

電子雜志發(fā)展至今，其設(shè)計(jì)的技術(shù)手段層出不窮，藝術(shù)表現(xiàn)多彩紛呈，媒體類型豐富多樣，加上閱讀方式的交互性以及傳播途徑的多維性，為電子雜志的感染力和傳播效果提供了無限的表現(xiàn)空間，這是傳統(tǒng)雜志所不具備的優(yōu)勢(shì)。

然而，現(xiàn)實(shí)往往不盡如人意，很多電子雜志的閱讀體驗(yàn)和傳播效果還不及傳統(tǒng)雜志。筆者認(rèn)為，這些電子雜志在開發(fā)設(shè)計(jì)上出現(xiàn)了以下問題：

①文件體積龐大，不適合在線實(shí)時(shí)閱讀，不利于廣泛、快捷的傳播。

②設(shè)備資源占用較大，使電子雜志閱讀設(shè)備不堪重負(fù)，閱讀體驗(yàn)不佳。

③媒體兼容性較差，導(dǎo)致在不同軟、硬件使用環(huán)境下的用戶體驗(yàn)差異。

④交互體驗(yàn)不友好，影響閱讀引導(dǎo)，造成閱讀干擾和交互操作的困擾。

⑤界面設(shè)計(jì)不美觀，以致缺乏視覺感染力或造成視覺疲勞。

⑥內(nèi)容針對(duì)性不強(qiáng)，不能抓住目標(biāo)讀者群的閱讀興趣或關(guān)注點(diǎn)。

這些問題形成，多數(shù)是因?yàn)殡娮与s志的開發(fā)、設(shè)計(jì)者，過于強(qiáng)調(diào)電子雜志對(duì)于傳統(tǒng)雜志的比較優(yōu)勢(shì)，運(yùn)用豐富多樣的技術(shù)手段、藝術(shù)手法、媒體類型和多維交互把電子雜志打造成無所不包、無所不能的富媒體，造成了用戶視聽和操作體驗(yàn)上的累贅、用戶閱讀注意力的分散、網(wǎng)絡(luò)傳輸?shù)倪t滯等不良用戶體驗(yàn)。因此，筆者認(rèn)為，目前有些在線電子雜志用戶體驗(yàn)問題源于一味地“富媒體化”。

企業(yè)的在線電子雜志，囿于其傳播內(nèi)容與受眾，一般缺乏類似于新聞?lì)悺⑽膴暑惢驅(qū)I(yè)類雜志內(nèi)容的豐富性、吸引力和忠誠度，要取得一定的傳播效果，需要靠短、平、快的敏捷傳播防止“怠慢”受眾和良好的用戶體驗(yàn)“留住”受眾。所以，筆者認(rèn)為，企業(yè)的在線電子雜志更應(yīng)避免一味地“富媒體化”，而是要“輕量化”。

2 企業(yè)在線電子雜志用戶體驗(yàn)設(shè)計(jì)的輕量化之道

在線電子雜志的輕量化，并不是要減少雜志應(yīng)有的內(nèi)容，也不是刻意去掉電子雜志的多媒體性和交互性，而是通過技術(shù)手段和設(shè)計(jì)手法，將電子雜志的用戶使用體驗(yàn)變得舉重若輕。

輕量化的在線電子雜志應(yīng)該易于分發(fā)、實(shí)時(shí)瀏覽，在使用操作上應(yīng)盡量減少用戶的額外負(fù)擔(dān)（比如運(yùn)行環(huán)境安裝、插件安裝、電子雜志本身的下載和安裝、操作學(xué)習(xí)等），在視覺體驗(yàn)上應(yīng)導(dǎo)航清晰、頁面簡(jiǎn)潔、專注內(nèi)容，避免視覺干擾和過多的跳轉(zhuǎn)鏈接帶來的節(jié)外生枝。

輕量化的在線電子雜志的設(shè)計(jì)，應(yīng)從以下幾個(gè)方面著手：

2.1 網(wǎng)頁化而非富媒體封裝

許多電子雜志過于強(qiáng)調(diào)多媒體的豐富性，且通過一定的編譯程序?qū)⑵浞庋b為一個(gè)文件，但往往文件體積龐大，這樣的電子雜志只適合通過物理存儲(chǔ)介質(zhì)存取、播放或下載后運(yùn)行，有些還需安裝運(yùn)行環(huán)境程序或插件，還可能需要學(xué)習(xí)使用方法，不適合在線實(shí)時(shí)閱讀，更不利于廣泛、快捷的傳播。

網(wǎng)頁化就是將電子雜志設(shè)計(jì)成網(wǎng)頁，閱讀電子雜志與瀏覽網(wǎng)頁并無二致，前臺(tái)的用戶操作與交互無須額外學(xué)習(xí)，輕松上手；而后臺(tái)則化整為零，實(shí)時(shí)調(diào)用或預(yù)加載的只是即時(shí)請(qǐng)求的（而不是全部的）內(nèi)容，讓使用者基本感覺不到在線傳輸?shù)臅r(shí)滯。網(wǎng)頁化是在線電子雜志輕量化的核心。

此外，隨著HTML5、CSS3標(biāo)準(zhǔn)的完善、確立和廣泛應(yīng)用，加上結(jié)合JavaScript的交互實(shí)現(xiàn)，網(wǎng)頁化的設(shè)計(jì)一樣可以做出許多富媒體形式（如Flash）的視覺樣式和交互效果而不會(huì)過多的增加文件體積和設(shè)備負(fù)擔(dān)。當(dāng)然，網(wǎng)頁化還可以實(shí)現(xiàn)以往需要Flash或編程才能實(shí)現(xiàn)的模擬傳統(tǒng)雜志的視覺效果和交互動(dòng)效。另外，網(wǎng)頁式的電子雜志也能實(shí)現(xiàn)離線閱讀。

2.2 適應(yīng)多種閱讀設(shè)備的響應(yīng)式設(shè)計(jì)

通過多媒體編程或基于flash技術(shù)實(shí)現(xiàn)的電子雜志，往往需要事先進(jìn)行程序安裝或插件安裝才能正常瀏覽，徒增設(shè)備資源負(fù)擔(dān)不說，有些設(shè)備、系統(tǒng)平臺(tái)和運(yùn)行環(huán)境還不一定支持，造成閱讀終端的適應(yīng)性和兼容性問題。而基于網(wǎng)頁的電子雜志，總體來說與軟硬件平臺(tái)無關(guān)，適應(yīng)性更廣，兼容性問題較小。因此，網(wǎng)頁化的電子雜志主要需解決的不是兼容性問題，而是前端界面與閱讀設(shè)備的顯示適配性的問題。主要解決途徑是以響應(yīng)式設(shè)計(jì)實(shí)現(xiàn)對(duì)不同屏幕尺寸和分辨率的自動(dòng)適應(yīng)，在不同設(shè)備上獲得適合設(shè)備的最佳閱讀體驗(yàn)。

2.3 沉浸式而非離散式的情景導(dǎo)引

有些電子雜志過于強(qiáng)調(diào)網(wǎng)絡(luò)媒體的優(yōu)勢(shì)，設(shè)置過多的動(dòng)效、交互事件和跳轉(zhuǎn)鏈接以及眾多拓展內(nèi)容，讀者的閱讀無法專注而變得離散，甚至被隨意導(dǎo)引至非主體內(nèi)容部分或外部網(wǎng)站，這帶來了用戶的閱讀困擾。而傳統(tǒng)的雜志、書籍往往更容易讓人沉浸其中而心無旁騖，靠的是從封面到扉頁、從目錄到章節(jié)的一步一步的情景導(dǎo)引。

因此，電子雜志既要借鑒傳統(tǒng)雜志、書籍設(shè)計(jì)的情景導(dǎo)引，又要發(fā)揮電子雜志的多媒體和交互優(yōu)勢(shì)，通過多種媒體的整合運(yùn)用，以情景構(gòu)設(shè)來營造沉浸式閱讀體驗(yàn)[1]，使閱讀告別困擾，能夠沉浸其中、專注內(nèi)容。

2.4 以可靠易用為主的簡(jiǎn)單交互設(shè)計(jì)

電子雜志的本質(zhì)功能是閱讀，可靠易用的交互設(shè)計(jì)使交互操作順暢，不易打斷閱讀進(jìn)程，能讓閱讀者獲得更流暢的沉浸式閱讀體驗(yàn)。可靠易用的交互設(shè)計(jì)的前提是運(yùn)用簡(jiǎn)單而成熟的交互實(shí)現(xiàn)方式，讓交互運(yùn)行可靠，讓交互操作易用。對(duì)于某個(gè)交互行為，要做到一次只做一件事，不要設(shè)計(jì)得太復(fù)雜，特別是不能讓用戶費(fèi)神費(fèi)時(shí)研究該怎么操作[2]，以“不要讓我思考”[3]為檢驗(yàn)簡(jiǎn)單性的原則。當(dāng)然，除了可靠易用的交互設(shè)計(jì)外，還應(yīng)注意感官上的舒適、情感上的友好、瀏覽中的吸引力等交互體驗(yàn)設(shè)計(jì)。

2.5 符號(hào)化、扁平化而非圖像化的界面設(shè)計(jì)

符號(hào)，本質(zhì)上是圖形，意義上是圖形化的“文字”，或者說是具有特定語義的圖形，一般作為界面上承載交互行為的元素存在。符號(hào)是對(duì)文字的象形化、對(duì)圖像的抽象化，以高度凝練的圖形表意，具有體積小、意義明確、視覺效果簡(jiǎn)潔的特點(diǎn)。而扁平化是將過去擬物、立體、質(zhì)感等圖像化的界面效果轉(zhuǎn)變?yōu)榉?hào)化、平面化、色塊化的效果。扁平化的界面設(shè)計(jì)具有簡(jiǎn)潔大方、占用資源少、響應(yīng)速度快、易于進(jìn)行響應(yīng)式設(shè)計(jì)等優(yōu)點(diǎn)，也是目前設(shè)計(jì)的流行趨勢(shì)。電子雜志的界面設(shè)計(jì)，也應(yīng)順應(yīng)這種潮流，采用符號(hào)化、扁平化而非擬物化、圖像化的界面設(shè)計(jì)。當(dāng)然，在實(shí)際運(yùn)用中要避免扁平化帶來的缺乏個(gè)性等同質(zhì)化問題，有必要根據(jù)電子雜志沉浸式體驗(yàn)的情景預(yù)設(shè)，決定是否采用扁平化或者采取怎樣的扁平化視覺表現(xiàn)手法。

當(dāng)然，企業(yè)電子雜志用戶體驗(yàn)設(shè)計(jì)的輕量化途徑或許還有很多，還需進(jìn)行更全面、深入的探索、研究。

參考文獻(xiàn)：

[1]顧群業(yè).創(chuàng)造沉浸式個(gè)性化的閱讀體驗(yàn)——電子雜志界面設(shè)計(jì)探討[J].藝術(shù)設(shè)計(jì)，2009.06：14.

[2]成駿.網(wǎng)頁設(shè)計(jì)美學(xué)與營銷傳播[J].美術(shù)教育研究，2013.2（上）：78.

[3][美]Steve Krug. 點(diǎn)石成金·訪客至上的網(wǎng)頁設(shè)計(jì)秘笈——Dont Make Me Think[M].北京：機(jī)械工業(yè)出版社，2006：8.