自適應(yīng)設(shè)計(jì)與圖書(shū)館移動(dòng)服務(wù)建設(shè)

付躍安

與傳統(tǒng)電腦(含臺(tái)式電腦和手提電腦)不同，移動(dòng)設(shè)備的類型具有多樣化的特點(diǎn)，如各種尺寸的手機(jī)、平板電腦等，使用的技術(shù)也多種多樣，如采用視網(wǎng)膜屏幕的iPad、iPad mini、Kindle Fire、Kindle Fire HD、4 寸屏智能手機(jī)如iPhone 5、5 寸屏智能手機(jī)如三星Galaxy Note 等，且變化帶有不可預(yù)測(cè)性。適用于傳統(tǒng)電腦的網(wǎng)站和程序未必適用于手機(jī)，適用于手機(jī)的網(wǎng)站和程序未必適用于平板電腦。為了使用戶擁有良好的使用體驗(yàn)，也為了充分利用設(shè)備性能，一些公司除了分別開(kāi)發(fā)針對(duì)傳統(tǒng)電腦和手機(jī)的網(wǎng)站、程序外，還開(kāi)發(fā)了應(yīng)用于平板電腦的網(wǎng)站和程序。這給開(kāi)發(fā)者的財(cái)力、物力和人力造成了壓力。網(wǎng)絡(luò)標(biāo)準(zhǔn)專家Jeffrey Zeldman 認(rèn)為這是一場(chǎng)“標(biāo)準(zhǔn)噩夢(mèng)”，“為所有設(shè)備都設(shè)計(jì)精彩的界面，從沒(méi)有像現(xiàn)在這么令人困惑和富有挑戰(zhàn)”[1]。于是，以一種平臺(tái)應(yīng)用于多種設(shè)備的設(shè)計(jì)——自適應(yīng)設(shè)計(jì)被提出來(lái)，引起了IT 界的重視。

1 自適應(yīng)設(shè)計(jì)概述

自適應(yīng)設(shè)計(jì)(Responsive Design)也被稱為響應(yīng)式設(shè)計(jì)，是一位名叫Ethan Marcotte 的網(wǎng)站設(shè)計(jì)師在2010 年的一篇文章中提出來(lái)的[2]。在此之前，網(wǎng)站設(shè)計(jì)采用的是一種稱為固定像素的設(shè)計(jì)模式，沒(méi)有考慮到瀏覽器和屏幕尺寸的變化，當(dāng)網(wǎng)頁(yè)大于視窗時(shí)，頁(yè)面或者被壓縮到整個(gè)窗口中，或者被用戶放大，但只能看到頁(yè)面局部。運(yùn)用自適應(yīng)設(shè)計(jì)的網(wǎng)頁(yè)和程序能根據(jù)屏幕尺寸和設(shè)備類型，在保證可讀、可用的情況下，實(shí)現(xiàn)自我調(diào)整，達(dá)到條件相同，體驗(yàn)相同；條件不同，體驗(yàn)可替代的目的。隨著CSS3 與HTML5 的推出，自適應(yīng)設(shè)計(jì)開(kāi)始受到關(guān)注。自適應(yīng)主要通過(guò)流式布局、彈性字體、媒體查詢、彈性圖片等技術(shù)實(shí)現(xiàn)。設(shè)計(jì)人員通常設(shè)置幾個(gè)屏幕臨界值——斷點(diǎn)，這些斷點(diǎn)被認(rèn)為是體驗(yàn)發(fā)生變化的關(guān)鍵點(diǎn)，由媒體查詢檢測(cè)用戶的設(shè)備獲得，系統(tǒng)借此應(yīng)用不同的CSS樣式。目前，已開(kāi)發(fā)出了用于自適應(yīng)設(shè)計(jì)的CSS架構(gòu)，如Base、Foundation、Titan、Bootstrap等[3]，CMS 系統(tǒng)Word Press、Drupal 也能對(duì)自適應(yīng)提供支持，另外還出現(xiàn)了自適應(yīng)建設(shè)工具，如“快速自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”(Really Quick Responsive Web Design)與“自適應(yīng)計(jì)算器”(The Responsive Calculator)均可以協(xié)助設(shè)計(jì)人員快速計(jì)算頁(yè)面各元素的百分比。

