用戶體驗(yàn)視角下建筑史App設(shè)計(jì)探析

張睿智 魏鵬酈

引 言

2018年4月13號(hào)，教育部印發(fā)《教育信息化2.0行動(dòng)計(jì)劃》，計(jì)劃我國教育到2022年基本達(dá)到“三全、兩高、一大”發(fā)展目標(biāo)。其中，強(qiáng)調(diào)盡快建成“互聯(lián)網(wǎng)+教育”大平臺(tái)[1][2]，關(guān)鍵在于信息教育服務(wù)平臺(tái)的建設(shè)和教育類科技產(chǎn)品的研發(fā)。在此背景下，各類互聯(lián)網(wǎng)教育產(chǎn)品不斷涌現(xiàn)，且隨著移動(dòng)用戶規(guī)模的擴(kuò)大，產(chǎn)品從面向PC端用戶逐步傾向移動(dòng)用戶，教育類App作為新型在線教育工具的開發(fā)和應(yīng)用成為未來互聯(lián)網(wǎng)教育發(fā)展的重要趨勢(shì)。

事實(shí)上，在線教育在美國早有發(fā)展，并已深入美國高等教育制度，成為高等教育體系的重要部分。美國Babson調(diào)查研究小組統(tǒng)計(jì)了自2003年截至2018年美國在線教育的情況，小組成員認(rèn)為，在線教育在往后五至十年將引起大量高等教育機(jī)構(gòu)的學(xué)生和教育人員的高度關(guān)注。

目前，在國內(nèi)外教育及技術(shù)人員的協(xié)作下，教育類App已具備較為成熟的行業(yè)價(jià)值鏈和規(guī)模龐大的用戶市場(chǎng)，建筑史App正是在此背景下提出的一款以用戶體驗(yàn)設(shè)計(jì)為中心的新型教育類App[3]。

1.用戶體驗(yàn)是建筑史App的核心競(jìng)爭力

據(jù)iiMedia Research(艾媒咨詢)數(shù)據(jù)統(tǒng)計(jì)（圖1），2017年在線教育的市場(chǎng)規(guī)模高達(dá)2810億元，預(yù)計(jì)2018年突破3000億元。市場(chǎng)規(guī)模的新高、互聯(lián)網(wǎng)創(chuàng)新服務(wù)的發(fā)展以及移動(dòng)智能終端的普及，使得在線教育分支下的教育類App成為設(shè)計(jì)熱點(diǎn)。

藍(lán)標(biāo)極光軟件開發(fā)調(diào)查顯示，教育類App的市場(chǎng)數(shù)量已超過7萬，在移動(dòng)應(yīng)用中占比10%以上，排名僅次于游戲類App。這是由于教育類App進(jìn)入市場(chǎng)后，各大商業(yè)巨頭和小型公司紛紛涌入，同類產(chǎn)品數(shù)量急速增長。一方面，開發(fā)者往往關(guān)注內(nèi)容與層級(jí)的不斷提升，忽略對(duì)用戶本體的關(guān)注，導(dǎo)致App使用效率與實(shí)際應(yīng)用價(jià)值產(chǎn)生問題；另一方面，市場(chǎng)的幾近泛濫導(dǎo)致各企業(yè)教育類App研發(fā)技術(shù)的趨同，市場(chǎng)競(jìng)爭異常激烈。這就需要有效提升用戶體驗(yàn)，將其作為教育類App生存發(fā)展的關(guān)鍵。

圖1

建筑史App定位于在線教育領(lǐng)域，具備教育類App的基本特征，所以用戶體驗(yàn)也是建筑史App生存發(fā)展的關(guān)鍵。人機(jī)交互設(shè)計(jì)指導(dǎo)國際標(biāo)準(zhǔn)（ISO9241-210）強(qiáng)調(diào)設(shè)計(jì)的驅(qū)動(dòng)和重新定義要以用戶體驗(yàn)為核心，同時(shí)，考慮到短期內(nèi)互聯(lián)網(wǎng)普及率以及在線教育用戶的規(guī)模難有巨大突破，必須將用戶體驗(yàn)作為建筑史App的核心競(jìng)爭力，圍繞用戶體驗(yàn)五要素展開設(shè)計(jì)。

2.基于用戶體驗(yàn)五要素的建筑史App架構(gòu)

