基于用戶體驗的旅游APP界面設(shè)計分析

閆偉華

摘 要：近年來隨著我國旅游業(yè)的快速發(fā)展，旅游類APP應(yīng)運而生，成為大眾出行的重要移動端口應(yīng)用軟件。這是旅游景區(qū)完善服務(wù)、開展二次營銷的有效手段。旅游APP的界面設(shè)計五花八門，但在用戶體驗方面卻仍有欠缺。因此，為提高界面信息傳達(dá)的有效性，滿足用戶體驗的要求，現(xiàn)對旅游APP界面設(shè)計進(jìn)行簡要探討，以供參考。

關(guān)鍵詞：旅游APP；用戶體驗；界面設(shè)計

隨著移動智能設(shè)備的普及與移動互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，移動智能設(shè)備成為旅游類應(yīng)用的重要載體。但在APP Store上的應(yīng)用同質(zhì)化問題日趨嚴(yán)重，用戶應(yīng)用焦慮感也日益嚴(yán)重。[1]當(dāng)前，旅游類APP提供了海量的旅游信息，但用戶通過移動信息設(shè)備所接收的數(shù)量卻不對稱，影響到用戶的使用體驗。因此，本文主要探討基于用戶體驗的旅游APP界面設(shè)計方法。

1 旅游APP界面設(shè)計的主要原則

1.1 界面信息的簡易性

這主要體現(xiàn)在文字、圖案、操作方法與結(jié)構(gòu)方面。文字字體要易識別，根據(jù)字體大小來突出相關(guān)重點信息，從而節(jié)約用戶的搜索時間。圖案要與大眾認(rèn)知標(biāo)準(zhǔn)相符，與現(xiàn)實中的實物相似度越高，用戶越容易識別。簡單常用的操作能讓用戶盡快了解APP的使用方法，提高操作效率。

1.2 用戶語言的流暢性

界面是用戶與應(yīng)用溝通的重要橋梁，因此要使用用戶熟悉，看得懂的詞匯，盡量少用專業(yè)術(shù)語。當(dāng)然，除了文字還可采用圖標(biāo)等非語言元素。將日常生活中越常見的，越熟悉的事物作為圖標(biāo)，用戶就越容易理解，也越容易識別。

1.3 記憶負(fù)擔(dān)最小化

人類腦容量儲存信息是有限的，短期記憶也非常不穩(wěn)定。隨著時間的流逝，人們的遺忘率也會隨之提高。因此，在界面設(shè)計時要考慮到大腦對信息量的處理額度，以盡量減輕用戶的記憶負(fù)擔(dān)。

2 旅游APP界面設(shè)計方法

2.1 信息架構(gòu)重組

旅游類APP多屬于導(dǎo)覽類，其中，很多景區(qū)APP的特色功能就是語音導(dǎo)覽。[2]不過，在圖文分享與行程記錄、互動性方面的用戶體驗較差。因此，有必要對APP信息架構(gòu)進(jìn)行重組，從而提高軟件的便利性與實用性。首先，GPS導(dǎo)航與地圖指引屬于旅游APP中最重要的功能。增設(shè)語音導(dǎo)覽能讓用戶獲得更好的使用體驗，也能與其他同類APP形成競爭的特色功能。語音導(dǎo)覽的內(nèi)容應(yīng)采用敘事的方式娓娓道來，摒棄傳統(tǒng)的機械式景點介紹。其次，根據(jù)調(diào)查發(fā)現(xiàn)，自助游與深度游的用戶是旅游APP的核心用戶群體，他們更重視分享與參與感。[1]因此，APP界面設(shè)計要進(jìn)一步強化圖文分享與行程記錄功能，便于用戶將個人旅程及時發(fā)布到微博、微信等社交平臺。最后，要提供更優(yōu)質(zhì)、個性化的服務(wù)，包括餐飲預(yù)訂、購物、游客問答、景區(qū)實時動態(tài)等，以提高用戶黏度。

2.2 APP界面視覺設(shè)計

好的界面設(shè)計不僅能讓用戶操作更加簡單、自由，而且能體現(xiàn)軟件的個性與品位。據(jù)大量調(diào)查顯示，手機終端用戶一般會選擇界面視覺效果良好的APP，若體驗良好會長期使用。下面，以華山景區(qū)手機APP界面設(shè)計為例，介紹界面視覺設(shè)計方法。