自適應(yīng)不止是一種技術(shù)，更是一種理念。從系統(tǒng)建設(shè)的角度講，它強(qiáng)調(diào)系統(tǒng)的可重用，即同一平臺(tái)可以在多種環(huán)境中應(yīng)用，而不是針對(duì)每一種環(huán)境設(shè)計(jì)獨(dú)立平臺(tái)。有些網(wǎng)站有多個(gè)版本，用戶在使用移動(dòng)設(shè)備訪問(wèn)時(shí)，系統(tǒng)能探測(cè)到用戶的設(shè)備并將用戶定向到移動(dòng)網(wǎng)站，這不屬于自適應(yīng)，因?yàn)樗鼪](méi)有實(shí)現(xiàn)同一平臺(tái)的重用。從用戶的角度講，自適應(yīng)強(qiáng)調(diào)不論用戶使用何種設(shè)備，在何種環(huán)境中訪問(wèn)，均能獲得所有的信息和功能，并保證一定的使用體驗(yàn)[4]。在自適應(yīng)產(chǎn)生之前，人們?cè)貌煌拍畋磉_(dá)這一理念。早在30 年前，著名計(jì)算機(jī)專家Alan J.Perlis 就說(shuō)過(guò)：“在一個(gè)數(shù)據(jù)結(jié)構(gòu)上運(yùn)行100種功能好過(guò)在10 種數(shù)據(jù)結(jié)構(gòu)上運(yùn)行10 種功能?！盵5]世界萬(wàn)維網(wǎng)聯(lián)盟(W3C)于2008 年起草了研究報(bào)告《萬(wàn)維網(wǎng)聯(lián)盟移動(dòng)友好基礎(chǔ)測(cè)試1.0》(W3C MobileOK Basic Tests 1.0)，并推出了在線檢測(cè)工具M(jìn)obileOK Checker，用以檢測(cè)一個(gè)網(wǎng)站的移動(dòng)友好性，盡管W3C 沒(méi)有說(shuō)明它是用來(lái)檢測(cè)Web 網(wǎng)站還是移動(dòng)網(wǎng)站，但國(guó)外不少學(xué)者都將其作為對(duì)Web 網(wǎng)站的移動(dòng)友好進(jìn)行檢測(cè)的工具。另外，也有人提出了可調(diào)適設(shè)計(jì)(Adaptive Design)的概念，基本思路類似。

2 自適應(yīng)與圖書(shū)館移動(dòng)服務(wù)

對(duì)圖書(shū)館來(lái)講，自適應(yīng)設(shè)計(jì)的價(jià)值在于可以節(jié)約系統(tǒng)開(kāi)發(fā)成本和維護(hù)壓力。就網(wǎng)站建設(shè)而言，圖書(shū)館至少要開(kāi)發(fā)和維護(hù)兩個(gè)網(wǎng)站：Web版和移動(dòng)版，為了使持有平板電腦的用戶也能獲得良好的使用體驗(yàn)，圖書(shū)館也可以像企業(yè)那樣開(kāi)發(fā)平板網(wǎng)站。然而，作為公益性機(jī)構(gòu)，圖書(shū)館很難有足夠的經(jīng)費(fèi)和人力保障用戶的這種精細(xì)體驗(yàn)。根據(jù)國(guó)內(nèi)學(xué)者調(diào)查，目前國(guó)內(nèi)只有少量圖書(shū)館有能力建設(shè)移動(dòng)網(wǎng)站，而能夠建設(shè)移動(dòng)客戶端的圖書(shū)館更少，因此經(jīng)費(fèi)是制約圖書(shū)館移動(dòng)服務(wù)的重要因素。采用自適應(yīng)技術(shù)，使圖書(shū)館服務(wù)平臺(tái)只需要一次建設(shè)，就可以應(yīng)用于多種環(huán)境和不同設(shè)備，能有效降低移動(dòng)服務(wù)門(mén)檻，使更多的圖書(shū)館將自己的資源和服務(wù)推廣到移動(dòng)渠道中。這與圖書(shū)館對(duì)三網(wǎng)融合的訴求在理念上是一致的，在三網(wǎng)沒(méi)有融合的情況下，為了實(shí)現(xiàn)多通道服務(wù)，圖書(shū)館不得不建設(shè)一個(gè)個(gè)專有業(yè)務(wù)系統(tǒng)[6]，而在三網(wǎng)融合之后，圖書(shū)館就可以以一個(gè)業(yè)務(wù)系統(tǒng)提供多通道服務(wù)。從這個(gè)意義上講，自適應(yīng)平臺(tái)是繼圖書(shū)館移動(dòng)服務(wù)的短信模式、WAP模式、客戶端模式之后的第四種模式。