建筑史App將用戶體驗(yàn)作為設(shè)計(jì)核心，綜合用戶需求及目標(biāo)用戶的共性與差異性對(duì)設(shè)計(jì)進(jìn)行優(yōu)化取舍。[4]考慮到用戶體驗(yàn)的多重性與復(fù)雜性，現(xiàn)將其分解剖析，根據(jù)建筑史App的特性提取用戶體驗(yàn)經(jīng)典五要素進(jìn)行多維度地考量和設(shè)計(jì)，并隨著五要素抽象到具體的進(jìn)階逐步細(xì)化。

2.1 戰(zhàn)略層——用戶需求和目標(biāo)制定

用戶體驗(yàn)設(shè)計(jì)的根本目的是為用戶解決實(shí)際問題，在戰(zhàn)略層方面，建筑史App重點(diǎn)關(guān)注學(xué)習(xí)者的需求及其通過建筑史App期望達(dá)成的目標(biāo)。[5]

圖2

用戶需求反映用戶最根本的利益訴求，利用當(dāng)前精準(zhǔn)的大數(shù)據(jù)構(gòu)建用戶“畫像”，多維度、廣覆蓋、全方面發(fā)掘精準(zhǔn)的用戶需求，為建筑史App提供高質(zhì)量的個(gè)性化服務(wù)[6]。建筑史是研究建筑本體發(fā)展的課程，包含建筑發(fā)展的史實(shí)知識(shí)和建筑發(fā)展的內(nèi)在規(guī)律，在設(shè)計(jì)學(xué)科中，是建筑學(xué)、城鄉(xiāng)規(guī)劃、風(fēng)景園林等環(huán)境設(shè)計(jì)專業(yè)重要的基礎(chǔ)課，也是設(shè)計(jì)研究與設(shè)計(jì)實(shí)踐的理論基礎(chǔ)。所以，建筑史App的目標(biāo)用戶主要是設(shè)計(jì)學(xué)科環(huán)藝專業(yè)的教師、學(xué)生及設(shè)計(jì)師。他們的共同需求是利用碎片時(shí)間對(duì)傳統(tǒng)教學(xué)之外的建筑史理論知識(shí)進(jìn)行擴(kuò)充與探求。具體用戶的目標(biāo)制定有所不同，從以下三類主要用戶進(jìn)行調(diào)查分析有：

第一，就環(huán)藝專業(yè)教師而言，一方面，希望獲取建筑領(lǐng)域最新理論知識(shí)和學(xué)科資訊，充實(shí)知識(shí)儲(chǔ)備和提高專業(yè)素養(yǎng)。另一方面，無論教師資歷如何，都能公平地獲得在專業(yè)領(lǐng)域研討建筑史知識(shí)和教學(xué)經(jīng)驗(yàn)的機(jī)會(huì)，也是提出學(xué)科交流和建議的重要渠道；

第二，就環(huán)藝專業(yè)學(xué)生而言，需要傳統(tǒng)教學(xué)之外擴(kuò)充專業(yè)知識(shí)、拓寬專業(yè)視野、提高專業(yè)素質(zhì)的學(xué)習(xí)工具，建筑史App可以滲入其知識(shí)認(rèn)知的全過程加以實(shí)現(xiàn)（圖2）。據(jù)調(diào)查，學(xué)生使用教育類App的原因主要有三種：院校教學(xué)推廣、遇到學(xué)科專業(yè)問題需要解答或?qū)υ撜n程有濃厚興趣[7]。

首先，院校教學(xué)推廣方面，高校需要能夠契合教學(xué)需求、順應(yīng)建筑史教學(xué)特點(diǎn)、實(shí)現(xiàn)教學(xué)目標(biāo)的實(shí)用型教育工具，同時(shí)能夠深入教學(xué)體系、服務(wù)高等教育教學(xué)、彌補(bǔ)教學(xué)資源不足。

其次，學(xué)生遇到學(xué)科專業(yè)問題，希望得到準(zhǔn)確并專業(yè)的解答，要求建筑史App操作便捷、搜索精準(zhǔn)，在功能方面勿“多”而求合理，保證專業(yè)知識(shí)的豐富性，避免出現(xiàn)常規(guī)問題搜索不準(zhǔn)確或無解的情況。

