摘要：

UGC模式在移動(dòng)互聯(lián)網(wǎng)旅游領(lǐng)域得到廣泛關(guān)注。各大UGC模式的旅游類(lèi)網(wǎng)站希望其PC端的競(jìng)爭(zhēng)力可以通過(guò)APP更好地輻射和延展，形成更強(qiáng)的競(jìng)爭(zhēng)力。如何更好地把握UGC模式下用戶(hù)需求，不斷優(yōu)化用戶(hù)體驗(yàn)，構(gòu)思出更加流暢的交互流程和優(yōu)秀的視覺(jué)界面效果，從而獲取更多的用戶(hù)量，已經(jīng)成為旅游類(lèi)APP開(kāi)發(fā)者最關(guān)心的問(wèn)題。本文通過(guò)對(duì)三個(gè)較成熟的旅游APP中具有典型UGC特征的功能——“寫(xiě)游記”進(jìn)行交互設(shè)計(jì)分析，初步總結(jié)出UGC模式下旅游APP交互設(shè)計(jì)的流程與設(shè)計(jì)原則。

關(guān)鍵詞：

UGC旅游 APP交互設(shè)計(jì)

中國(guó)分類(lèi)號(hào)：TB472

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2015）07-0155-03

一

UGC概述

1 UGC的概念

UGC （User Generated Content）即用戶(hù)生成內(nèi)容，泛指“以任何形式在網(wǎng)絡(luò)上發(fā)表的由用戶(hù)創(chuàng)作的文字、圖片、音頻、視頻等內(nèi)容”，最早來(lái)自web2.0網(wǎng)絡(luò)技術(shù)的應(yīng)用和普及。世界經(jīng)濟(jì)合作與發(fā)展組織（OEDC）在2007年的報(bào)告中描述了UGC的三個(gè)特征：一、以網(wǎng)絡(luò)出版為前提；二、內(nèi)容具有一定程度的創(chuàng)新；三、非專(zhuān)業(yè)人員或權(quán)威組織創(chuàng)作。UGC的常見(jiàn)種類(lèi)有社交、視頻分享、照片分享、知識(shí)分享、社區(qū)論壇及微博等。旅游APP的UGC-般指的是用戶(hù)通過(guò)APP分享自己的旅游行程、各種旅游信息和旅游攻略，形式主要以發(fā)布照片、文字、視頻等為主。

2 UGC模式下旅游APP的發(fā)展及研究現(xiàn)狀

近些年，旅游業(yè)呈現(xiàn)出許多新特征。首先是個(gè)性化，旅游者在規(guī)劃旅程時(shí)更加注重自己的個(gè)性化需求，如：自由行、徒步旅行等；其次，人們會(huì)在出游之前通過(guò)各種渠道搜集相關(guān)信息，利用網(wǎng)絡(luò)參考他人的意見(jiàn)和評(píng)價(jià)，從而制訂出最科學(xué)合理的旅游計(jì)劃。因此，UGC模式下的旅游APP，如游記、面包旅行、蟬游記、在路上等APP應(yīng)運(yùn)而生。用戶(hù)可以既可以通過(guò)APP快速獲取各種需要的旅游信息，也可以在旅行途中或旅行結(jié)束后分享自己的行程，幫助其他用戶(hù)更好地規(guī)劃行程。

關(guān)于UGC在在線旅游的應(yīng)用探討起于201 1年，研究者韓朝陽(yáng)在《中國(guó)集體經(jīng)濟(jì)》第24期發(fā)表的《戶(hù)生成的旅游信息特性分析》一文，探討了Web2.0環(huán)境下用戶(hù)生成內(nèi)容對(duì)旅游信息的功用方面進(jìn)行了初步的分析研究。2012年，在《21世紀(jì)商業(yè)評(píng)論》第21期發(fā)表了一篇徐珊的《螞蜂窩“筑巢”》一篇學(xué)術(shù)文章，專(zhuān)門(mén)探討了螞蜂窩旅游攻略網(wǎng)站利用“SNS+UGC”獲得的成功，并且充分討論了螞蜂窩創(chuàng)業(yè)經(jīng)營(yíng)模式，在學(xué)界有著一定的理論意義。