對(duì)讀者來(lái)講，自適應(yīng)平臺(tái)的意義在于能方便讀者利用移動(dòng)設(shè)備訪問(wèn)Web 平臺(tái)，這種情況在現(xiàn)實(shí)中普遍存在。一方面，雖然移動(dòng)平臺(tái)的功能和內(nèi)容針對(duì)移動(dòng)用戶進(jìn)行了優(yōu)化設(shè)計(jì)，許多圖書(shū)館在設(shè)計(jì)之前都會(huì)對(duì)讀者進(jìn)行調(diào)查，設(shè)計(jì)之后請(qǐng)讀者測(cè)試，但是一個(gè)不容置疑的事實(shí)是，移動(dòng)平臺(tái)提供的內(nèi)容和服務(wù)是有限的，當(dāng)讀者對(duì)移動(dòng)平臺(tái)上未提供的信息和服務(wù)產(chǎn)生了需求時(shí)，只能通過(guò)Web 平臺(tái)獲得。隨著移動(dòng)終端性能改善和高速網(wǎng)絡(luò)的出現(xiàn)，讀者對(duì)移動(dòng)應(yīng)用的要求越來(lái)越高，近年來(lái)圖書(shū)館移動(dòng)網(wǎng)站中不斷增加功能，致使Web 平臺(tái)與移動(dòng)平臺(tái)的界限開(kāi)始模糊[7]；另一方面，存在著只有移動(dòng)設(shè)備使用的場(chǎng)合，這包括兩種情況：一是在移動(dòng)環(huán)境中，讀者沒(méi)有電腦可用；二是對(duì)部分弱勢(shì)群體來(lái)說(shuō)，移動(dòng)設(shè)備或許是他們?cè)L問(wèn)圖書(shū)館網(wǎng)站的唯一媒介。通過(guò)世界銀行提供的統(tǒng)計(jì)數(shù)據(jù)(2011 年)可知，隨著人均國(guó)民生產(chǎn)總值的降低，每百人互聯(lián)網(wǎng)用戶數(shù)和每百人移動(dòng)蜂窩用戶數(shù)均呈下降趨勢(shì)，但前者下降的幅度大于后者。例如，南非的每百人互聯(lián)網(wǎng)用戶數(shù)是世界水平的64%，每百人移動(dòng)蜂窩用戶數(shù)超過(guò)世界平均水平；盡管印度每百人互聯(lián)網(wǎng)用戶數(shù)只有全球水平的31%，但每百人移動(dòng)蜂窩用戶數(shù)是全球水平的84%；既使人均國(guó)民生產(chǎn)總值只有全球水平5%的阿富汗，每百人移動(dòng)蜂窩用戶數(shù)也達(dá)到了全球水平的63%[8]。因此，經(jīng)濟(jì)水平對(duì)移動(dòng)接入的影響較小，弱勢(shì)群體可能沒(méi)有電腦，但可能擁有可聯(lián)網(wǎng)移動(dòng)的設(shè)備。PEW在研究報(bào)告中也認(rèn)為：“傳統(tǒng)上在基礎(chǔ)互聯(lián)網(wǎng)接入鴻溝另一側(cè)的群體現(xiàn)在開(kāi)始使用無(wú)線上網(wǎng)。在智能手機(jī)用戶中，年輕人、少數(shù)族群、沒(méi)有讀過(guò)大學(xué)的人以及低收入階層要比其他人群更傾向于認(rèn)為手機(jī)是他們?cè)L問(wèn)互聯(lián)網(wǎng)的主要工具”[9]。

