引導(dǎo)幫助在產(chǎn)品中的作用

2022-11-15    博博

合理的產(chǎn)品引導(dǎo)功能,可以使用戶在較短時間內(nèi)了解產(chǎn)品的特性與使用

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

前幾天眼睛不太舒服,去醫(yī)院做了一個檢查(視疲勞導(dǎo)致)。因為要走商保,所以要使用社??ǎ拔矣浀糜蒙绫=Y(jié)算都需要去人工窗口,我剛過去就被一個穿著紅馬褂的大媽攔住說自助機也可以用社保,要我掃她胸前掛的碼(可以快速到達電子社保二維碼界面),掃完她就開始幫我點擊操作。 

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

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

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

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



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



靜態(tài)邀請

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

靜態(tài)邀請主要有兩種模式:引導(dǎo)操作邀請、漫游探索邀請

1、邀請操作 

步驟邀請 

例如:華為云HECS服務(wù)器產(chǎn)品就給出1、2、3操作步驟 引導(dǎo)操作會占據(jù)頁面較大的空間,同時也會吸引用戶的眼球。所以在設(shè)計時需要思考一下,你希望引導(dǎo)用戶執(zhí)行什么操作,用戶是否可以多次查看,這樣有利于設(shè)計出明晰的頁面和信息層。



白板引導(dǎo) 

另一種引導(dǎo)操作邀請叫作白板式引導(dǎo)。 意思很明確:現(xiàn)在只有一個空白頁面,需要引導(dǎo)用戶創(chuàng)建內(nèi)容。





利用空白區(qū)域“變廢為寶”,如何對該區(qū)域應(yīng)有的功能給出提示,是誘導(dǎo)用戶創(chuàng)建內(nèi)容(填補空白)的有效方式。

2、漫游探索邀請

與引導(dǎo)操作邀請關(guān)系密切的是漫游探索邀請。假設(shè)你重新設(shè)計了某個頁面并添加了一組全新的功能,怎樣才能保證用戶恰當?shù)厥褂眯马撁?,同時發(fā)現(xiàn)新添加的功能呢?漫游邀請是向用戶介紹新功能最好的方法。



最佳實踐:

1、漫游功能用戶可能不想用,所以需要有可選功能,也就是可以跳過或關(guān)閉;

2、漫游功能不是“創(chuàng)可貼”不要亂用,只有針對精心設(shè)計的界面使用才能發(fā)揮價值;

3、設(shè)計漫游的關(guān)鍵在于保持簡單,讓它容易開始也容易停止。漫游應(yīng)該只是頁面本身的一個演示。脫離頁面的“教程”式漫游很難起到作用。

動態(tài)邀請

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

1、懸停邀請:在鼠標懸停期間發(fā)出邀請 

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



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

最佳實踐

1、當操作沒有內(nèi)容重要,而且希望界面整潔時,使用懸停邀請。

2、在實現(xiàn)懸停邀請時,可以通過改變光標、改變背景和顯示提示條共同配合表明所邀請的操作

3、在交互的不同階段,盡量點綴一些用戶熟悉的元素,通過熟悉的概念引出新概念有助于用戶快速理解新功能。最常見的元素是按鈕、鏈接、下拉箭頭和眾所周知的圖標。

4、通過距離表明邀請操作的目標對象。 

2、預(yù)期功能邀請:使用熟悉的實物引出新實物 

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





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

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

最佳實踐

1、通過人們習(xí)以為常、司空見慣的概念來引出新的、不熟悉的交互方式。

2、使用可感知的預(yù)期功能來給出邀請?zhí)崾?例如,用向下的箭頭表示可以打開下拉菜單,而用向上的箭頭表示可以關(guān)閉菜單) 

3、把邀請安排在適當?shù)纳舷挛闹?,特別是要靠近交互的主體。 

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

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

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



例如:這種工作流場景個人覺得也算是一種,點擊“加號”右側(cè)會滑出面板,給出你可以添加的動作。 這種在交互期間以可見方式向用戶表明系統(tǒng)推斷出的用戶想法被稱為推論邀請。

4、更多內(nèi)容邀請:用于邀請用戶查看更多內(nèi)容

圖片類型的更多邀請,例如:站酷相關(guān)推薦 



文字更多邀請,例如:QQ郵箱右側(cè)最近聯(lián)系人 



邀請的優(yōu)點

精心設(shè)計的應(yīng)用能夠通過邀請體現(xiàn)出各自的細微差別,無論是靜態(tài)還是動態(tài),都是引導(dǎo)用戶順利進入下一個交互層次的有效方法。

謝謝觀看!


作者:夜鶯YEAH      來源:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