二 主流的UGC模式下旅游APP的交互設(shè)計(jì)分析

移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展，使得人們不僅滿(mǎn)足于移動(dòng)應(yīng)用豐富的功能和強(qiáng)大的處理能力，用戶(hù)體驗(yàn)設(shè)計(jì)更是得到了廣泛的關(guān)注和重視。要開(kāi)發(fā)出優(yōu)秀用戶(hù)體驗(yàn)的移動(dòng)應(yīng)用，對(duì)產(chǎn)品界面交互模式的設(shè)計(jì)探討是必不可少的重要組成部分。以下是針對(duì)三款目前比較主流的旅游APP中具有典型UGC特征的功能——寫(xiě)游記進(jìn)行的交互設(shè)計(jì)分析。

1 游記（螞蜂窩出品）

①導(dǎo)航的交互模式

主導(dǎo)航菜單是展示手機(jī)應(yīng)用信息架構(gòu)的視覺(jué)表現(xiàn)形式。優(yōu)秀的導(dǎo)航設(shè)計(jì)讓用戶(hù)輕松上手并簡(jiǎn)單完成任務(wù)。游記APP采用的是選項(xiàng)卡式導(dǎo)航。用戶(hù)生成UGC內(nèi)容（寫(xiě)游記）的功能放置在導(dǎo)航欄的最中心位置并和其他功能的進(jìn)行顏色區(qū)分，使用戶(hù)快速定位到此功能（圖1）。

②內(nèi)容呈現(xiàn)的交互模式

所有需要操作的步驟都完整顯示在一個(gè)頁(yè)面上，沒(méi)有過(guò)多的頁(yè)面跳轉(zhuǎn)，減少了用戶(hù)因?yàn)檫^(guò)多步驟跳轉(zhuǎn)造成的操作混亂。但缺點(diǎn)是用戶(hù)上傳的每張照片在頁(yè)面中占用了較大空間（圖2），在用戶(hù)上傳了多張照片的情況下，用戶(hù)需要進(jìn)行較多的向上滑動(dòng)操作才能編輯好所有的內(nèi)容，容易產(chǎn)生操作疲勞。

③用戶(hù)操作流程（圖3）

2 面包旅行

①航的交互模式

與“游記APP”導(dǎo)航欄的設(shè)計(jì)相似，將添加游記的功能放在導(dǎo)航欄中心位置并與其他功能的進(jìn)行顏色區(qū)分（圖4）。

②內(nèi)容呈現(xiàn)的交互模式

所有需要操作的步驟和內(nèi)容基本顯示在一個(gè)頁(yè)面上，減少了頁(yè)面的跳轉(zhuǎn)，用戶(hù)可以快速判斷出下一步的操作（圖5）；在關(guān)聯(lián)圖片地點(diǎn)頁(yè)面的交互設(shè)計(jì)上，設(shè)計(jì)師運(yùn)用了長(zhǎng)按和拖拽的手勢(shì)，并給予用戶(hù)操作提示，用手勢(shì)代替了輸入位置信息，這是一種非常好的用戶(hù)體驗(yàn)（圖6）。

③用戶(hù)操作流程（圖7）

3 蟬游記

①導(dǎo)航的交互模式

蟬游記APP并沒(méi)有在首頁(yè)的導(dǎo)航欄中添加寫(xiě)游記的功能，而是放置在“我的旅行”中。用戶(hù)從進(jìn)入主頁(yè)開(kāi)始需要進(jìn)行三次點(diǎn)擊才能定位到此功能。

②內(nèi)容呈現(xiàn)的交互模式

