淺談旅游類APP的用戶體驗(yàn)設(shè)計(jì)

萬(wàn)欽（江西外語(yǔ)外貿(mào)職業(yè)學(xué)院）

■ 引言

用戶體驗(yàn)設(shè)計(jì)是指用戶在獲得資訊的過(guò)程中，使用互聯(lián)網(wǎng)產(chǎn)品時(shí)主觀的體驗(yàn)及感受程度。伴隨著旅游行業(yè)的長(zhǎng)足發(fā)展，傳統(tǒng)旅游服務(wù)行業(yè)也隨之轉(zhuǎn)型升級(jí)，在大數(shù)據(jù)面前，我們可以獲知旅游類APP的市場(chǎng)開(kāi)闊且充滿了機(jī)遇與挑戰(zhàn)，于是針對(duì)于此類APP的用戶體驗(yàn)設(shè)計(jì)就顯得尤為重要了。

■ 用戶體驗(yàn)設(shè)計(jì)

不同的人對(duì)于什么是好的設(shè)計(jì)會(huì)有不同的看法，有的人認(rèn)為界面美觀加上動(dòng)效酷炫是好的設(shè)計(jì)，也有的人認(rèn)為好的設(shè)計(jì)應(yīng)該以人為本，以用戶為中心。設(shè)計(jì)的終端是用戶，而“用戶”作為一個(gè)設(shè)計(jì)的有效體驗(yàn)者其實(shí)很大程度上是一個(gè)被動(dòng)接受的角色，并不清楚自己想要的是什么，更多的是設(shè)計(jì)者原本提供的體驗(yàn)和嘗試。所以當(dāng)用戶主動(dòng)接受或被動(dòng)接受時(shí)，都應(yīng)從設(shè)計(jì)的本質(zhì)出發(fā)，其核心都是通過(guò)滿足用戶的需求。

近年來(lái)，隨著互聯(lián)網(wǎng)+旅游市場(chǎng)新興模式的興起，旅游類APP層出不窮，其中有過(guò)一些創(chuàng)新，但同時(shí)也走過(guò)很多彎路。尤其是在建立初期，在產(chǎn)品設(shè)計(jì)時(shí)通常缺乏明確的設(shè)計(jì)目標(biāo)和評(píng)估標(biāo)準(zhǔn)，僅僅是憑借著基礎(chǔ)的設(shè)計(jì)理論知識(shí)和自身的設(shè)計(jì)經(jīng)驗(yàn)去滿足產(chǎn)品的設(shè)計(jì)需求，而這種單純圍繞產(chǎn)品業(yè)務(wù)而進(jìn)行的設(shè)計(jì)往往是以降低用戶體驗(yàn)為代價(jià)的。

所以需要深入行業(yè)，不斷拓展設(shè)計(jì)的邊界。同時(shí)也應(yīng)關(guān)注到行業(yè)內(nèi)容、相關(guān)產(chǎn)品和特色服務(wù)等要素。從吃、住、行、娛樂(lè)等出行的硬性指標(biāo)入手，為用戶提供詳細(xì)、精準(zhǔn)和可使用的攻略信息；并且貫通“行前”“行中”和“行后”產(chǎn)品領(lǐng)域，倡導(dǎo)新的在線消費(fèi)模式；用心打造“專屬”產(chǎn)品系列，致力于全面提升用戶的感官體驗(yàn)。

讓我們?cè)倩氐皆O(shè)計(jì)本身，設(shè)計(jì)有無(wú)邊界呢？環(huán)顧我們四周，在互聯(lián)網(wǎng)企業(yè)中，一個(gè)設(shè)計(jì)團(tuán)隊(duì)通常由產(chǎn)品經(jīng)理、前端工程師、設(shè)計(jì)師和運(yùn)營(yíng)人員組成。而設(shè)計(jì)師在其他團(tuán)隊(duì)組員中往往被認(rèn)為只注重視覺(jué)上的呈現(xiàn)，很少會(huì)去關(guān)注產(chǎn)品方向與技術(shù)實(shí)現(xiàn)的問(wèn)題。但真實(shí)工作中，設(shè)計(jì)師需要考慮的問(wèn)題有太多了，與此同時(shí)，設(shè)計(jì)職能的界限，也并不應(yīng)該限制設(shè)計(jì)師看待問(wèn)題的視角和范圍。

■ 用戶交互體驗(yàn)

提高用戶體驗(yàn)避免不了研究用戶體驗(yàn)要素，包括表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層和戰(zhàn)略層[1]，其中交互設(shè)計(jì)就屬于結(jié)構(gòu)層和框架層，因此在進(jìn)行交互設(shè)計(jì)時(shí)，需要從這兩個(gè)要素著手。

