UGC模式下旅游APP交互設計初探

摘要：

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

關鍵詞：

UGC旅游 APP交互設計

中國分類號：TB472

文獻標識碼：A

文章編號：1003-0069（2015）07-0155-03

一

UGC概述

1 UGC的概念

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

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

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

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

二 主流的UGC模式下旅游APP的交互設計分析

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

1 游記（螞蜂窩出品）

①導航的交互模式

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

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

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

③用戶操作流程（圖3）

2 面包旅行

①航的交互模式

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

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

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

③用戶操作流程（圖7）

3 蟬游記

①導航的交互模式

蟬游記APP并沒有在首頁的導航欄中添加寫游記的功能，而是放置在“我的旅行”中。用戶從進入主頁開始需要進行三次點擊才能定位到此功能。

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

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

③用戶操作流程的設計（圖9）

三 UGC模式下旅游APP交互設計流程與原則

1 交互設計流程

第一步：用戶調研

通過用戶調研的手段，交互設計師調查了解用戶及其相關使用的場景，以便對其有深刻的認識（主要包括用戶使用時候的心理模式和行為模式），從而為后繼設計提供良好的基礎。

第二步：概念設計

通過綜合考慮用戶調研的結果、技術可行性、以及商業(yè)機會，交互設計師為設計的目標創(chuàng)建概念。

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

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

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

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

第五步：開發(fā)原型以及用戶測試

交互設計師通過設計原型來測試設計方案。原型大致可分三類：功能測試的原型，感官測試原型以及實現(xiàn)測試原型；這些原型用于測試用戶和設計系統(tǒng)交互的質量。

第六步：實現(xiàn)

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

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

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

2 交互設計原則

（1）重視情感化的設計

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

1 用戶通過貢獻高質量的UGC內(nèi)容，展現(xiàn)自我，受到尊重同時也能獲得自我滿足；

2 通過大量消費UGC內(nèi)容，可以滿足用戶享樂生活的訴求；

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

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

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

對于移動應用產(chǎn)品，提倡的是簡單、直接的操作。讓用戶快速學會使用，盡量不要讓用戶查看幫助文檔。保持界面架構簡單、明了，導航設計清晰易理解，操作簡單可見，通過界面元素的表意和界面提供的線索就能讓用戶清晰地了解操作方式。在設計頁面時多考慮移動端的用戶行為和使用情境。用戶可能沒有那么多時間仔細去看說明，而是試圖快速地了解應用本身。

（3）轉換輸入方式

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

①減少文本輸入，轉化輸入形式

在數(shù)字輸入過程中，常常會把文字的輸入轉化為基本的手勢輸入。手勢操作會以更快的形式進行輸入，提升了輸入的效率。簡化輸入選項，變填空為選擇。

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

②使用手機已有的傳感器輸入

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

四 總結

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