目前國(guó)外已有一些圖書(shū)館網(wǎng)站采用了自適應(yīng)設(shè)計(jì)，Eric Rumsey 在博客中列舉了34 個(gè)使用這一設(shè)計(jì)的圖書(shū)館網(wǎng)站，高校圖書(shū)館占有較大比例，其中包括一些知名大學(xué)，如密歇根州立大學(xué)、弗吉尼亞大學(xué)、耶魯大學(xué)、牛津大學(xué)等，于2013 年啟動(dòng)的美國(guó)數(shù)字公共圖書(shū)館(Digital Public Library of America)也采用了自適應(yīng)設(shè)計(jì)[10]。經(jīng)試用發(fā)現(xiàn)，這些圖書(shū)館主要是對(duì)網(wǎng)站自身進(jìn)行了自適應(yīng)設(shè)計(jì)，在調(diào)用應(yīng)用程序或鏈接到鏡像站、第三方平臺(tái)時(shí)，多數(shù)無(wú)法實(shí)現(xiàn)自適應(yīng)，例如對(duì)于書(shū)目檢索，許多網(wǎng)站都對(duì)主頁(yè)的檢索界面進(jìn)行了自適應(yīng)設(shè)計(jì)，但在查看檢索結(jié)果時(shí)，除個(gè)別網(wǎng)站如美國(guó)數(shù)字公共圖書(shū)館外，基本不能提供自適應(yīng)。筆者運(yùn)用自適應(yīng)網(wǎng)絡(luò)設(shè)計(jì)測(cè)試工具(Responsive Web Design Testing Tool，http：//mattkersley.com/responsive/)對(duì)國(guó)內(nèi)省級(jí)公共圖書(shū)館和“985 工程”高校圖書(shū)館的網(wǎng)站進(jìn)行了檢測(cè)，發(fā)現(xiàn)均沒(méi)有采用自適應(yīng)設(shè)計(jì)，只有“國(guó)立”臺(tái)灣圖書(shū)館網(wǎng)站的主導(dǎo)航可以實(shí)現(xiàn)流式布局，其他仍然是固定模式。

實(shí)現(xiàn)圖書(shū)館網(wǎng)站的自適應(yīng)，難點(diǎn)在于如何使同一平臺(tái)在不同設(shè)備和應(yīng)用環(huán)境中均保持可用和易用，即Bohyun Kim 所說(shuō)的如何使在電腦上顯示內(nèi)容和功能的適當(dāng)方式也適用于在移動(dòng)情境下傳遞內(nèi)容和功能[11]。正是認(rèn)識(shí)到電腦與移動(dòng)設(shè)備在應(yīng)用方面的差異，人們才建立了獨(dú)立的移動(dòng)網(wǎng)站和客戶端，但在自適應(yīng)設(shè)計(jì)中，這一問(wèn)題無(wú)法回避。由于電腦和移動(dòng)設(shè)備在性能、顯示和交互上的不同，僅僅實(shí)現(xiàn)內(nèi)容的重新布局遠(yuǎn)遠(yuǎn)不能解決這一問(wèn)題。以Sacramento公共圖書(shū)館網(wǎng)站和Mc Gill 大學(xué)生命科學(xué)圖書(shū)館網(wǎng)站為例，在小屏幕設(shè)備上，系統(tǒng)只是對(duì)原Web網(wǎng)站的信息、圖標(biāo)、圖片和交互元素進(jìn)行了重新排列，沒(méi)有做任何優(yōu)化處理，導(dǎo)致移動(dòng)頁(yè)面的信息擁擠不堪，頁(yè)面被拉得很長(zhǎng)，這顯然不利于讀者使用。同時(shí)，移動(dòng)環(huán)境中用戶對(duì)信息和功能的應(yīng)用不同于Web 環(huán)境，對(duì)平臺(tái)的要求也不一樣。在這種情況下，將平臺(tái)從Web 應(yīng)用過(guò)渡到移動(dòng)應(yīng)用就應(yīng)考慮采取優(yōu)化措施，這也是設(shè)立屏幕斷點(diǎn)，應(yīng)用不同CSS 樣式的原因之一。

3 圖書(shū)館網(wǎng)站自適應(yīng)優(yōu)化策略

優(yōu)化的目的是使應(yīng)用于電腦的平臺(tái)以適合于移動(dòng)設(shè)備和移動(dòng)環(huán)境的方式為用戶提供服務(wù)，讀者不僅可以獲得大部分信息和功能，而且能擁有良好的使用體驗(yàn)。本文根據(jù)圖書(shū)館業(yè)務(wù)特點(diǎn)，提出了5 種圖書(shū)館網(wǎng)站由Web 到移動(dòng)的自適應(yīng)優(yōu)化策略。

3.1 實(shí)現(xiàn)界面的逐步簡(jiǎn)潔

在信息系統(tǒng)設(shè)計(jì)中，簡(jiǎn)潔是一項(xiàng)重要設(shè)計(jì)原則，大量可用性理論都強(qiáng)調(diào)保持界面和交互功能的簡(jiǎn)潔，“少即是多”是設(shè)計(jì)領(lǐng)域?qū)?jiǎn)潔原則的傳統(tǒng)概括。簡(jiǎn)潔由于考慮到了人們的認(rèn)知特點(diǎn)而易于為人們所接受。從傳統(tǒng)電腦到平板電腦，再到手機(jī)，屏幕逐漸減小，可容納的信息量也逐漸減少，在PC 屏幕上感覺(jué)簡(jiǎn)潔的頁(yè)面在移動(dòng)屏幕上未必會(huì)感到簡(jiǎn)潔，因此從Web 應(yīng)用到移動(dòng)應(yīng)用，系統(tǒng)應(yīng)能對(duì)界面不斷重組，通過(guò)逐步簡(jiǎn)潔的方式適應(yīng)用戶的認(rèn)知和操作需求。逐步簡(jiǎn)潔是自適應(yīng)網(wǎng)站最基本的優(yōu)化策略，它采取重新布局、隱藏、壓縮和再組織等措施，實(shí)現(xiàn)界面的可用和易用。就整個(gè)界面而言，傳統(tǒng)電腦中顯示的網(wǎng)站可能是三欄架構(gòu)，但在平板電腦上顯示的網(wǎng)站可能變?yōu)閮蓹?，而在手機(jī)上則調(diào)整為一欄。對(duì)于頁(yè)面中的具體元素，需要根據(jù)元素類別和重要性采取靈活的簡(jiǎn)潔措施。在美國(guó)數(shù)字公共圖書(shū)館網(wǎng)站上，主導(dǎo)航有6 個(gè)選項(xiàng)，頁(yè)面頂部也有一個(gè)8 個(gè)選項(xiàng)的快捷導(dǎo)航，但在移動(dòng)屏幕上，這兩列導(dǎo)航被壓縮成了一個(gè)紅色按鈕，點(diǎn)擊之后導(dǎo)航選項(xiàng)展開(kāi)，再次點(diǎn)擊收回。雖然賓夕法尼亞州立大學(xué)圖書(shū)館沒(méi)有對(duì)頁(yè)面中部的5 個(gè)導(dǎo)航選項(xiàng)進(jìn)行壓縮，但在電腦中顯示的導(dǎo)航子欄目在移動(dòng)屏幕中被隱藏。在Notre Dame Hesburgh 大學(xué)圖書(shū)館的一站式檢索中，隨著屏幕的縮小，檢索選項(xiàng)、幫助鏈接等不再顯示，僅留下一個(gè)檢索框與檢索按鈕。雖然簡(jiǎn)潔是自適應(yīng)優(yōu)化的一個(gè)基本策略，但簡(jiǎn)潔并不代表著簡(jiǎn)化，大部分功能對(duì)讀者來(lái)講都應(yīng)該是可獲取的，盡管獲取的過(guò)程沒(méi)有桌面網(wǎng)站方便和直接。