再次，興趣濃厚的學(xué)生很可能成為建筑史App最長久穩(wěn)定的用戶，因此，不僅要迎合其對(duì)建筑史的興趣，更要保持甚至激發(fā)他們更深層次的熱情。這類學(xué)生不僅需要本專業(yè)常規(guī)知識(shí)內(nèi)容，更期待冷知識(shí)、新奇趣味知識(shí)的出現(xiàn)，要求建筑史App充分利用互聯(lián)網(wǎng)資源，及時(shí)更新國內(nèi)外建筑領(lǐng)域動(dòng)態(tài)與學(xué)術(shù)研究成果，并積極尋求形式上的創(chuàng)新，例如加入游戲化的交互設(shè)計(jì)形式。

圖3

圖4

第四，設(shè)計(jì)師是脫離了傳統(tǒng)教學(xué)體系的特殊用戶，他們往往沒有正式學(xué)習(xí)建筑史的渠道，但希望利用碎片時(shí)間，自由自主地進(jìn)行專業(yè)知識(shí)學(xué)習(xí)，彌補(bǔ)設(shè)計(jì)實(shí)踐中理論部分的缺乏。據(jù)此，App的呈現(xiàn)過程必須是清晰明確的，讓設(shè)計(jì)師能夠盡快啟動(dòng)學(xué)習(xí)任務(wù)，保證App使用的高效與節(jié)時(shí)。

2.2 范圍層——內(nèi)容設(shè)計(jì)和功能設(shè)計(jì)

內(nèi)容設(shè)計(jì)方面，根據(jù)建筑史App的學(xué)科針對(duì)性、學(xué)科特性及實(shí)際應(yīng)用領(lǐng)域展開綜合考慮。嚴(yán)格意義上，建筑史既有一般史學(xué)特征，又有其自身特殊性。首先，在傳統(tǒng)史學(xué)范疇內(nèi)，探討經(jīng)典建筑作品可深入揭示人類建筑史發(fā)展的內(nèi)在規(guī)律，同時(shí)，對(duì)當(dāng)代和未來建筑具有永恒的借鑒意義[8]。因此,App要涵蓋對(duì)經(jīng)典建筑的描述、記錄以及對(duì)其內(nèi)在規(guī)律的分析。其次，就設(shè)計(jì)學(xué)科特殊性而言，已經(jīng)發(fā)生的建筑事件都應(yīng)歸入“史”的范疇，所以建筑領(lǐng)域最新動(dòng)態(tài)也是建筑史的重要內(nèi)容，更是建筑史App和傳統(tǒng)教材以及其他同類App競(jìng)爭的優(yōu)勢(shì)所在。

此外，內(nèi)容設(shè)計(jì)需要注意以下問題：第一，選擇權(quán)威性的紙質(zhì)教材為藍(lán)本，保證知識(shí)的系統(tǒng)性和完整性；第二，客觀地審視和批判地選擇經(jīng)典建筑內(nèi)容，因?yàn)橛行┙?jīng)典建筑不僅具有審美性，立足其他角度還具有“審丑性”；第三，內(nèi)容對(duì)用戶有實(shí)際效用和價(jià)值，而非空中樓閣，浮于表面；第四，以嚴(yán)謹(jǐn)?shù)倪壿嫿Y(jié)構(gòu)安排內(nèi)容；第五，保證新奇趣味性內(nèi)容的真實(shí)性。

圖5

功能設(shè)計(jì)方面，保留傳統(tǒng)教育App基本功能的同時(shí)，創(chuàng)新創(chuàng)造符合新時(shí)代、新技術(shù)的特色功能。具體而言，建筑史App的功能主要包括以下幾項(xiàng)：

（1）經(jīng)典學(xué)習(xí)功能

閱讀、筆記、習(xí)題、在線教學(xué)、視頻、電子版教材六大功能歸納為教育類App的經(jīng)典學(xué)習(xí)功能，經(jīng)過該行業(yè)多年的實(shí)踐驗(yàn)證，能夠?yàn)橛脩籼峁┖唵斡行У闹R(shí)獲取路徑。

（2）專業(yè)評(píng)論區(qū)

