彭華明++田嘉慧++邱濤

摘要：針對(duì)市場(chǎng)上缺乏可以面向用戶、讓用戶可以在任意場(chǎng)所使用的檔案館移動(dòng)客戶端的問題，本文進(jìn)行了以用戶為中心的檔案館APP的交互設(shè)計(jì)。從用戶的角度出發(fā)，把復(fù)雜的架構(gòu)轉(zhuǎn)變?yōu)楹?jiǎn)單的層級(jí)關(guān)系，在對(duì)檔案館客戶端進(jìn)行需求分析后整理出“檔案目錄”、“專題成果”、“開放檔案”和“預(yù)約查詢”這四項(xiàng)功能，運(yùn)用認(rèn)知心理學(xué)、格式塔心理學(xué)、人機(jī)工程學(xué)以及符號(hào)學(xué)等原理對(duì)客戶端的界面進(jìn)行原型與視覺方面的交互設(shè)計(jì)，以期達(dá)到讓用戶可用、易用、想用的設(shè)計(jì)目的。

關(guān)鍵詞：檔案館；APP；交互設(shè)計(jì)；面向用戶

Abstract：This article focuses on the issue offew archiveapplications in the mobile applicationmarket .To solve this problem， an archive APP which is based on the user needs is designed.From the perspective of the user， we choose a simple hierarchy instead of the complex architecture of the archive system.There are four main functions in this APP， and the theoryofcognitive psychology， Gestalt psychology， ergonomics and semiotics was used in the process of the interaction design.The purpose of this paper is to meet the requirements of users by designing an archive APP.

Key words：Archive； APP，interaction design；User-oriented

1 引言

在信息爆炸的大數(shù)據(jù)時(shí)代的環(huán)境下，承載著社會(huì)發(fā)展與歷史記載的檔案也將進(jìn)行數(shù)字化、智能化與信息化的轉(zhuǎn)變等一系列機(jī)遇與挑戰(zhàn)。[1]

隨著智能手機(jī)的普及，網(wǎng)民也不再拘泥于傳統(tǒng)的坐在電腦前的方式來進(jìn)行上網(wǎng)，手機(jī)網(wǎng)民用戶日益增多，越來越多的人更愿意選擇移動(dòng)客戶端來進(jìn)行網(wǎng)上操作。與傳統(tǒng)的WAP手機(jī)網(wǎng)站相比，APP具有更好的集成性與個(gè)性化特點(diǎn)，更容易獲得固定用戶群。[2]檔案館的APP設(shè)計(jì)可以讓人們利用碎片化的時(shí)間，應(yīng)用手機(jī)方便地查找他們想要獲取的信息并了解他們不曾了解到的歷史。然而，我國(guó)手機(jī)軟件市場(chǎng)上很少有檔案館相關(guān)的APP，現(xiàn)存的僅有廣州市國(guó)家檔案館的APP，但這僅僅是個(gè)導(dǎo)覽式APP，主要為用戶提供場(chǎng)館概況、語音導(dǎo)覽、場(chǎng)館地圖和場(chǎng)館攻略等功能，用戶如果想獲取更多有用信息必須親身到館內(nèi)閱覽。

本文所進(jìn)行的檔案館APP設(shè)計(jì)是一種以用戶為中心的交互設(shè)計(jì)。交互設(shè)計(jì)是以人的需求為導(dǎo)向，以用戶為中心的設(shè)計(jì)。[3]對(duì)于檔案館的APP設(shè)計(jì)不能僅僅停留在“有用”的階段上，應(yīng)該運(yùn)用交互設(shè)計(jì)的方法，把APP設(shè)計(jì)為“可用”、“易用”并且“想用”的提升用戶體驗(yàn)的維度上。

面對(duì)檔案館這樣一個(gè)龐大的系統(tǒng)，它的網(wǎng)站內(nèi)容建設(shè)是長(zhǎng)期而浩大的工程，對(duì)于APP的設(shè)計(jì)也是同樣的。中山大學(xué)傳播與設(shè)計(jì)學(xué)院的梁廣寒老師就曾在《檔案館網(wǎng)站信息資源的組織模式》一文中提出將檔案內(nèi)容劃分為目錄、全文以及編研成果三個(gè)級(jí)別，并且將這三個(gè)級(jí)別的內(nèi)容分為三個(gè)步驟進(jìn)行網(wǎng)站的規(guī)劃。[4]本文就是基于“檔案目錄”、“各專題編研成果”和“開放的檔案原文”這三個(gè)級(jí)別來對(duì)APP功能進(jìn)行劃分并分區(qū)進(jìn)行設(shè)計(jì)。