在編輯游記的頁(yè)面，時(shí)間信息、位置信息、照片縮略圖等內(nèi)容的呈現(xiàn)方式一目了然，用戶(hù)可以非常準(zhǔn)確地點(diǎn)擊需要編輯的內(nèi)容，誤操作的可能性較?。▓D8）。

③用戶(hù)操作流程的設(shè)計(jì)（圖9）

三 UGC模式下旅游APP交互設(shè)計(jì)流程與原則

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

第一步：用戶(hù)調(diào)研

通過(guò)用戶(hù)調(diào)研的手段，交互設(shè)計(jì)師調(diào)查了解用戶(hù)及其相關(guān)使用的場(chǎng)景，以便對(duì)其有深刻的認(rèn)識(shí)（主要包括用戶(hù)使用時(shí)候的心理模式和行為模式），從而為后繼設(shè)計(jì)提供良好的基礎(chǔ)。

第二步：概念設(shè)計(jì)

通過(guò)綜合考慮用戶(hù)調(diào)研的結(jié)果、技術(shù)可行性、以及商業(yè)機(jī)會(huì)，交互設(shè)計(jì)師為設(shè)計(jì)的目標(biāo)創(chuàng)建概念。

第三步：創(chuàng)建用戶(hù)模型

基于用戶(hù)調(diào)研得到的用戶(hù)行為模式，設(shè)計(jì)師創(chuàng)建場(chǎng)景或者用戶(hù)故事來(lái)描繪設(shè)計(jì)中產(chǎn)品將來(lái)可能的形態(tài)。通常，設(shè)計(jì)師設(shè)計(jì)用戶(hù)模型作為創(chuàng)建場(chǎng)景的基礎(chǔ)。

第四步：創(chuàng)建界面流程

界面流程圖主要用于描述系統(tǒng)的操作流程。

第五步：開(kāi)發(fā)原型以及用戶(hù)測(cè)試

交互設(shè)計(jì)師通過(guò)設(shè)計(jì)原型來(lái)測(cè)試設(shè)計(jì)方案。原型大致可分三類(lèi)：功能測(cè)試的原型，感官測(cè)試原型以及實(shí)現(xiàn)測(cè)試原型；這些原型用于測(cè)試用戶(hù)和設(shè)計(jì)系統(tǒng)交互的質(zhì)量。

第六步：實(shí)現(xiàn)

交互式設(shè)計(jì)師需要參與方案的實(shí)現(xiàn)，以確保方案實(shí)現(xiàn)是嚴(yán)格忠于原來(lái)的設(shè)計(jì)的；同時(shí)，也要準(zhǔn)備進(jìn)行必要的方案修改，以確保修改不傷害原有設(shè)計(jì)的完整概念。

第七步：統(tǒng)測(cè)試

系統(tǒng)實(shí)現(xiàn)完畢的測(cè)試階段，可能通過(guò)用戶(hù)測(cè)試發(fā)現(xiàn)設(shè)計(jì)的缺陷；設(shè)計(jì)師需要根據(jù)情況對(duì)方案進(jìn)行合理修改。

2 交互設(shè)計(jì)原則

（1）重視情感化的設(shè)計(jì)

情感因素與設(shè)計(jì)過(guò)程密不可分。交互設(shè)計(jì)的過(guò)程中無(wú)不體現(xiàn)了情感因素對(duì)設(shè)計(jì)本身的重要作用。從最開(kāi)始設(shè)定方案時(shí)的用戶(hù)研究到用戶(hù)的情節(jié)設(shè)定再到初步設(shè)定，直到最終的用戶(hù)評(píng)估，每個(gè)環(huán)節(jié)都要考慮到用戶(hù)的情感需求。在設(shè)計(jì)UGC模式的旅游APP時(shí)，應(yīng)該充分挖掘用戶(hù)在情感訴求方面的需求，可以通過(guò)以下幾個(gè)UGC用戶(hù)情感訴求滿(mǎn)足的渠道進(jìn)行思考：