（1）頁面布局與設(shè)計：APP啟動圖標(biāo)采用水墨風(fēng)格來突出華山奇險、秀麗的特色。啟動頁的設(shè)計要突出產(chǎn)品的主要功能與特色，將景區(qū)攝影圖片作為背景圖，并配以背景音樂。攝影圖片可從用戶分享的攝影作品中挑選，以增強用戶的參與感與體驗感。主界面應(yīng)顯示產(chǎn)品的核心功能，包括頂部滾動屏（景區(qū)圖片）、搜索欄、功能顯示區(qū)（景區(qū)列表、地圖導(dǎo)航、達(dá)人攻略、我的足跡）、底部導(dǎo)航欄。其他核心頁面設(shè)計應(yīng)根據(jù)信息類型特點選用不同的布局，盡量縮減分屏數(shù)量。[3]

（2）視覺設(shè)計：視覺方面采用卡片化與扁平化的設(shè)計風(fēng)格，以獲得簡潔的視覺效果。[4]同時，配上大幅美麗的華山圖片，以提高界面對用戶的吸引力?？蓪訄D標(biāo)中的水墨元素應(yīng)用到其他頁面設(shè)計中，從而構(gòu)成該APP產(chǎn)品的獨特風(fēng)格。圖標(biāo)的設(shè)計分為空心與實心兩種。采用由簡單線條組成的空心圖標(biāo)，能讓界面顯得簡潔優(yōu)雅。采用實心的圖標(biāo)能更好地突出視覺效果，便于用戶找到重點。頁面色彩以灰黑色與青綠色為主，充分體現(xiàn)出華山景區(qū)的優(yōu)美景色與文化底蘊。文字采用白色與灰黑色，便于用戶識別。通過簡單的顏色搭配與情景的布局，盡量減少頁面變化與字體變化，使界面更加清新、簡潔。不僅能吸引用戶，還能讓用戶獲得較好的用戶體驗。

2.3 通過動效設(shè)計增強體驗舒適度

APP常見的動效設(shè)計包括兩類，一是轉(zhuǎn)場動效，如頁面的切換、加載。二是反饋提醒，通過界面內(nèi)元素的動效，提醒用戶做出判斷與決定。動效設(shè)計雖然能讓界面更加生動、有趣，但如果動效過多可能降低反應(yīng)效率。因此，在設(shè)計界面動效時應(yīng)把握兩個重點：

（1）增強頁面呈現(xiàn)的引導(dǎo)，不要生硬跳轉(zhuǎn)，以提高界面與界面銜接的延續(xù)感。例如，可在啟動界面增加動效設(shè)計，避免用戶等待焦慮?；瑒舆M(jìn)入是另一種常見的轉(zhuǎn)場動效模式，除了要強化沉浸式體驗外，還應(yīng)讓頁面之間的切換更加流暢。另外，將更多細(xì)節(jié)融入到界面中，并采用動畫方式來表現(xiàn)一些隱藏信息。常用的方法就是鼠標(biāo)懸停時觸發(fā)與點擊時觸發(fā)。當(dāng)鼠標(biāo)懸停在圖片上便可顯示出相關(guān)說明信息，將隱藏的信息展現(xiàn)出來。

（2）解釋交互動作的變化，通過動效來反饋用戶操作。用戶在操作控件的過程中希望能得到快速的反饋，以了解他們所觸動的行為會產(chǎn)生如何的結(jié)果。同時，用戶也希望在較長的流程中看到狀態(tài)提示，以了解程序是否正在運行。通常動效設(shè)計建議做小不做大，只需增加1到2個小細(xì)節(jié)動效來增加界面活力。例如，我的游記中的點贊功能，采用心形圖形變化的動效設(shè)計來表示點贊成功。這不僅對用戶操作無影響，還增加界面的趣味性。

3 結(jié)語

伴隨著我國旅游業(yè)與互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，旅游APP得到了更廣泛的應(yīng)用。用戶對旅游APP界面設(shè)計的要求也更高，更注重用戶體驗。因此，設(shè)計師必須根據(jù)市場用戶需求，不斷探索當(dāng)前用戶群體的界面設(shè)計原則，設(shè)計出更人性化、簡潔、實用的旅游APP。

參考文獻(xiàn)：

[1] 穆榮兵，蘭珂，張雪，等.淺談當(dāng)下旅游APP界面設(shè)計[J].藝術(shù)品鑒，2016，15（7）：79-80.

[2] 明蘭.基于用戶體驗的旅游景區(qū)APP界面設(shè)計研究[J].科技咨詢，2015，13（32）：187-189.

[3] 張帥，宋釗.基于用戶體驗的移動旅游類應(yīng)用界面設(shè)計[J].現(xiàn)代裝飾（理論），2013，27（12）：276-278.

[4] 高鵬.Photoshop APP界面設(shè)計全解析[M].北京：電子工業(yè)版社，2014：29.