面向用戶的檔案館APP交互設計

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

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

關鍵詞：檔案館；APP；交互設計；面向用戶

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ù)字化、智能化與信息化的轉變等一系列機遇與挑戰(zhàn)。[1]

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

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

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

2 本文涉及的方法與原理

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

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

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

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

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

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

3 交互設計流程

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

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

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

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

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

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

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

圖1中心為首頁，左右兩側的四個頁面為二級頁面，首頁上有4個桌面導航的圖標，點擊后可跳轉進入相應的頁面。

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

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

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

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

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

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

4 結束語

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

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

參考文獻：

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

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

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

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

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

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

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

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

作者單位：彭華明，田嘉慧，華南理工大學設計學院

邱濤，衡陽市城建檔案館

來稿日期：2016-02-12