2 本文涉及的方法與原理

2.1 文獻(xiàn)探討法：在瀏覽國(guó)內(nèi)外大量相關(guān)文獻(xiàn)基礎(chǔ)上，借鑒國(guó)外優(yōu)秀檔案館網(wǎng)站并將其優(yōu)點(diǎn)移植到本次檔案館的APP設(shè)計(jì)上。例如，美國(guó)國(guó)家檔案館網(wǎng)站就擁有鮮明的文化特色，它把時(shí)尚的形式與豐富的內(nèi)容綜合應(yīng)用，內(nèi)容涉及了美國(guó)歷史、政治、科技、文化、流行藝術(shù)等多方面元素，反映出其多元化、大眾化的文化特色。[5]本文的APP“專題成果”部分的設(shè)計(jì)就采用了多媒體交互的方式把中國(guó)的歷史與文化呈現(xiàn)在大眾面前，從而打破用戶提到檔案館時(shí)腦海中固定的沉悶、刻板的印象。

2.2 故事版法：故事版本指在動(dòng)畫或電影制作前期，將文字劇本轉(zhuǎn)換為敘述故事進(jìn)展的圖畫。在交互設(shè)計(jì)的領(lǐng)域里，可以應(yīng)用故事版的方法，設(shè)計(jì)一個(gè)用戶模型，并將其置于特定場(chǎng)景中。

交互設(shè)計(jì)的五個(gè)要素分別為：人，工具，動(dòng)作，目的，環(huán)境。在這里，我們將這五個(gè)要素造一個(gè)簡(jiǎn)單的句子：人/通過工具/完成動(dòng)作/達(dá)到目的/在環(huán)境里。因此，本文的故事版造句就是：讀者/通過檔案館客戶端/進(jìn)行操作/達(dá)到獲取信息的目的/在所有可能使用移動(dòng)設(shè)備的各種環(huán)境和場(chǎng)景中。[6]

例如檔案目錄功能上的故事版就是：

檔案目錄：用戶/在檔案目錄中/查找案卷級(jí)目錄/確定要查找檔案的位置/在所有可能使用移動(dòng)設(shè)備的各種環(huán)境和場(chǎng)景中。

2.3 運(yùn)用的原理：運(yùn)用認(rèn)知心理學(xué)與格式塔心理學(xué)原理、人機(jī)工程學(xué)以及符號(hào)學(xué)相關(guān)原理對(duì)界面元素進(jìn)行設(shè)計(jì)。

3 交互設(shè)計(jì)流程

3.1 用戶分析：本文采用了焦點(diǎn)小組以及深度訪談等方法對(duì)用戶進(jìn)行調(diào)研與分析，在獲得數(shù)據(jù)的基礎(chǔ)上建立用戶角色模型，年齡段分別為20歲以下，20歲～40歲，以及40歲以上三個(gè)階段，用戶的角色模型有學(xué)生、科研人員、檔案工作者以及其他社會(huì)人員，他們對(duì)檔案館APP的使用需求分別有研究學(xué)習(xí)、作為來源資料，以及個(gè)人興趣等。對(duì)用戶建模并建立故事版將其放入相應(yīng)場(chǎng)景中可以讓研究人員更好地理解用戶行為并進(jìn)行設(shè)計(jì)。

3.2 需求分析：本文的需求分析是建立在《檔案館網(wǎng)站信息資源的組織模式》這篇文章中提出的檔案館網(wǎng)站內(nèi)容建設(shè)的三個(gè)級(jí)別的基礎(chǔ)上，[4]把這三個(gè)級(jí)別轉(zhuǎn)化為檔案館APP設(shè)計(jì)的三個(gè)主要功能，并添加了輔助的預(yù)約查詢功能：

檔案目錄：這部分功能包括全宗級(jí)目錄、案卷級(jí)目錄、文件級(jí)目錄、本館編研成果目錄，這樣讀者在用APP確定了自己想要查詢的內(nèi)容后，可以提前預(yù)約并到館內(nèi)查詢?cè)搩?nèi)容的詳細(xì)信息。