以專業(yè)論壇和樹洞的雙重形式連通用戶的學(xué)習(xí)和生活，實(shí)現(xiàn)教師、學(xué)生和設(shè)計(jì)師的無障礙交流。其中，專業(yè)論壇用以專業(yè)領(lǐng)域經(jīng)驗(yàn)分享或官方發(fā)布建筑領(lǐng)域最新動(dòng)態(tài)，而樹洞提供給用戶拓展專業(yè)圈摯友的空間，以此開發(fā)產(chǎn)品的用戶情結(jié)，打造人性化、情結(jié)化教育類App。

（3）3D建筑資源庫

運(yùn)用最新3D建模技術(shù)，整合國內(nèi)外經(jīng)典建筑3D模型、CAD平面等，建立資源庫。用戶可以隨時(shí)隨地欣賞各年代、各地區(qū)的建筑，并可在移動(dòng)端自由調(diào)整觀察建筑的遠(yuǎn)近、角度及場(chǎng)景，更好地把握建筑帶來的直觀感受，解決傳統(tǒng)教學(xué)手段及工具無法表達(dá)的建筑體量等問題。另外，模擬Photosynth(iOS客戶端)功能，用戶只需在原地保持水平并旋轉(zhuǎn)一圈拍攝四周，App就可將所得一系列環(huán)型場(chǎng)景照片縫合，形成一幅360度全景照片，讓用戶建立屬于自己的、立體可視且低成本的建筑資源庫。

（4）建筑師詞典

考慮到建筑史橫向變量（時(shí)間）的復(fù)雜性及縱向變量（空間）的延展性，為方便用戶在龐大的資源庫中輕松獲取所需資料，App加入建筑師詞典功能，用戶可以輸入搜索建筑或建筑師的名稱等信息或直接拍照搜圖，輕松得到一系列完善且圖文并茂的信息，介紹經(jīng)典建筑的歷史沿革和美學(xué)價(jià)值，提供建筑遺產(chǎn)的相關(guān)資料和專業(yè)解析。在百度發(fā)布的作業(yè)幫App中，由于搜題大多數(shù)學(xué)公式過于煩瑣，這種為提高便捷性從而支持拍照搜題的做法同樣適于建筑史App。另外，在使用App閱讀過程中輕點(diǎn)該建筑或設(shè)計(jì)師名稱即可在疊層中查看其釋義，另有詞條鏈接可進(jìn)入建筑史字典獲得詳細(xì)資源。

（5）建筑師“機(jī)器貓”

搜集一定數(shù)量的建筑小常識(shí)或冷知識(shí)，建立小型知識(shí)點(diǎn)資源庫，并將其抽象為用戶的私人智能化寵物——建筑師“機(jī)器貓”。它將在用戶在線狀態(tài)下，平均每天通過對(duì)話框或游戲模式提供1-10個(gè)專業(yè)小知識(shí)，用戶能夠在劇情式的交互中自主、輕松地積累知識(shí)。游戲化在企業(yè)管理和購物網(wǎng)站設(shè)計(jì)中運(yùn)用較多，目前，在教育領(lǐng)域也成為設(shè)計(jì)研究熱點(diǎn)。建筑史App簡易模擬RPG游戲模式，用戶通過角色扮演進(jìn)入游戲式建筑史學(xué)習(xí)中，在機(jī)器貓的引導(dǎo)下在實(shí)景或虛擬建筑場(chǎng)景中進(jìn)行用戶對(duì)戰(zhàn)，完成角色任務(wù)，進(jìn)階解鎖新的建筑集，實(shí)現(xiàn)對(duì)建筑史的廣角探索，這是傳統(tǒng)教育模式無法達(dá)成的學(xué)習(xí)體驗(yàn)。充分開發(fā)機(jī)器貓的功能系統(tǒng)還包括智能推薦、在線提問/解答、打卡升級(jí)等。

（6）建筑師World Map

參考瑞士藝術(shù)史學(xué)會(huì)開發(fā)的Swiss Art To Go,利用移動(dòng)端GPS定位獲取用戶所在地點(diǎn)，通過機(jī)器貓形象實(shí)時(shí)推薦附近建筑景點(diǎn)或展覽、講座等（圖3）。

