面向用戶的檔案館APP交互設(shè)計

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

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

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

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ù)時代的環(huán)境下，承載著社會發(fā)展與歷史記載的檔案也將進行數(shù)字化、智能化與信息化的轉(zhuǎn)變等一系列機遇與挑戰(zhàn)。[1]

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

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

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

2 本文涉及的方法與原理

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

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

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

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

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

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

3 交互設(shè)計流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)束語

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

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

參考文獻：

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

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

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

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

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

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

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

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

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

邱濤，衡陽市城建檔案館

來稿日期：2016-02-12