專題成果：這部分功能是整理相關(guān)歷史或文化成不同主題的專題，由于其靈活性比較大，所以可以采用文字、圖片、音頻、視頻和虛擬場(chǎng)景漫游等豐富的多媒體手段來跟用戶進(jìn)行互動(dòng)，寓教于樂，可以吸引更多用戶使用本APP的同時(shí)對(duì)祖國(guó)的歷史文化有更深刻的認(rèn)識(shí)。

開放檔案：可以根據(jù)之前的檔案查詢情況，優(yōu)先開放一部分檔案原文，使用戶在客戶端上就可以隨時(shí)隨地查閱檔案原文。

預(yù)約查詢：為節(jié)省用戶等待時(shí)間，提高用戶體驗(yàn)，用戶可以隨時(shí)通過客戶端預(yù)約到館查詢時(shí)間從而省去高峰期排隊(duì)的煩惱。

3.3 界面原型圖設(shè)計(jì)：本次界面設(shè)計(jì)是以ios系統(tǒng)作為平臺(tái)的設(shè)計(jì)，制作原型圖的工具是Axure，它是一個(gè)快速的原型設(shè)計(jì)工具，它能快速高效地創(chuàng)建原型，使用起來非常容易操作。

圖1中心為首頁，左右兩側(cè)的四個(gè)頁面為二級(jí)頁面，首頁上有4個(gè)桌面導(dǎo)航的圖標(biāo)，點(diǎn)擊后可跳轉(zhuǎn)進(jìn)入相應(yīng)的頁面。

3.4 高保真原型圖設(shè)計(jì)：這部分的高保真原型使用的工具是AdobePhotoshop與Axure共同完成的。

整體設(shè)計(jì)風(fēng)格上：采用扁平化的界面設(shè)計(jì)風(fēng)格，它是一種極簡(jiǎn)的、抽象符號(hào)性的設(shè)計(jì)，去除冗余的裝飾性元素，讓用戶把注意力集中在信息上，更有利于信息的傳達(dá)。用戶在客戶端使用檔案館APP查閱資料時(shí)，不會(huì)被過于繁雜的視覺元素影響信息的獲取，而扁平化清爽的界面風(fēng)格也讓用戶打破檔案館原本刻板的印象，用戶可以在任何場(chǎng)景環(huán)境中使用客戶端獲取其所需信息，并輕松將注意力聚焦于信息中，為用戶帶來更好的體驗(yàn)。

顏色設(shè)計(jì)上：界面整體顏色為中性灰，橙色作為其強(qiáng)調(diào)色。低飽和度的色彩模式可以減少用戶在長(zhǎng)時(shí)間閱讀后的視疲勞。

控件設(shè)計(jì)上：根據(jù)格式塔心理學(xué)中相似性與接近性的原理，[7]將功能相似、外形接近的界面元素放在一起，組成控件。在點(diǎn)擊檔案館APP首頁上任何一個(gè)導(dǎo)航圖標(biāo)進(jìn)入下一界面后，該界面可劃分為三個(gè)區(qū)域，其中位于界面頂端的導(dǎo)航控制器與位于界面底端的操作欄在每一頁的位置都是固定的。導(dǎo)航控制器上“返回”按鈕負(fù)責(zé)返回上一層級(jí)界面，根據(jù)用戶操作習(xí)慣，它位于導(dǎo)航控制器的左側(cè)，點(diǎn)擊即可返回上一界面。導(dǎo)航控制器右側(cè)的“更多”按鈕點(diǎn)擊后用來展示本界面更多信息與操作。底端的操作欄分別是APP的四個(gè)功能，可以任意切換到不同功能上，使用戶清楚自己當(dāng)前所在位置并進(jìn)行相應(yīng)操作。用戶當(dāng)前所在位置對(duì)應(yīng)的圖標(biāo)變?yōu)槌壬?/p>