3.2 保留和凸顯重點(diǎn)內(nèi)容

通過(guò)對(duì)圖書(shū)館網(wǎng)站的使用統(tǒng)計(jì)可以發(fā)現(xiàn)，讀者對(duì)不同信息、功能的使用率是不一樣的，相對(duì)來(lái)講，使用率高的信息和功能對(duì)讀者比較重要，同時(shí)，在桌面環(huán)境和移動(dòng)環(huán)境中，讀者也存在著不同的使用傾向。在逐步簡(jiǎn)潔的過(guò)程中，哪些信息和功能需要被隱藏或被保留，不是隨意決定的。一般情況下，應(yīng)將對(duì)讀者重要和使用率高的信息和功能保留下來(lái)，而不太重要的信息和功能則通過(guò)導(dǎo)航方式逐級(jí)呈現(xiàn)。在耶魯大學(xué)圖書(shū)館網(wǎng)站中部由左至右分布著3 個(gè)區(qū)域：研究資源區(qū)、服務(wù)區(qū)與開(kāi)放時(shí)間區(qū)，隨著屏幕縮小，研究資源區(qū)和服務(wù)區(qū)不再顯示，僅保留開(kāi)放時(shí)間區(qū)，考慮到可用性研究中關(guān)于從左至右顯著性依次減弱的觀點(diǎn)，這一優(yōu)化可以看作是設(shè)計(jì)人員對(duì)桌面用戶與移動(dòng)用戶在網(wǎng)站使用差異上的考慮。在一些非圖書(shū)館網(wǎng)站的優(yōu)化中，某些信息在PC 屏幕上顯示，但在移動(dòng)屏幕上被隱藏；而另一些信息則相反，在移動(dòng)屏幕上顯示，但在PC 屏幕上被隱藏，這也體現(xiàn)了設(shè)計(jì)人員對(duì)用戶在兩種環(huán)境中需求差異的分析。

與傳統(tǒng)電腦相比，用戶與移動(dòng)設(shè)備的交互要困難得多。有人對(duì)比了正常用戶與肢殘用戶的輸入錯(cuò)誤，發(fā)現(xiàn)正常用戶在使用移動(dòng)設(shè)備時(shí)出現(xiàn)的錯(cuò)誤與肢殘用戶在使用電腦時(shí)出現(xiàn)的錯(cuò)誤不相上下[12]，盡管近年來(lái)移動(dòng)設(shè)備的性能有較大改善，但交互困難的事實(shí)基本上沒(méi)有改變。在這種情況下，從傳統(tǒng)電腦到移動(dòng)設(shè)備，宜將對(duì)用戶重要的信息和功能放在移動(dòng)設(shè)備上容易獲得和操作的地方，而不必完全遵從從左至右、從上至下的順序調(diào)適，各元素之間的位置完全可以根據(jù)需要重新布局。在Richland 圖書(shū)館主頁(yè)頂部，自左至右分別排列著“我的賬戶”(My Account)與“我如何…”(How Do I…)兩個(gè)按鈕，但在小屏幕上，后者位于前者之上，而不是習(xí)慣性地將右側(cè)項(xiàng)目居于左側(cè)項(xiàng)目之下。隨著賓夕法尼亞州立大學(xué)圖書(shū)館主頁(yè)的檢索區(qū)在小屏幕上被下移，為了方便讀者使用，圖書(shū)館在頁(yè)面頂部設(shè)置了一個(gè)“搜索”按鈕，點(diǎn)擊之后頁(yè)面快速移動(dòng)到檢索區(qū)，并默認(rèn)點(diǎn)選搜索框，讀者可直接輸入檢索詞。

