引導幫助設計:讓用戶順利進入下一交互層次的有效方法

1 評論 3908 瀏覽 39 收藏 11 分鐘

大部分產品中都含有一些引導幫助的功能,這些功能有什么作用呢?對于設計者來說,應該秉持怎樣的初心來設計呢?目前,引導幫助功能又有哪些常見的分類呢?帶著這些問題,我們一起走進這篇文章,看看作者為我們的分享。推薦相關人員閱讀與學習。

一、用戶怎么知道此功能的使用方式?

前幾天眼睛不太舒服,去醫院做了一個檢查(視疲勞導致)。

因為要走商保,所以需要使用社???,之前我記得社保結算都需要去人工窗口,我剛過去就被一個穿著紅馬褂的大媽攔住說自助機也可以用社保,要我掃她胸前掛的碼(可以快速到達電子社保二維碼界面),掃完她就開始幫我點擊操作。

她覺得我應該不會操作,所以讓我看一遍,其實這個操作并不難,只是因為我不知道自助機上可以用,自助機周圍也沒引導操作流程。而且她這種方式讓很多年紀大的人和外地過來看病的覺得你是個騙子,后面好幾個人都還是去了窗口。

在B端產品中也有很多類似問題,用戶不知道有這個功能、也不知道這個功能怎么使用,特別是一些數據類產品,專業性比較強。產品、技術都認為用戶和他們一樣都懂,實際上并不是,這個時候你需要提供一些邀請,引導用戶進行使用。

邀請就是引導用戶進行操作前的提醒和暗示,通常包括實時的提示信息和預期功能,以表明在當前界面或下個界面可以做什么,這是成功的交互式界面關鍵所在。

例如:飛書-我的空間,當鼠標停留在可編輯區域上時,就會實時地顯示邀請(復選框),這個例子的缺點是鼠標如果不處于相應區域上,就不會顯示邀請。

引導幫助在產品中的作用

另一種方案是任何時候都顯示邀請,例如:石墨文檔-我的桌面,復選框一直顯示。

引導幫助在產品中的作用

二、靜態邀請

靜態邀請就是通過直接在頁面上給出交互提示,可以讓用戶隨時看到期望的界面功能。

靜態邀請主要有兩種模式:引導操作邀請、漫游探索邀請。

1. 引導操作邀請

01 步驟引導

例如:華為云HECS服務器產品就給出1、2、3操作步驟引導幫助在產品中的作用

引導操作會占據頁面較大的空間,同時也會吸引用戶的眼球。所以在設計時需要思考一下,你希望引導用戶執行什么操作,用戶是否可以多次查看,這樣有利于設計出明晰的頁面和信息層。

02 白板引導

另一種引導操作邀請叫白板式引導。

意思很明確:現在只有一個空白頁面,需要引導用戶創建內容。

引導幫助在產品中的作用

引導幫助在產品中的作用

利用空白區域“變廢為寶”,如何對該區域應有的功能給出提示,是誘導用戶創建內容(填補空白)的有效方式。

2. 漫游探索邀請

與引導操作邀請關系密切的是漫游探索邀請。假設你重新設計了某個頁面并添加了一組全新的功能,怎樣才能保證用戶恰當地使用新頁面,同時發現新添加的功能呢?漫游邀請是向用戶介紹新功能最好的方法。

引導幫助在產品中的作用

最佳實踐:

  1. 漫游功能用戶可能不想用,所以需要有可選功能,也就是可以跳過或關閉;
  2. 漫游功能不是“創可貼”不要亂用,只有針對精心設計的界面使用才能發揮價值;
  3. 設計漫游的關鍵在于保持簡單,讓它容易開始也容易停止。漫游應該只是頁面本身的一個演示。脫離頁面的“教程”式漫游很難起到作用。

三、動態邀請

靜態邀請適合提示用戶當前界面中包含什么功能。然而,許多調查試驗表明,用戶經常不會閱讀指導說明性的文字。而在用戶交互過程中,在他們需要的時候提供邀請則是一種不錯的方式。動態邀請就是在用戶交互過程中的某個點上吸引用戶,并引導他們繼續下一步操作。

1. 懸停邀請:在鼠標懸停期間發出邀請

吸引用戶的一種方式是通過鼠標懸停來顯示邀請

引導幫助在產品中的作用

例如:飛書消息列表鼠標移入后, 背景變化的同時會有一個“勾”圖標來吸引用戶,鼠標移入上去后提示可以點擊完成,點擊后消息移除列表。

最佳實踐

  • 當操作沒有內容重要,而且希望界面整潔時,使用懸停邀請。
  • 在實現懸停邀請時,可以通過改變光標、改變背景和顯示提示條共同配合表明所邀請的操作。
  • 在交互的不同階段,盡量點綴一些用戶熟悉的元素,通過熟悉的概念引出新概念有助于用戶快速理解新功能。最常見的元素是按鈕、鏈接、下拉箭頭和眾所周知的圖標。
  • 通過距離表明邀請操作的目標對象。

2. 預期功能邀請:使用熟悉的事物引出新事物

唐納德·諾曼將這個術語引入到設計領域。最經典的例子是門把手,門把手的預期功能是可以抓握、扭轉或按壓。屏幕元素可感知的預期功能沒有物理屬性,不過,由于習慣、術語、圖形及一致性等原因,用戶能夠在某種程度上感覺到他們可以操作這些元素。

引導幫助在產品中的作用

引導幫助在產品中的作用

例如:第一張圖飛書文檔sheet頁“加號”圖標與第二張圖“三個點”圖標,就是一種預期功能邀請。用戶沒觸發之前就能猜到觸發后會是什么效果。

預期功能邀請之所以有效,是因為利用人們已知的習慣與認知引入交互,從而讓用戶順利完成一連串操作。

最佳實踐

  • 通過人們習以為常、司空見慣的概念來引出新的、不熟悉的交互方式。
  • 使用可感知的預期功能來給出邀請提示(例如,用向下的箭頭表示可以打開下拉菜單,而用向上的箭頭表示可以關閉菜單)
  • 把邀請安排在適當的上下文中,特別是要靠近交互的主體。

3. 推論邀請:用于交互期間

設計邀請時怎么才能猜測用戶的想法,也是一項重要挑戰。如果用戶下一步可能會執行多種操作,而事實上又不可能準確判斷用戶想法,那么面臨的困難就會比想象的大很多。

在google sketchup ( 3D)繪圖工具中,當鼠標點擊某個點后,進行第二個點連接時,會有多種可能性,這個時候系統也不確定用戶會怎樣連接,但會給出對應的提示,比如:端點、中點、背面、側面等點位來輔助用戶進行連接。

引導幫助在產品中的作用

例如:這種工作流場景個人覺得也算是一種,點擊“加號”右側會滑出面板,給出你可以添加的動作。

這種在交互期間以可見方式向用戶表明系統推斷出的用戶想法被稱為推論邀請。

4. 更多內容邀請:用于邀請用戶查看更多內容

圖片類型的更多邀請,例如:站酷相關推薦

引導幫助在產品中的作用

文字更多邀請,例如:QQ郵箱右側最近聯系人

引導幫助在產品中的作用

5. 邀請的優點

精心設計的應用能夠通過邀請體現出各自的細微差別,無論是靜態還是動態,都是引導用戶順利進入下一個交互層次的有效方法。

謝謝觀看!

作者:夜鶯YEAH;公眾號:夜鶯B端UX設計

本文由 @夜鶯YEAH 原創發布于人人都是產品經理,未經作者許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 學習了

    來自安徽 回復