如果遇到系統(tǒng)不支持推薦或其他意外情況，用戶也可自行定位獲取信息。此外，提供能夠控制畫面比例的建筑師專屬地圖——建筑師World Map（圖4），囊括世界各個(gè)國家已落成的經(jīng)典建筑，使建筑師對(duì)世界建筑分布有直觀感受，空間體量感受更加強(qiáng)烈，形成系統(tǒng)化認(rèn)知。

（7）商業(yè)拓展功能

在條件允許的情況下，最大限度地開發(fā)WAP 網(wǎng)站、微信公眾號(hào)經(jīng)營或移動(dòng)圖書館等多種服務(wù)，拓展資源優(yōu)惠方案、預(yù)約講授課程、提供友情鏈接和廣告投放、舉辦線上下講座等功能。例如，與同行業(yè)但非競(jìng)爭關(guān)系的App或web網(wǎng)站合作,雙方在各自頁面提供對(duì)方的友情鏈接,盡量選擇比流量多的對(duì)象合作,既能在功能和內(nèi)容方面進(jìn)行交流和互補(bǔ),又能提高網(wǎng)站知識(shí)度。

除了上述幾項(xiàng)，建筑史App還具備學(xué)習(xí)積分兌換、在線學(xué)習(xí)排名和建筑史知識(shí)競(jìng)賽榜單等功能。其中，排名、榜單及其他表面性的鼓勵(lì)機(jī)制可以激發(fā)用戶的好勝心和成就感，從而提升用戶黏性。

2.3 結(jié)構(gòu)層——交互設(shè)計(jì)和信息架構(gòu)

交互設(shè)計(jì)不是一個(gè)獨(dú)立的功能，而是運(yùn)用大量多模態(tài)交互，從基本代碼交互到圖形用戶界面交互、人際語音交互等，穿插在用戶使用建筑史App的所有過程，提供豐富的人機(jī)交流協(xié)作，實(shí)現(xiàn)用戶與App的雙向互動(dòng)和愉悅的操控體驗(yàn)。例如，前文提到3D建筑資源庫，是利用移動(dòng)端的重力感應(yīng)器和螺旋儀，模擬HTC Vive和Oculus虛擬現(xiàn)實(shí)場(chǎng)景，用戶通過簡單的手機(jī)傾斜或移動(dòng)就能實(shí)現(xiàn)全方位觀察建筑（圖5），也可應(yīng)用于實(shí)際教學(xué)中VR場(chǎng)景物體的移動(dòng)與控制，給用戶沉浸式學(xué)習(xí)體驗(yàn)，形成良好的交互氛圍。

信息架構(gòu)原指組織App豐富而繁雜的內(nèi)容，使其形成系統(tǒng)化的架構(gòu)，而在建筑史App中，我們將“自適應(yīng)學(xué)習(xí)”系統(tǒng)作為信息架構(gòu)?！白赃m應(yīng)學(xué)習(xí)”由中國科學(xué)院心理研究所認(rèn)知心理學(xué)家朱新明教授提出，幫助用戶實(shí)現(xiàn)差異化學(xué)習(xí)。在建筑史App中，后臺(tái)利用大數(shù)據(jù)、人工智能等前沿技術(shù)結(jié)合傳統(tǒng)數(shù)據(jù)統(tǒng)計(jì)分析技術(shù)，按照程序算法定期檢測(cè)用戶的學(xué)習(xí)水平和狀態(tài)，據(jù)此自動(dòng)調(diào)整難度系數(shù)，為用戶安排合理且完整的學(xué)習(xí)流程和計(jì)劃，減小用戶流失率。

2.4 框架層——導(dǎo)航設(shè)計(jì)和界面設(shè)計(jì)

由于建筑史App應(yīng)用領(lǐng)域及目標(biāo)用戶的特殊性，導(dǎo)航設(shè)計(jì)要求整體簡約、高端且給予用戶的引導(dǎo)明確清晰，打造流程清晰、動(dòng)態(tài)流暢的用戶體驗(yàn)。首先，保證導(dǎo)航內(nèi)容齊全、指引明確；其次，嚴(yán)格遵循人機(jī)工程學(xué)，例如，確保導(dǎo)航的重要操作在用戶視覺聚焦點(diǎn)且大拇指輕易可以觸達(dá)的范圍，各個(gè)按鈕安排不能過于擁擠或松散，確保大小適宜以防止錯(cuò)誤點(diǎn)擊；再次，充分模擬產(chǎn)品使用場(chǎng)景，設(shè)身處地為用戶考慮，例如，首頁置頂卡片采用近年流行的入口導(dǎo)流型界面設(shè)計(jì)，以大圖輪播方式發(fā)布建筑領(lǐng)域官方動(dòng)態(tài)、文章或即將開設(shè)的課程，考慮到用戶單手操作不便，所以設(shè)置左右滑動(dòng)以便進(jìn)行切換。