3.3 對(duì)交互過(guò)程進(jìn)行優(yōu)化

傳統(tǒng)電腦與移動(dòng)設(shè)備在交互上存在著差異，一個(gè)關(guān)鍵的不同是移動(dòng)設(shè)備沒(méi)有鼠標(biāo)，主要通過(guò)手指觸摸或感應(yīng)筆點(diǎn)選的方式操作。因此，網(wǎng)站中借助鼠標(biāo)實(shí)現(xiàn)的功能在應(yīng)用到移動(dòng)設(shè)備上時(shí)，應(yīng)以移動(dòng)設(shè)備可執(zhí)行的方式調(diào)整。鼠標(biāo)與觸摸的一個(gè)不同就是鼠標(biāo)有停留功能，一些自適應(yīng)系統(tǒng)將PC 屏幕上的鼠標(biāo)停留功能變成了移動(dòng)屏幕上的點(diǎn)擊功能，并相應(yīng)調(diào)整了頁(yè)面順序。Notre Dame Hesburgh 大學(xué)圖書(shū)館將網(wǎng)站上提供鼠標(biāo)停留功能的主導(dǎo)航在移動(dòng)屏幕上凝縮成一個(gè)類似檢索框的下拉菜單，稱為“選擇頁(yè)面”(Select a page)，點(diǎn)擊該框，網(wǎng)站以對(duì)話框的方式顯示一、二級(jí)欄目，GrandValley 大學(xué)圖書(shū)館則采用了點(diǎn)擊導(dǎo)航后重新打開(kāi)一個(gè)頁(yè)面的方式容納鼠標(biāo)停留功能所顯示的信息。

雖然某些任務(wù)在傳統(tǒng)電腦與移動(dòng)設(shè)備上均能執(zhí)行，但由于屏幕大小、設(shè)備性能等的差異，在從Web 應(yīng)用過(guò)渡到移動(dòng)應(yīng)用時(shí)，一些網(wǎng)站也進(jìn)行了適應(yīng)性調(diào)整，使用戶更易于操作。Alvin Sherman 圖書(shū)館主頁(yè)有1 個(gè)組合了5 個(gè)數(shù)據(jù)來(lái)源的檢索區(qū)域(圖書(shū)館目錄、論文、雜志、教輔、Google 學(xué)術(shù)搜索)，使用統(tǒng)一的檢索框和檢索按鈕，但在移動(dòng)屏幕上，1 個(gè)檢索變成了5 個(gè)檢索，分別提供檢索框和檢索按鈕。美國(guó)數(shù)字公共圖書(shū)館檢索結(jié)果的細(xì)化區(qū)和結(jié)果區(qū)在PC 屏幕上位于一個(gè)頁(yè)面，讀者在細(xì)化區(qū)的篩選條件設(shè)定可同步在結(jié)果區(qū)反映，而在移動(dòng)屏幕上，細(xì)化區(qū)變成了按鈕，讀者點(diǎn)擊按鈕后進(jìn)入篩選條件頁(yè)，設(shè)定條件后再重新進(jìn)入結(jié)果頁(yè)。

3.4 降低系統(tǒng)性能

為了在電腦上達(dá)到良好的運(yùn)行和顯示效果，與純粹的移動(dòng)網(wǎng)站相比，自適應(yīng)網(wǎng)站擁有較大的容量，用戶通過(guò)移動(dòng)設(shè)備訪問(wèn)，雖然可以隱藏一些內(nèi)容，但一般來(lái)講幾乎所有的內(nèi)容和文件都要被下載到移動(dòng)設(shè)備中，導(dǎo)致下載速度變慢，影響系統(tǒng)運(yùn)行。網(wǎng)絡(luò)性能研究專家Guy Podjarny 曾對(duì)347 個(gè)自適應(yīng)網(wǎng)站進(jìn)行了測(cè)試，發(fā)現(xiàn)既使在最小的屏幕設(shè)備上，86%的網(wǎng)站都沒(méi)有采取降低性能的措施，意味著低性能終端需要與電腦執(zhí)行同樣的任務(wù)[13]。同時(shí)，服務(wù)器對(duì)來(lái)自移動(dòng)網(wǎng)絡(luò)請(qǐng)求的接受和執(zhí)行滯后期要大于來(lái)自有線網(wǎng)絡(luò)的請(qǐng)求，這也影響了頁(yè)面在移動(dòng)設(shè)備上的下載[14]。因此，當(dāng)網(wǎng)站需要在移動(dòng)設(shè)備上運(yùn)行時(shí)，系統(tǒng)要采取性能降低策略，以減小移動(dòng)網(wǎng)絡(luò)和移動(dòng)設(shè)備的負(fù)擔(dān)。Jeremy Keith 提出了“條件內(nèi)容下載”(Conditional Content Loading)的措施[15]，即根據(jù)設(shè)備不同提供相應(yīng)的內(nèi)容版本，一個(gè)稱為Filamentgroup的組織就利用JavaScript 來(lái)決定對(duì)于特定設(shè)備發(fā)送何種版本的圖像，但是該解決方案會(huì)增加建設(shè)者的壓力，有向開(kāi)發(fā)獨(dú)立的移動(dòng)平臺(tái)回歸的傾向。也有人提出了調(diào)適圖像(Adaptive Image)的措施，即根據(jù)設(shè)備類型和屏幕大小，系統(tǒng)自行創(chuàng)建和提供壓縮后的圖片[16]。除上述思路外，筆者認(rèn)為，還可以采用基于終端的性能調(diào)整策略，即由瀏覽器對(duì)網(wǎng)站內(nèi)容進(jìn)行過(guò)濾和有選擇的壓縮，國(guó)內(nèi)搜狗瀏覽器即具備一定的篩選功能。不過(guò)，不論采取何種措施，都要允許用戶能請(qǐng)求原始內(nèi)容。

