用戶引導(dǎo)設(shè)計,幫你解決產(chǎn)品的3大哲學(xué)問題

2 評論 5293 瀏覽 36 收藏 8 分鐘

用戶是誰?用戶從哪里來?用戶要到哪里去?這三大哲學(xué)問題揭示了用戶、場景、需求的最普遍規(guī)律,揭示了產(chǎn)品從開始使用到結(jié)束的基本過程,而引導(dǎo)設(shè)計則是產(chǎn)品領(lǐng)域的唯物主義,為我們認識產(chǎn)品提供最有力的工具。

為什么需要引導(dǎo)設(shè)計

產(chǎn)品設(shè)計有句老生常談的話就是:

“在設(shè)計的時候把自己當(dāng)用戶,在使用的時候把用戶當(dāng)自己?!?/p>

一開始沒有將用戶清晰定位, 缺乏對用戶操作動機的判斷,沒有考慮用戶操作后下一步的流程,最終令用戶在使用過程中覺得一頭霧水。

我是誰?我從哪里來?要到哪里去?

這是哲學(xué)里三個終極問題,而產(chǎn)品設(shè)計同樣繞不開這三道坎,無法解答出哲學(xué)三大問題的設(shè)計都談不上是好設(shè)計。因而引導(dǎo)設(shè)計的出現(xiàn)就顯得十分必要,正確的引導(dǎo)除了能幫助用戶高效快速地解決問題完成任務(wù),還可以實現(xiàn)服務(wù)提供方的運營目標。

引導(dǎo)設(shè)計方式

引導(dǎo)設(shè)計并不是什么新鮮事物,早在視窗(windows)系統(tǒng)初期版本就已經(jīng)出現(xiàn)安裝引導(dǎo)界面及幫助文檔信息,這些最原始樸素的設(shè)計正是組成了引導(dǎo)設(shè)計的基石。直至近年來移動互聯(lián)網(wǎng)的極速發(fā)展,引導(dǎo)設(shè)計更是進化升級到五花八門的地步,但其目的萬變不離其宗,都是為了解答以上那三大問題。

1. 前置引導(dǎo)

前置引導(dǎo),一般在系統(tǒng)冷啟動的時候出現(xiàn),在用戶正式使用系統(tǒng)前觸發(fā),一般不分場景無差別地提供給所有用戶,沒有與業(yè)務(wù)流程產(chǎn)生必然的捆綁。

因為種類繁多下面只介紹幾種常用方式:

(1)APP引導(dǎo)頁

主要以3-5頁的內(nèi)容展示產(chǎn)品或新版本的核心功能,使用戶快速對新產(chǎn)品有個初步的認識,目前該方式已成為APP的標配設(shè)計。

(2)遮罩、浮層式引導(dǎo)

通常只在用戶第一次訪問頁面時顯示,并需要用戶進行點擊操作后才會逐步消失,用于強調(diào)突出和介紹當(dāng)前界面的功能點。

(3)常駐式引導(dǎo)

可按入口的深淺劃分,如幫助文檔、用戶手冊、在線客服等功能模塊屬于深層次的入口,屬于強目的性的用戶引導(dǎo)。而淺層次入口的引導(dǎo)提示則直接依附在功能界面上,一般以簡短的介紹說明固定在當(dāng)前頁面。

掃碼APP的固定提示語

前置引導(dǎo)的設(shè)計方式對用戶群體有了一個初步的定位,同時也對用戶操作動機有一個簡單判斷,為新手用戶快速熟悉系統(tǒng)應(yīng)用做出了不少的貢獻,但它依然未解決問題的最后一步:系統(tǒng)要把用戶帶到哪里去?

2. 后置引導(dǎo)

后置引導(dǎo),依賴于當(dāng)前用戶身份及特定的業(yè)務(wù)場景,配合相應(yīng)的交互操作(如點擊、拖曳、滑動、長按、下拉等)觸發(fā),通常與業(yè)務(wù)流程有較強的關(guān)聯(lián)關(guān)系。

后置引導(dǎo)與前置引導(dǎo)結(jié)合,通過回答以下3個問題來著重優(yōu)化用戶使用系統(tǒng)過程的操作體驗:

  • 用戶是誰?(用戶身份是什么?游客、普通用戶、高級用戶還是管理員?)
  • 用戶從哪里來?(用戶場景是什么?為什么用到該功能服務(wù)?)
  • 用戶要到哪里去?(用戶接下來需要做什么?可以做什么?)

一個完善的引導(dǎo)設(shè)計必先依賴一個完整的業(yè)務(wù)流程,常見的反面例子有很多:

  1. 頁面訪問失敗,沒有提示任何原因,也沒有告知用戶如何解決,只留下一個大大404;
  2. 操作被提交后,沒有確認提示,沒有執(zhí)行反饋,靠用戶猜測結(jié)果;
  3. 沒有判斷用戶身份,在操作流程末端才告知用戶沒有權(quán)限,浪費用戶時間;
  4. 功能模塊之間沒有聯(lián)動,需要大量切換操作,沒有拓展用戶場景與繼續(xù)深挖用戶需求。

不妨以微信上一個護照通行證小程序為例,業(yè)務(wù)流程十分簡單,關(guān)鍵操作流程也不超過3步,但卻已經(jīng)清晰給出了明確的業(yè)務(wù)指引,使用戶在每一步的操作過程中都得到有價值的反饋。

基于業(yè)務(wù)流程,可以開始對其進行功能拆解及加入對用戶身份、場景、行為判斷的引導(dǎo)設(shè)計,針對每個環(huán)節(jié)適當(dāng)?shù)靥砑訉?yīng)的引導(dǎo)提示,如:系統(tǒng)表單自動填充、辦證點地圖導(dǎo)航、預(yù)約日期天氣提醒、預(yù)約成功提示短信、辦理進度過程提醒等。

護照通行證小程序引導(dǎo)設(shè)計

又如常見的購物流程,當(dāng)你從商業(yè)瀏覽頁面跳轉(zhuǎn)到的空無一物的購物車時,精明的商家肯定不會讓你停留一個空空如也的頁面而不知所措,系統(tǒng)通常會自動調(diào)出你的瀏覽記錄或推薦的你感興趣的商品信息,以此延伸了商品頁的界限。挖空了那么一點小心思,也只為提高你的購買轉(zhuǎn)化率。

淘寶APP及京東APP的購物車空頁面

總結(jié)

如何令用戶快速上手并加以停留在你的系統(tǒng),需要有良好的引導(dǎo)設(shè)計,而好的引導(dǎo)設(shè)計則需要能準確回答用戶身份、用戶場景與用戶行為三大邏輯問題。

每個功能頁面里蘊含看似不經(jīng)意的細節(jié),背后都是可能被經(jīng)過精心打磨的設(shè)計,為了留住用戶,除了能把系統(tǒng)做得足夠簡單,還可以拿起引導(dǎo)設(shè)計這一強而有力的工具去叩開良好用戶體驗的大門。

 

本文由 @?kenfai 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 名字起得和內(nèi)容沒聯(lián)系起來,啥哲學(xué)問題我沒找到啊,這是你的推廣方式嗎?哈哈

    來自北京 回復(fù)
  2. 前置引導(dǎo)和后置引導(dǎo)是表示出現(xiàn)的時機不同是吧

    來自北京 回復(fù)