良好的界面設(shè)計(jì)需要具備以下特點(diǎn)：第一，保持界面簡約整潔，突出重點(diǎn)和亮點(diǎn)；第二，表示功能性的控制按鈕集中放置，并有明確的操作順序；第三，配圖突出建筑史特色，且能夠與內(nèi)容呼應(yīng)。

2.5 表現(xiàn)層——視覺設(shè)計(jì)

在表現(xiàn)層面，視覺設(shè)計(jì)強(qiáng)調(diào)建筑史App內(nèi)容、功能與審美共同構(gòu)成的用戶視覺體驗(yàn)，遵循用戶視覺流程、突出建筑主題，充分利用建筑或建筑裝飾元素，從頁面布局、圖形元素和色彩搭配三個(gè)主要方面進(jìn)行設(shè)計(jì)：第一，保持頁面布局平衡協(xié)調(diào)，關(guān)注用戶使用過程中視覺的舒適度；第二，綜合考慮標(biāo)題、圖示、插圖等元素使用的和諧統(tǒng)一且符合建筑史主題；第三，選擇適于學(xué)習(xí)界面的色彩搭配，避免飽和度過高的色彩導(dǎo)致用戶注意力分散，影響用戶使用效率。

3.結(jié) 語

本文通過互聯(lián)網(wǎng)統(tǒng)計(jì)數(shù)據(jù)分析了教育類App的發(fā)展現(xiàn)狀與優(yōu)勢(shì)條件，提出建筑史App的概念，驗(yàn)證了用戶體驗(yàn)對(duì)建筑史App的重要性，并基于用戶體驗(yàn)經(jīng)典五要素展開對(duì)建筑史App的初步設(shè)計(jì)。由于教育類App的復(fù)雜性和專業(yè)性，本文僅提出了初步方案，具體設(shè)計(jì)將在下一步研究中細(xì)化與升級(jí)，助力“互聯(lián)網(wǎng)+教育”大平臺(tái)的建設(shè)，順應(yīng)信息化1.0到信息化2.0時(shí)代的跨越。

注釋：

[1]鄭楊碩,朱奕雯：《基于四維視角的交互設(shè)計(jì)類課程教學(xué)模式思考與實(shí)踐以“用戶研究與可用性設(shè)計(jì)”課程為例》，《裝飾》2019年第4期，第81-83頁。

[2]教育部關(guān)于印發(fā)《教育信息化2.0行動(dòng)計(jì)劃》的通知，教技〔2018〕6號(hào)，2018年4月13日。

[3]任宏,劉辰：《教育類App中的交互設(shè)計(jì)方式與技術(shù)研究》，《設(shè)計(jì)》2018年第1期，第113-114頁。

[4]王馨,王峰：《反思層面的兒童教育類App情感化設(shè)計(jì)研究》，《裝飾》2018年第7期，第95-97頁。

[5]劉軍,劉俸玲：《基于角色認(rèn)知的“互聯(lián)網(wǎng)+”博物館公共服務(wù)設(shè)計(jì)研究——以故宮博物院為例》，《裝飾》2017年第11期，第118-119頁。

[6]晉欣泉,張臨英,朱連操,唐麗,王運(yùn)武：《大學(xué)生手機(jī)使用現(xiàn)狀調(diào)查研究——對(duì)教育App設(shè)計(jì)開發(fā)的啟示》，《中國醫(yī)學(xué)教育技術(shù)》2016年第6期，第625-631頁。

[7]《新型移動(dòng)學(xué)習(xí)資源——教育App發(fā)展模式探究》，《中國電化教育》2016年第4期，第64-70頁。

[8]鄭楊碩,賀世超,羅文瀾：《“有情輸入法”之信息交互原型設(shè)計(jì)與評(píng)價(jià)研究》，《包裝工程》2019年第10期，第162-168頁。