3.5 實(shí)現(xiàn)應(yīng)用功能創(chuàng)新

當(dāng)前自適應(yīng)設(shè)計(jì)的基本思路是力圖使用戶借助移動(dòng)設(shè)備達(dá)到通過(guò)電腦使用網(wǎng)站和程序的效果，但移動(dòng)設(shè)備具有許多新型技術(shù)，如加速器、位置探測(cè)、重力感應(yīng)、觸摸技術(shù)、照/攝像功能等，系統(tǒng)建設(shè)者要考慮如何利用這些技術(shù)提供創(chuàng)新功能。以位置探測(cè)為例，當(dāng)用戶利用移動(dòng)設(shè)備在館內(nèi)查找OPAC 時(shí)，在保證相關(guān)度的情況下，對(duì)結(jié)果的排序可以優(yōu)先考慮基于位置，即將與讀者距離最近的書(shū)目顯示給讀者，并通過(guò)虛擬地圖或增強(qiáng)現(xiàn)實(shí)技術(shù)給讀者提供方位指引，目前臺(tái)灣已有圖書(shū)館嘗試這一技術(shù)。在多數(shù)圖書(shū)館網(wǎng)站上都有圖書(shū)推薦區(qū)，可以考慮在移動(dòng)設(shè)備上顯示一些與用戶所在位置相關(guān)的圖書(shū)資料，以提高圖書(shū)館服務(wù)的情境相關(guān)性。

4 結(jié)論

隨著信息終端類型的增多和屏幕的多樣化，為每一種設(shè)備和屏幕開(kāi)發(fā)專用平臺(tái)的壓力隨之增加，自適應(yīng)正是為了解決這一問(wèn)題提出的設(shè)計(jì)思路，它可以使網(wǎng)站和程序根據(jù)設(shè)備和屏幕尺寸的變化自我調(diào)適。就圖書(shū)館而言，它可以減輕圖書(shū)館開(kāi)發(fā)獨(dú)立移動(dòng)網(wǎng)站和客戶端的壓力；就使用者而言，它能使讀者在多種條件下獲得圖書(shū)館服務(wù)平臺(tái)提供的大部分信息和功能，并擁有良好的使用體驗(yàn)。自適應(yīng)的關(guān)鍵在于系統(tǒng)如何自我調(diào)適，即優(yōu)化，文章提出了5 種策略，分別是逐步簡(jiǎn)潔、重點(diǎn)凸顯、交互優(yōu)化、性能降低與功能創(chuàng)新。

自適應(yīng)系統(tǒng)的成功實(shí)施還需要處理好與圖書(shū)館已有業(yè)務(wù)系統(tǒng)的關(guān)系，實(shí)現(xiàn)協(xié)調(diào)發(fā)展。

一是處理好自適應(yīng)平臺(tái)和桌面平臺(tái)的關(guān)系。對(duì)于自適應(yīng)平臺(tái)，系統(tǒng)雖然能夠進(jìn)行自我調(diào)適，但卻無(wú)法使用戶返回到原有平臺(tái)。對(duì)于部分用戶來(lái)講，可預(yù)期要比可操作更為重要。在信息系統(tǒng)設(shè)計(jì)中，遵循用戶的思維模式即是指系統(tǒng)設(shè)計(jì)要符合用戶的思維、操作習(xí)慣和對(duì)系統(tǒng)的期待。如果用戶對(duì)于固定系統(tǒng)比較熟悉，他們清晰地知曉自己如何找到需要的信息，如何完成任務(wù)，系統(tǒng)就有必要在自適應(yīng)平臺(tái)中提供返回原有平臺(tái)的切換功能，因?yàn)榻缑婧凸δ芎翢o(wú)預(yù)期地突然改變會(huì)造成一些用戶使用上的困難。