用戶體驗(yàn)設(shè)計(jì)過(guò)程中應(yīng)明確以“用戶需求和行為”為中心。例如，當(dāng)下比較流行的“瀑布流”在布局的過(guò)程中并非適合所有的APP，就像花瓣網(wǎng)的瀑布流式布局用在支付寶上會(huì)覺(jué)得不合適，雖然瀑布流式感覺(jué)很新潮，但是花瓣網(wǎng)用戶瀏覽的習(xí)慣多是快速懶散的，與支付寶用戶對(duì)內(nèi)容進(jìn)行不斷地尋找和回顧的瀏覽習(xí)慣不同，會(huì)感覺(jué)不實(shí)用。

所以想要有好的交互體驗(yàn)，就要先明確產(chǎn)品用戶的使用習(xí)慣，滿足用戶的需求。在對(duì)各類APP的設(shè)計(jì)分析時(shí)，可以按照用戶目標(biāo)、用戶任務(wù)和用戶體驗(yàn)的思路來(lái)進(jìn)行。

（一）用戶目標(biāo)

在分析用戶目標(biāo)階段，我們需要幫助用戶厘清在產(chǎn)品使用過(guò)程中需要完成的任務(wù)，制訂可行性的產(chǎn)品方案。從戰(zhàn)略層面上，分析哪些用戶需要哪些功能，哪些是別人有的而自身缺失的。經(jīng)過(guò)比較，檢驗(yàn)自身產(chǎn)品的優(yōu)缺點(diǎn)，學(xué)習(xí)對(duì)方產(chǎn)品好的地方，規(guī)避不好用的功能。

（二）用戶任務(wù)

同類行業(yè)中，用戶目標(biāo)都大同小異，具體到了操作層面和頁(yè)面元素層面，差別就會(huì)凸顯出來(lái)。操作層中的用戶任務(wù)是交互最主要的工作領(lǐng)域，友好的、創(chuàng)意的功能點(diǎn)可以輕松贏得用戶的青睞。

（三）用戶體驗(yàn)

不同產(chǎn)品，相同功能下頁(yè)面元素的布局和配色等所帶來(lái)的用戶體驗(yàn)都會(huì)有所差別。但是這些不同的頁(yè)面元素的呈現(xiàn)形式往往會(huì)影響用戶操作的流暢性，甚至是用戶完成任務(wù)的可能性。

我們知道以人為中心才是好的產(chǎn)品分析，業(yè)務(wù)功能類似的時(shí)候，場(chǎng)景和用戶群的差別會(huì)直接影響產(chǎn)品的定位方向。

■ 用戶動(dòng)效體驗(yàn)

隨著網(wǎng)絡(luò)的飛速發(fā)展和手機(jī)性能的不斷提升，用戶體驗(yàn)的重視程度越來(lái)越高，豐富多彩的動(dòng)效映入大家的眼簾。動(dòng)效設(shè)計(jì)作為交互設(shè)計(jì)的重要部分，無(wú)疑讓用戶的視覺(jué)體驗(yàn)得到了很大的改變。

（一）體驗(yàn)優(yōu)先

感受是主觀的，其在于用戶接觸和使用產(chǎn)品過(guò)程中所建立的感受，因此動(dòng)效設(shè)計(jì)要合理設(shè)計(jì)感知。

用戶體驗(yàn)的感知與產(chǎn)品的復(fù)雜程度相關(guān)，產(chǎn)品越復(fù)雜，向用戶提供良好的體驗(yàn)就越困難。在實(shí)際的產(chǎn)品使用場(chǎng)景中，每增加一個(gè)新特性、功能或步驟，也就增加了用戶體驗(yàn)的困難等級(jí)[2]。所以，應(yīng)該將產(chǎn)品功能的結(jié)構(gòu)和布局進(jìn)行有效合理地梳理，在動(dòng)效設(shè)計(jì)方面，要以用戶的操作體驗(yàn)優(yōu)先，符合目標(biāo)用戶的認(rèn)知和習(xí)慣。

（二）效果呈現(xiàn)

用戶體驗(yàn)應(yīng)該是流暢的，讓用戶沉浸其中。如果畫(huà)面切換時(shí)幅度過(guò)大或過(guò)快，那么就會(huì)中斷用戶的連貫體驗(yàn)，視覺(jué)上的撕裂會(huì)使用戶產(chǎn)生一種跳脫感，帶來(lái)負(fù)面的用戶評(píng)價(jià)。因此，在設(shè)計(jì)前后反差動(dòng)效的時(shí)候，要充分運(yùn)用位置、大小和透明度等基本屬性，打磨好畫(huà)面的過(guò)渡效果。

在硬件設(shè)備性能和網(wǎng)絡(luò)速度的不斷提升的情況下，動(dòng)效設(shè)計(jì)已不再是簡(jiǎn)單的“華麗點(diǎn)綴”。面對(duì)界面設(shè)計(jì)的日趨同質(zhì)化的現(xiàn)象，如何合理使用動(dòng)效讓自己的產(chǎn)品設(shè)計(jì)脫穎而出，是每位設(shè)計(jì)師需要不斷思考的問(wèn)題。

■ 組件化設(shè)計(jì)