細(xì)節(jié)設(shè)計(jì)上：本次客戶端設(shè)計(jì)的重點(diǎn)聚焦在“專題成果”功能上，這一板塊可以很好地以專題的形式向大眾展示我國(guó)的歷史與文化的深度與廣度，利用圖文結(jié)合、音視頻結(jié)合以及虛擬場(chǎng)景漫游等多媒體手段給用戶帶來一場(chǎng)生動(dòng)的視聽享受。從認(rèn)知心理學(xué)的角度來說，相比于文字、圖形圖像以及音視頻更有利于人類感知和記憶。在圖標(biāo)的細(xì)節(jié)設(shè)計(jì)上，從觀察生活中的真實(shí)物體出發(fā)，從物體上提煉特征元素從而進(jìn)行符號(hào)化，做出代表該功能的圖標(biāo)。對(duì)于元素尺寸的細(xì)節(jié)設(shè)計(jì)問題，由于ios系統(tǒng)內(nèi)所有元素的尺寸和間距都必須是2的整數(shù)倍，[8]所以在界面整體設(shè)計(jì)上采用了12列的柵格化設(shè)計(jì)，從人機(jī)工程學(xué)的角度考慮，在移動(dòng)端的APP上的最小元素不可以小于44px×44px，這樣更利于手指操作，這些都是在細(xì)節(jié)設(shè)計(jì)上需要注意的問題。

圖3為專題成果功能的界面設(shè)計(jì)，點(diǎn)擊頂端右側(cè)的“更多”圖標(biāo)可選擇展示成果的不同模式，分別是：文字解說、圖文解說、音頻解說、視頻解說以及虛擬場(chǎng)景漫游，圖中所應(yīng)用的展示方法即是虛擬場(chǎng)景漫游（漫游場(chǎng)景為中國(guó)第二歷史檔案館，虛擬展廳效果），用戶可以通過觸摸屏幕來實(shí)現(xiàn)場(chǎng)景漫游操作。

4 結(jié)束語

作為一款針對(duì)檔案館客戶端的交互設(shè)計(jì)，本設(shè)計(jì)以用戶為中心，運(yùn)用相關(guān)方法與原理以及工具對(duì)檔案館客戶端進(jìn)行一、二級(jí)界面的設(shè)計(jì)。從用戶需求出發(fā)，在對(duì)APP的交互界面設(shè)計(jì)上主要考慮用戶操作場(chǎng)景，用戶在選擇使用客戶端而不是網(wǎng)站時(shí)主要因其使用場(chǎng)景不同，而客戶端相對(duì)于微信公眾號(hào)等服務(wù)平臺(tái)來說又有著更完善的功能，所以隨時(shí)隨地可以使用檔案館來獲得信息是用戶需求的重點(diǎn)。因此本次客戶端設(shè)計(jì)主要使界面層級(jí)清晰簡(jiǎn)潔，注重可用性與易用性。本次界面設(shè)計(jì)仍存在很多不足之處，接下來的研究將從認(rèn)知心理、人機(jī)工程以及社會(huì)學(xué)的角度出發(fā)，對(duì)界面進(jìn)行修改以及完善。

*本文為國(guó)家自然基金（編號(hào)：51105145）、廣東省教育部產(chǎn)學(xué)研項(xiàng)目（編號(hào)：2012B091100446）、廣東省創(chuàng)新方法與決策管理系統(tǒng)重點(diǎn)實(shí)驗(yàn)開題課題（編號(hào)：2011A060901001-05C）研究成果。

參考文獻(xiàn)：

[1]黃少芳，劉曉鴻，張俊芳. 論高校檔案信息化與數(shù)字檔案館建設(shè)[J]. 中國(guó)地質(zhì)教育，2013（2）：76～79.

[2]孫海晶.移動(dòng)圖書館APP服務(wù)研究[J].科技情報(bào)開發(fā)與經(jīng)濟(jì)， 2013年第23卷第22期：104～105.

[3]Heidixie.交互設(shè)計(jì)那些事（一）[EB/OL].http：//heidixie.blog.sohu.com/186686158.html.

[4]梁廣寒.檔案館網(wǎng)站信息資源的組織模式[J]. 武漢大學(xué)學(xué)報(bào)（人文科學(xué)版），2004（3）：210～220.

[5]邊瑩. 美國(guó)國(guó)家檔案館網(wǎng)站的特色[J]. 中國(guó)檔案，2007（4）：57～58.

[6]搜狐新聞客戶端UED團(tuán)隊(duì).設(shè)計(jì)之下[M].北京：電子工業(yè)出版社， 2014（1）.

[7] Jeff Johnson.認(rèn)知與設(shè)計(jì)[M]張一寧，譯.北京：人民郵電出版社，2011（9）.

[8]無線工坊.方寸指間[M].北京：電子工業(yè)出版社， 2014（3）.

作者單位：彭華明，田嘉慧，華南理工大學(xué)設(shè)計(jì)學(xué)院

邱濤，衡陽市城建檔案館

來稿日期：2016-02-12