二是處理好自適應(yīng)平臺(tái)與移動(dòng)平臺(tái)的關(guān)系。應(yīng)用自適應(yīng)系統(tǒng)的一個(gè)很自然的問(wèn)題就是圖書(shū)館有無(wú)必要再開(kāi)發(fā)獨(dú)立的移動(dòng)網(wǎng)站和客戶端。一般來(lái)講，如果圖書(shū)館的經(jīng)費(fèi)有限，可以考慮只建設(shè)一個(gè)自適應(yīng)網(wǎng)站，但是如果圖書(shū)館有條件建立獨(dú)立的移動(dòng)系統(tǒng)，可以保留移動(dòng)網(wǎng)站和客戶端，只是在后一種情況下，需要處理好自適應(yīng)平臺(tái)和移動(dòng)平臺(tái)之間的分工。可以考慮設(shè)計(jì)更為簡(jiǎn)潔的移動(dòng)平臺(tái)，使移動(dòng)平臺(tái)專注于移動(dòng)應(yīng)用中的核心任務(wù)。從賓夕法尼亞州立大學(xué)圖書(shū)館的移動(dòng)網(wǎng)站可以看出，由于Web 網(wǎng)站能夠自適應(yīng)，在移動(dòng)網(wǎng)站上提供了非常專注的功能，包括檢索、賬戶管理與移動(dòng)適配數(shù)據(jù)庫(kù)等移動(dòng)用戶頻繁使用的功能。

三是處理好與應(yīng)用軟件和第三方平臺(tái)的關(guān)系。如上所述，對(duì)于網(wǎng)站中調(diào)用的應(yīng)用程序和第三方平臺(tái)，圖書(shū)館由于缺乏有效控制而無(wú)法實(shí)現(xiàn)自適應(yīng)。在這種情況下，圖書(shū)館就要協(xié)調(diào)好與應(yīng)用軟件和第三方平臺(tái)的關(guān)系，通過(guò)宣傳自適應(yīng)的價(jià)值，爭(zhēng)取供應(yīng)商支持，以開(kāi)放接口或?qū)ο到y(tǒng)進(jìn)行技術(shù)改造等途徑，整體提升圖書(shū)館服務(wù)平臺(tái)的自適應(yīng)水平。

[1] 15 top web design and development trends for 2012[EB/OL].[2013- 12- 29]. www.netmagazine.com/ features/15- top- web- design- and- development- trends-2012.

[2] Ethan Marcotte. Responsive Web Design [J]. A List Apart，2010，May 25.

[3] Jeremy Snell. Flexible everything- Getting responsive with web design [J]. Computers in Libraries， 2013（4）：12- 16.

[4] JeffWisniewski. Responsive Design[J]. Online Searcher.2013 （1/ 2）：76- 76.

[5] Karen McGrane. Content strategy for mobile[M]. New York：A Book Apart，2012：53.

[6] 王芬林，吳曉. 數(shù)字圖書(shū)館發(fā)展研究[M]. 北京：國(guó)家圖書(shū)館出版社，2012：171.

[7] Karen McGrane.Content strategy for mobile[M]. New York：A Book Apart，2012：20- 22.

[8] World Bank Search[EB/OL].[2014- 01- 10]. http：/ /search.worldbank.org/ .

[9] Bohyun Kim.The LibraryMobile Experience：Practices and User Expectations[M]. U.S.A.：ALA TechSource，2013：15- 28.

[10] Eric Rumsey. Responsive Design Sites： Higher Ed，Libraries， Notables [EB/OL]. [2013- 12- 30]. http：/ / blog.lib.uiowa.edu/ hardinmd/ 2012/ 05/ 03/ responsivedesign- sites- higher- ed- libraries- notables/ .

[11] Bohyun.Kim. The library mobile experience：practices and user expectations[M]. U.S.A.：ALA TechSource，2013：29- 39.

[12] Chen ，T . （2008） . Input to the mobile web in situationally- impaired[C].In Proceedings of the 10th international ACM SIGACCESS conference on Computers and accessibility. Halifax， Nova Scotia，Canada：ACM. 13- 15，October 2008：303- 304.

[13] Guy Podjarny. Performance implications of responsive design- Book contribution [EB/OL]. [2014- 01- 05].http：/ /www.guypo.com/mobile/ performance- implicationsof- responsive- design- bo ok- contribution.

[14] Tammy Everts. How I learned that 3G mobile performance is up to 10X slower than throttled broadband service[J].Web Performance Today，October 26，2011.

[15] Jeremy Keith . Conditional Loading for responsive designs[J]. 24 Ways，December 2，2011.

[16] Kathryn Frederick. Responsive web design 101 [J].Computers in Libraries，2013 （7/ 8）：11- 14.