在以往的設(shè)計(jì)流程中，設(shè)計(jì)規(guī)范將界面中各個(gè)元素細(xì)化成獨(dú)立的“元件”，設(shè)計(jì)師依照“需求、設(shè)計(jì)、前端”的線性流程完成頁(yè)面的搭建。但是，這種顆粒度較小的元件規(guī)范在實(shí)際的應(yīng)用中缺乏一定的可控性；在交付設(shè)計(jì)成果之前，我們無(wú)法提前預(yù)估業(yè)務(wù)呈現(xiàn)的效果，只能在設(shè)計(jì)稿交付之后，通過(guò)視覺(jué)評(píng)審機(jī)制對(duì)設(shè)計(jì)進(jìn)行約束和調(diào)整。

組件化設(shè)計(jì)的本質(zhì)在于，其基于業(yè)務(wù)高效復(fù)用的目的，通過(guò)對(duì)頁(yè)面中文字、標(biāo)簽這類“元件”進(jìn)行拆解和重組，形成標(biāo)準(zhǔn)化的“組件”模塊，進(jìn)而以組合模塊的方式來(lái)構(gòu)建整個(gè)界面設(shè)計(jì)，減少原先規(guī)范中顆粒度較小的元素在實(shí)際界面設(shè)計(jì)中的多樣化組合和差異化應(yīng)用，有效地實(shí)現(xiàn)界面整體的一致性。其核心包括內(nèi)容和流程兩方面。

（一）組建內(nèi)容

組件化設(shè)計(jì)在內(nèi)容上與目前通用的視覺(jué)規(guī)范體系相比存在較多的差異，具體體現(xiàn)為三個(gè)方面。構(gòu)建模塊化：將設(shè)計(jì)元素轉(zhuǎn)變?yōu)樵O(shè)計(jì)模塊化，通過(guò)一個(gè)個(gè)獨(dú)立的組件產(chǎn)品，在業(yè)務(wù)場(chǎng)景中相互組合，形成一個(gè)良性的設(shè)計(jì)系統(tǒng)；組件代碼化：打通界面設(shè)計(jì)師與開(kāi)發(fā)工程師的語(yǔ)言壁壘，實(shí)現(xiàn)頁(yè)面設(shè)計(jì)與開(kāi)發(fā)的編譯統(tǒng)一；組合動(dòng)態(tài)化：不同場(chǎng)景下各個(gè)元素組合的布局、樣式、響應(yīng)狀態(tài)、交互效果和兼容方案等都需要進(jìn)行全方位的考慮和通過(guò)靈活的組合方式來(lái)構(gòu)建。

（二）組建流程

組件化設(shè)計(jì)可以大幅提升工作效率，工作效率與以往的線性迭代流程不同，主要表現(xiàn)為三個(gè)方面。智能的工作：現(xiàn)有旅游類APP的設(shè)計(jì)架構(gòu)中，設(shè)計(jì)師有各自的業(yè)務(wù)線，多線并行支持業(yè)務(wù)迭代，但如遇大型視覺(jué)改版或模塊升級(jí)時(shí)需要調(diào)動(dòng)大量的人力資源，最終效果難以控制。依托組件化系統(tǒng)按模塊而非頁(yè)面的搭建方式，可以使得設(shè)計(jì)部門在每次品牌升級(jí)或內(nèi)部階段性的視覺(jué)語(yǔ)言的提升過(guò)程中不再需要投入大量的人力，可以按照一個(gè)個(gè)的頁(yè)面進(jìn)行設(shè)計(jì)開(kāi)發(fā)工作。高效的人力：組件化工作流程中，人力可以擺脫梳理UI場(chǎng)景、跟進(jìn)各業(yè)務(wù)和優(yōu)化進(jìn)度這些瑣碎但成本巨大的工作，可以將更多的精力投放在產(chǎn)品的風(fēng)格的探索和創(chuàng)新上。自由的配置：設(shè)計(jì)師可以通過(guò)單個(gè)組件進(jìn)行多維度、多場(chǎng)景設(shè)計(jì)方案的輸出，更加自由地幫助組件兼容不同的業(yè)務(wù)場(chǎng)景，統(tǒng)一單模塊視覺(jué)的呈現(xiàn)樣式。同時(shí)，通過(guò)各業(yè)務(wù)接入組件模塊，可以大幅度地減少重復(fù)性代碼的產(chǎn)生，并有效地減少程序整體容量，使得前端工程師可以將更多的精力投入到功能、交互等體驗(yàn)升級(jí)的方向。

互聯(lián)網(wǎng)+旅游模式的興起給用戶體驗(yàn)設(shè)計(jì)規(guī)范帶來(lái)了變革，這就需要我們以用戶為中心，滿足用戶的實(shí)際需求，深入行業(yè)，在專業(yè)領(lǐng)域研究的前提下不斷拓寬設(shè)計(jì)邊界，提供給用戶更全面、更專業(yè)、更友好的操作界面，從而改變?cè)O(shè)計(jì)師與用戶的固有認(rèn)知。