萬欽(江西外語外貿(mào)職業(yè)學院)
用戶體驗設(shè)計是指用戶在獲得資訊的過程中,使用互聯(lián)網(wǎng)產(chǎn)品時主觀的體驗及感受程度。伴隨著旅游行業(yè)的長足發(fā)展,傳統(tǒng)旅游服務行業(yè)也隨之轉(zhuǎn)型升級,在大數(shù)據(jù)面前,我們可以獲知旅游類APP的市場開闊且充滿了機遇與挑戰(zhàn),于是針對于此類APP的用戶體驗設(shè)計就顯得尤為重要了。
不同的人對于什么是好的設(shè)計會有不同的看法,有的人認為界面美觀加上動效酷炫是好的設(shè)計,也有的人認為好的設(shè)計應該以人為本,以用戶為中心。設(shè)計的終端是用戶,而“用戶”作為一個設(shè)計的有效體驗者其實很大程度上是一個被動接受的角色,并不清楚自己想要的是什么,更多的是設(shè)計者原本提供的體驗和嘗試。所以當用戶主動接受或被動接受時,都應從設(shè)計的本質(zhì)出發(fā),其核心都是通過滿足用戶的需求。
近年來,隨著互聯(lián)網(wǎng)+旅游市場新興模式的興起,旅游類APP層出不窮,其中有過一些創(chuàng)新,但同時也走過很多彎路。尤其是在建立初期,在產(chǎn)品設(shè)計時通常缺乏明確的設(shè)計目標和評估標準,僅僅是憑借著基礎(chǔ)的設(shè)計理論知識和自身的設(shè)計經(jīng)驗去滿足產(chǎn)品的設(shè)計需求,而這種單純圍繞產(chǎn)品業(yè)務而進行的設(shè)計往往是以降低用戶體驗為代價的。
所以需要深入行業(yè),不斷拓展設(shè)計的邊界。同時也應關(guān)注到行業(yè)內(nèi)容、相關(guān)產(chǎn)品和特色服務等要素。從吃、住、行、娛樂等出行的硬性指標入手,為用戶提供詳細、精準和可使用的攻略信息;并且貫通“行前”“行中”和“行后”產(chǎn)品領(lǐng)域,倡導新的在線消費模式;用心打造“專屬”產(chǎn)品系列,致力于全面提升用戶的感官體驗。
讓我們再回到設(shè)計本身,設(shè)計有無邊界呢?環(huán)顧我們四周,在互聯(lián)網(wǎng)企業(yè)中,一個設(shè)計團隊通常由產(chǎn)品經(jīng)理、前端工程師、設(shè)計師和運營人員組成。而設(shè)計師在其他團隊組員中往往被認為只注重視覺上的呈現(xiàn),很少會去關(guān)注產(chǎn)品方向與技術(shù)實現(xiàn)的問題。但真實工作中,設(shè)計師需要考慮的問題有太多了,與此同時,設(shè)計職能的界限,也并不應該限制設(shè)計師看待問題的視角和范圍。
提高用戶體驗避免不了研究用戶體驗要素,包括表現(xiàn)層、框架層、結(jié)構(gòu)層、范圍層和戰(zhàn)略層[1],其中交互設(shè)計就屬于結(jié)構(gòu)層和框架層,因此在進行交互設(shè)計時,需要從這兩個要素著手。
用戶體驗設(shè)計過程中應明確以“用戶需求和行為”為中心。例如,當下比較流行的“瀑布流”在布局的過程中并非適合所有的APP,就像花瓣網(wǎng)的瀑布流式布局用在支付寶上會覺得不合適,雖然瀑布流式感覺很新潮,但是花瓣網(wǎng)用戶瀏覽的習慣多是快速懶散的,與支付寶用戶對內(nèi)容進行不斷地尋找和回顧的瀏覽習慣不同,會感覺不實用。
所以想要有好的交互體驗,就要先明確產(chǎn)品用戶的使用習慣,滿足用戶的需求。在對各類APP的設(shè)計分析時,可以按照用戶目標、用戶任務和用戶體驗的思路來進行。
在分析用戶目標階段,我們需要幫助用戶厘清在產(chǎn)品使用過程中需要完成的任務,制訂可行性的產(chǎn)品方案。從戰(zhàn)略層面上,分析哪些用戶需要哪些功能,哪些是別人有的而自身缺失的。經(jīng)過比較,檢驗自身產(chǎn)品的優(yōu)缺點,學習對方產(chǎn)品好的地方,規(guī)避不好用的功能。
同類行業(yè)中,用戶目標都大同小異,具體到了操作層面和頁面元素層面,差別就會凸顯出來。操作層中的用戶任務是交互最主要的工作領(lǐng)域,友好的、創(chuàng)意的功能點可以輕松贏得用戶的青睞。
不同產(chǎn)品,相同功能下頁面元素的布局和配色等所帶來的用戶體驗都會有所差別。但是這些不同的頁面元素的呈現(xiàn)形式往往會影響用戶操作的流暢性,甚至是用戶完成任務的可能性。
我們知道以人為中心才是好的產(chǎn)品分析,業(yè)務功能類似的時候,場景和用戶群的差別會直接影響產(chǎn)品的定位方向。
隨著網(wǎng)絡(luò)的飛速發(fā)展和手機性能的不斷提升,用戶體驗的重視程度越來越高,豐富多彩的動效映入大家的眼簾。動效設(shè)計作為交互設(shè)計的重要部分,無疑讓用戶的視覺體驗得到了很大的改變。
感受是主觀的,其在于用戶接觸和使用產(chǎn)品過程中所建立的感受,因此動效設(shè)計要合理設(shè)計感知。
用戶體驗的感知與產(chǎn)品的復雜程度相關(guān),產(chǎn)品越復雜,向用戶提供良好的體驗就越困難。在實際的產(chǎn)品使用場景中,每增加一個新特性、功能或步驟,也就增加了用戶體驗的困難等級[2]。所以,應該將產(chǎn)品功能的結(jié)構(gòu)和布局進行有效合理地梳理,在動效設(shè)計方面,要以用戶的操作體驗優(yōu)先,符合目標用戶的認知和習慣。
用戶體驗應該是流暢的,讓用戶沉浸其中。如果畫面切換時幅度過大或過快,那么就會中斷用戶的連貫體驗,視覺上的撕裂會使用戶產(chǎn)生一種跳脫感,帶來負面的用戶評價。因此,在設(shè)計前后反差動效的時候,要充分運用位置、大小和透明度等基本屬性,打磨好畫面的過渡效果。
在硬件設(shè)備性能和網(wǎng)絡(luò)速度的不斷提升的情況下,動效設(shè)計已不再是簡單的“華麗點綴”。面對界面設(shè)計的日趨同質(zhì)化的現(xiàn)象,如何合理使用動效讓自己的產(chǎn)品設(shè)計脫穎而出,是每位設(shè)計師需要不斷思考的問題。
在以往的設(shè)計流程中,設(shè)計規(guī)范將界面中各個元素細化成獨立的“元件”,設(shè)計師依照“需求、設(shè)計、前端”的線性流程完成頁面的搭建。但是,這種顆粒度較小的元件規(guī)范在實際的應用中缺乏一定的可控性;在交付設(shè)計成果之前,我們無法提前預估業(yè)務呈現(xiàn)的效果,只能在設(shè)計稿交付之后,通過視覺評審機制對設(shè)計進行約束和調(diào)整。
組件化設(shè)計的本質(zhì)在于,其基于業(yè)務高效復用的目的,通過對頁面中文字、標簽這類“元件”進行拆解和重組,形成標準化的“組件”模塊,進而以組合模塊的方式來構(gòu)建整個界面設(shè)計,減少原先規(guī)范中顆粒度較小的元素在實際界面設(shè)計中的多樣化組合和差異化應用,有效地實現(xiàn)界面整體的一致性。其核心包括內(nèi)容和流程兩方面。
組件化設(shè)計在內(nèi)容上與目前通用的視覺規(guī)范體系相比存在較多的差異,具體體現(xiàn)為三個方面。構(gòu)建模塊化:將設(shè)計元素轉(zhuǎn)變?yōu)樵O(shè)計模塊化,通過一個個獨立的組件產(chǎn)品,在業(yè)務場景中相互組合,形成一個良性的設(shè)計系統(tǒng);組件代碼化:打通界面設(shè)計師與開發(fā)工程師的語言壁壘,實現(xiàn)頁面設(shè)計與開發(fā)的編譯統(tǒng)一;組合動態(tài)化:不同場景下各個元素組合的布局、樣式、響應狀態(tài)、交互效果和兼容方案等都需要進行全方位的考慮和通過靈活的組合方式來構(gòu)建。
組件化設(shè)計可以大幅提升工作效率,工作效率與以往的線性迭代流程不同,主要表現(xiàn)為三個方面。智能的工作:現(xiàn)有旅游類APP的設(shè)計架構(gòu)中,設(shè)計師有各自的業(yè)務線,多線并行支持業(yè)務迭代,但如遇大型視覺改版或模塊升級時需要調(diào)動大量的人力資源,最終效果難以控制。依托組件化系統(tǒng)按模塊而非頁面的搭建方式,可以使得設(shè)計部門在每次品牌升級或內(nèi)部階段性的視覺語言的提升過程中不再需要投入大量的人力,可以按照一個個的頁面進行設(shè)計開發(fā)工作。高效的人力:組件化工作流程中,人力可以擺脫梳理UI場景、跟進各業(yè)務和優(yōu)化進度這些瑣碎但成本巨大的工作,可以將更多的精力投放在產(chǎn)品的風格的探索和創(chuàng)新上。自由的配置:設(shè)計師可以通過單個組件進行多維度、多場景設(shè)計方案的輸出,更加自由地幫助組件兼容不同的業(yè)務場景,統(tǒng)一單模塊視覺的呈現(xiàn)樣式。同時,通過各業(yè)務接入組件模塊,可以大幅度地減少重復性代碼的產(chǎn)生,并有效地減少程序整體容量,使得前端工程師可以將更多的精力投入到功能、交互等體驗升級的方向。
互聯(lián)網(wǎng)+旅游模式的興起給用戶體驗設(shè)計規(guī)范帶來了變革,這就需要我們以用戶為中心,滿足用戶的實際需求,深入行業(yè),在專業(yè)領(lǐng)域研究的前提下不斷拓寬設(shè)計邊界,提供給用戶更全面、更專業(yè)、更友好的操作界面,從而改變設(shè)計師與用戶的固有認知。
