基于移動終端界面的用戶引導方法探索

1、    基于移動終端界面的用戶引導方法探索    方婷摘 要：3g時代的來臨讓移動互聯(lián)網超越了傳統(tǒng)的互聯(lián)網，更個性化的移動服務已經深入我們的生活，覆蓋了吃穿住行等方方面面。我們每天都會投入大量的時間精力在手機應用上，與手機界面發(fā)生頻繁的交互，但是復雜的功能和操作流程往往讓用戶望而生畏，沒有正確的用戶引導容易導致誤操作而令用戶產生挫敗感。如今的手機應用功能和內容不斷膨脹，產品變得越來越復雜難懂，怎么有效地引導用戶了解產品功能，學習產品的使用操作是需要設計師思考的問題。關鍵詞：移動終端 手機應用 新手引導一、用戶引導的意義對于一個全新的互聯(lián)網產品，新手用戶在

2、嘗試使用時都會經歷一些共同的情感歷程：他們會對新產品和新功能有一些好奇和茫然，希望能快速了解它的用途和使用方法。在嘗試使用時會比較敏感、小心，容易受挫。使用之后會對產品建立初步的評判，產品用起來是否順暢，是否簡單易懂，能否快速完成任務。這些就是交互設計所追求的用戶體驗，當然，功能述求、界面美觀度、系統(tǒng)性能等很多因素都會影響用戶體驗，但是影響用戶第一感受的用戶引導的作用同樣不可小覷，而用戶引導的設計目標就是讓新手用戶快速、無痛苦地成為產品的中間用戶。二、用戶引導的范圍所謂用戶引導一般針對初次使用產品或產品中某項功能的新手用戶，為他們設計前一兩次使用產品時的體驗，是一種能夠在較短時間內將產品品牌、

3、功能、操作以簡單易懂的方式傳達給用戶的方式。那么，用戶引導包括哪些內容？究竟能幫助用戶解決哪些方面的困惑呢？（一）品牌引導。對于一個全新的互聯(lián)網產品，需要快速向用戶傳達產品的理念，形成關于其載體的良好印象，強化用戶對產品及產品系列的認知程度。在用戶初次接觸產品時采用適當?shù)挠脩粢龑?，如在歡迎頁使用品牌色，品牌的logo，品牌slogan等，通常由文字、標記、符號、圖案和顏色等要素或這些要素的組合構成能夠有效幫助用戶了解產品的品牌理念。品牌引導也是產品使用前的熱身，用戶熟悉了產品氛圍后開始循序漸進地對產品內容進行探索。（二）功能引導。全新的移動互聯(lián)網產品在用戶的意識里只是一個模糊概念，需要產品的主

4、動引導和吸引，要想使用戶對新的網絡產品或一個全新的功能產生興趣，則需要讓用戶在剛一接觸產品的時候快速了解它是什么，能幫助解決什么問題，這就是對產品的功能引導。一般產品的功能按照重要程度可分為：核心功能和輔助功能。核心功能是產品的述求點，能夠實現(xiàn)產品的主要用途，是具有代表性的、主推的特色功能。輔助功能是相對核心功能而言，其作用是幫助實現(xiàn)產品的核心功能。例如：微信的核心功能是語音對話，發(fā)送表情、換頭像都是輔助功能。（三）操作引導。當一個新手用戶來到你的應用中，開始探索界面并要完成某項任務時，他們想要馬上進行一些簡單的操作，這個過程中用戶可能會遇到兩種情況的迷惑，一是不知如何操作某項功能，二是根本就

5、不知道某些功能的存在。所以產品應該提供一些簡單的操作引導，鼓勵用戶主動探索和學習，幫助他們解決迷惑更快地投入到產品的使用中。產品應當盡量避免用戶在眾多的功能按鍵和操作入口中迷失而不知所措，如果用戶感覺到無從下手，那么很可能感到挫敗、焦躁甚至憤怒，然后退出應用徹底放棄對它的使用。三、引導模式（一）前置引導將引導集中在歡迎頁歡迎頁是一個特殊的表達空間，它存在于全新應用和迭代期應用中，當初次開啟應用時以單頁或多頁的形式呈現(xiàn)，下次開啟則消失不見。這個有限且短暫存在的空間卻可以承載非常重要的信息，如果能充分利用可以讓用戶還沒有正式進入產品界面時就在心中塑造對產品的良好形象。1.分頁式引導。分頁式引導從字

6、面意思理解就是指將多個頁面串聯(lián)在一起組成一個完整的用戶引導。該引導方式適合于產品要傳達的內容相對獨立的情況。在內容的編排有兩種方式，一是提取內容點一一羅列，也就是對產品具有競爭力的亮點著重宣傳，直白表達。如移動端新版支付寶的前置引導，用三屏分別簡單介紹自助繳費服務、方便的收付款方式、賬戶二維碼三個亮點功能。另一種內容編排是融入場景，像將故事一樣委婉地向用戶傳達信息。情感渲染巧妙地將引導內容按照一定的邏輯組合在一起，循序漸進將用戶帶入某個氛圍，旨在讓用戶對引導內容感同身受產生共鳴，然后靜靜等待用戶點擊“開始體驗”那一刻。分頁式導航有橫向和豎向兩種瀏覽方式，左右滑動屏幕瀏覽比較常見，用導航符引導頁