1 用戶(hù)通過(guò)貢獻(xiàn)高質(zhì)量的UGC內(nèi)容，展現(xiàn)自我，受到尊重同時(shí)也能獲得自我滿(mǎn)足；

2 通過(guò)大量消費(fèi)UGC內(nèi)容，可以滿(mǎn)足用戶(hù)享樂(lè)生活的訴求；

3 通過(guò)網(wǎng)絡(luò)用戶(hù)可以與他人交流，擁有歸屬感，滿(mǎn)足交際訴求；

4 多樣化的UGC內(nèi)容同樣可以使用戶(hù)的生活充滿(mǎn)新奇，帶來(lái)刺激。

（2）重視產(chǎn)品的易學(xué)性

對(duì)于移動(dòng)應(yīng)用產(chǎn)品，提倡的是簡(jiǎn)單、直接的操作。讓用戶(hù)快速學(xué)會(huì)使用，盡量不要讓用戶(hù)查看幫助文檔。保持界面架構(gòu)簡(jiǎn)單、明了，導(dǎo)航設(shè)計(jì)清晰易理解，操作簡(jiǎn)單可見(jiàn)，通過(guò)界面元素的表意和界面提供的線索就能讓用戶(hù)清晰地了解操作方式。在設(shè)計(jì)頁(yè)面時(shí)多考慮移動(dòng)端的用戶(hù)行為和使用情境。用戶(hù)可能沒(méi)有那么多時(shí)間仔細(xì)去看說(shuō)明，而是試圖快速地了解應(yīng)用本身。

（3）轉(zhuǎn)換輸入方式

用戶(hù)在APP中生成內(nèi)容時(shí)不可避免地要進(jìn)行文字輸入。文字輸入是移動(dòng)端的軟肋之一，不管是手寫(xiě)輸入還是鍵盤(pán)輸入，操作效率都相對(duì)較低。在行走或者單手操作時(shí)，輸入的出錯(cuò)率也比較高。在應(yīng)用設(shè)計(jì)時(shí)避免文字輸入，或者使用一些代替方案來(lái)提升輸入效率是非常重要的。

①減少文本輸入，轉(zhuǎn)化輸入形式

在數(shù)字輸入過(guò)程中，常常會(huì)把文字的輸入轉(zhuǎn)化為基本的手勢(shì)輸入。手勢(shì)操作會(huì)以更快的形式進(jìn)行輸入，提升了輸入的效率。簡(jiǎn)化輸入選項(xiàng)，變填空為選擇。

在設(shè)置輸入或者對(duì)于一些已知項(xiàng)目的輸入中，盡量把用戶(hù)要輸入的內(nèi)容變成選擇。盡量把用戶(hù)的常用選項(xiàng)篩選出來(lái)讓用戶(hù)選擇，而不是直接讓用戶(hù)輸入。

②使用手機(jī)已有的傳感器輸入

使用語(yǔ)音、掃描識(shí)別（二維碼、條碼、文字等）、LBS技術(shù)來(lái)減少用戶(hù)的輸入，發(fā)揮各個(gè)傳感器的基本特性并靈活運(yùn)用，把復(fù)雜的輸入轉(zhuǎn)化為簡(jiǎn)單智能的輸入形式。

四 總結(jié)

綜上所述，在UGC模式下旅游APP的設(shè)計(jì)中，交互設(shè)計(jì)師應(yīng)充分了解UGC模式下用戶(hù)的核心需求，充分關(guān)注用戶(hù)的操作習(xí)慣，設(shè)計(jì)出合理的交互模式，優(yōu)化用戶(hù)體驗(yàn)，增加用戶(hù)黏度，進(jìn)而達(dá)到提升產(chǎn)品的競(jìng)爭(zhēng)力的目的。