7、面（圖1），上下滑動屏幕瀏覽方式更個性獨特，在形式上更符合時間邏輯，往往需要明顯的上下滑動指引（圖2）。2.預置范例。利用產品本身的界面形態(tài)，預設一個典型的例子，讓用戶通過觀察學習來了解產品有哪些功能，都是怎么用。這種引導方式要求產品界面本身美觀具有創(chuàng)新性，案例典型具有視覺吸引力，滿足這些條件才能讓用戶有立刻搭建界面的欲望。im應用的興起，特別是像語音助手、微信這樣的語音對話應用的出現(xiàn)，越來越多的應用開始增加小秘書、xx客服、xx產品團隊之類的官方賬號用于用戶引導。這種方式是一種預置范例引導形式，它把冷冰冰的機械引導變成了有血有肉的擬人化引導。（圖3）（二）過程中的引導將引導拆分到使用過程中這

8、種引導方式并不是將引導內容一股腦堆砌在應用的前置頁讓用戶閱讀，而是用戶在使用產品過程中邊操作邊給出提示，這些指引和幫助是實時的，出現(xiàn)機制可以選擇第一時間出現(xiàn)，或在條件觸發(fā)狀態(tài)下出現(xiàn)，如需連續(xù)操作、失敗、超時、推送/更新等不同狀態(tài)下以不同的形式顯示相應的引導內容。josh clark稱這只模式為“just in time education”。1.任務演練。將引導拆分成多個步驟，“手把手”教會用戶學會操作，有時也將某些必要設置項融入這個環(huán)節(jié)，完成引導的同時也完成了某些設置（圖4）。2.聚焦提醒。通過界面中的半透明標注或tips聚焦用戶視線，實現(xiàn)對界面具體功能和操作入口的指引與說明。在使用該引導方

9、式時應當盡量避免遮擋界面中的重要信息，控制每屏標注提醒的數(shù)量和出現(xiàn)機制，減輕對用戶的操作打擾（圖5、6）。3.弱文引導。弱文引導是指通過文字輔助說明的方式為用戶做出引導，常見于輸入框，一種情況是弱文在輸入框內，告知用戶框內可輸入的內容，當光標定位到輸入框時，弱文消失（圖7）。還有一種情況是在輸入框旁出現(xiàn)精短的文字信息，對該輸入框狀態(tài)或限制做出說明（圖8）。4.操作演示。用一段簡單的動畫把功能演示出來，這是一種具有趣味性，學習成本低且淺顯易懂的手法。如bump的啟動畫面為兩個手機碰一碰的動畫形式，告知用戶像這樣操作就可以近距離傳輸數(shù)據（如圖9）；另一種動畫引導形式是自動展示，首次啟動應用時，隱藏

10、于主界面后的次級界面先曝光在逐漸消失，提醒用戶左右滑或上下滑可以看到相關功能。（圖10）（三）用戶引導的設計建議1.好的創(chuàng)意。大多數(shù)用戶喜歡標新立異，追求個性化的東西，用戶引導的設計也應該追求好的創(chuàng)意，帶給用戶驚喜，吸引他們探索更多內容。2.簡單易學。由于手機屏幕可視化區(qū)域較小，能承載的信息有限，并且手機作為移動設備，它的使用環(huán)境非常復雜，使用時間碎片化，用戶正忙著從這個應用切換到另一個應用中，常常不愿在引導頁停留太長時間，甚至會跳過或忽略用戶引導，所以用戶引導的設計也應該考慮到用戶操作手機的情景，去繁就簡、言簡意賅的向用戶傳達產品所要引導的內容。3.友好的引導文案。引導文案應當清醒易懂，并且

11、具有描述性。別太過隱晦深奧，那樣只會讓用戶摸不著頭腦，分散注意力，使他們更加迷惑。要抓住他們實際的需求和痛點，友好的將表達產品述求。4.原諒用戶出錯。用戶在不了解產品的時候最有可能在界面到處亂逛，因此產品需要提供一個安全的、可供探索的環(huán)境?？紤]到用戶初次使用存在誤操作，用戶引導內容可以做得更加細致和周到。結語移動互聯(lián)網產品趨于同質化，未來互聯(lián)網產品的競爭還將體現(xiàn)在用戶體驗的競爭上。用戶引導是產品與用戶之間的直接對話，把握好用戶引導的設計將大大提升產品的用戶體驗。盡管用戶引導的作用很難量化和評估，但只要旨在為用戶解除困，讓用戶放心地進行探索并幫助他們輕松、順暢、無痛苦地達到目標完成任務，那么這將是一個引人入勝的引導設計。指導老師：楊雄勇參考文獻1 戴力農.用戶體驗超人性化設計方法m.上海：上海交通大學出版社，2009.2