午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

引導(dǎo)幫助設(shè)計(jì):讓用戶(hù)順利進(jìn)入下一交互層次的有效方法

2025-4-8    天宇 交互設(shè)計(jì)及用戶(hù)體驗(yàn)

大部分產(chǎn)品中都含有一些引導(dǎo)幫助的功能,這些功能有什么作用呢?對(duì)于設(shè)計(jì)者來(lái)說(shuō),應(yīng)該秉持怎樣的初心來(lái)設(shè)計(jì)呢?目前,引導(dǎo)幫助功能又有哪些常見(jiàn)的分類(lèi)呢?帶著這些問(wèn)題,我們一起走進(jìn)這篇文章,看看作者為我們的分享。推薦相關(guān)人員閱讀與學(xué)習(xí)。

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

前幾天眼睛不太舒服,去醫(yī)院做了一個(gè)檢查(視疲勞導(dǎo)致)。

因?yàn)橐呱瘫#孕枰褂蒙绫?ǎ拔矣浀蒙绫=Y(jié)算都需要去人工窗口,我剛過(guò)去就被一個(gè)穿著紅馬褂的大媽攔住說(shuō)自助機(jī)也可以用社保,要我掃她胸前掛的碼(可以快速到達(dá)電子社保二維碼界面),掃完她就開(kāi)始幫我點(diǎn)擊操作。

她覺(jué)得我應(yīng)該不會(huì)操作,所以讓我看一遍,其實(shí)這個(gè)操作并不難,只是因?yàn)槲也恢雷灾鷻C(jī)上可以用,自助機(jī)周?chē)矝](méi)引導(dǎo)操作流程。而且她這種方式讓很多年紀(jì)大的人和外地過(guò)來(lái)看病的覺(jué)得你是個(gè)騙子,后面好幾個(gè)人都還是去了窗口。

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

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

例如:飛書(shū)-我的空間,當(dāng)鼠標(biāo)停留在可編輯區(qū)域上時(shí),就會(huì)實(shí)時(shí)地顯示邀請(qǐng)(復(fù)選框),這個(gè)例子的缺點(diǎn)是鼠標(biāo)如果不處于相應(yīng)區(qū)域上,就不會(huì)顯示邀請(qǐng)。

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

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

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

二、靜態(tài)邀請(qǐng)

靜態(tài)邀請(qǐng)就是通過(guò)直接在頁(yè)面上給出交互提示,可以讓用戶(hù)隨時(shí)看到期望的界面功能。

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

1. 引導(dǎo)操作邀請(qǐng)

01 步驟引導(dǎo)

例如:華為云HECS服務(wù)器產(chǎn)品就給出1、2、3操作步驟引導(dǎo)幫助在產(chǎn)品中的作用

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

02 白板引導(dǎo)

另一種引導(dǎo)操作邀請(qǐng)叫白板式引導(dǎo)。

意思很明確:現(xiàn)在只有一個(gè)空白頁(yè)面,需要引導(dǎo)用戶(hù)創(chuàng)建內(nèi)容。

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

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

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

2. 漫游探索邀請(qǐng)

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

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

最佳實(shí)踐:

  1. 漫游功能用戶(hù)可能不想用,所以需要有可選功能,也就是可以跳過(guò)或關(guān)閉;
  2. 漫游功能不是“創(chuàng)可貼”不要亂用,只有針對(duì)精心設(shè)計(jì)的界面使用才能發(fā)揮價(jià)值;
  3. 設(shè)計(jì)漫游的關(guān)鍵在于保持簡(jiǎn)單,讓它容易開(kāi)始也容易停止。漫游應(yīng)該只是頁(yè)面本身的一個(gè)演示。脫離頁(yè)面的“教程”式漫游很難起到作用。

三、動(dòng)態(tài)邀請(qǐng)

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

1. 懸停邀請(qǐng):在鼠標(biāo)懸停期間發(fā)出邀請(qǐng)

吸引用戶(hù)的一種方式是通過(guò)鼠標(biāo)懸停來(lái)顯示邀請(qǐng)

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

例如:飛書(shū)消息列表鼠標(biāo)移入后, 背景變化的同時(shí)會(huì)有一個(gè)“勾”圖標(biāo)來(lái)吸引用戶(hù),鼠標(biāo)移入上去后提示可以點(diǎn)擊完成,點(diǎn)擊后消息移除列表。

最佳實(shí)踐

  • 當(dāng)操作沒(méi)有內(nèi)容重要,而且希望界面整潔時(shí),使用懸停邀請(qǐng)。
  • 在實(shí)現(xiàn)懸停邀請(qǐng)時(shí),可以通過(guò)改變光標(biāo)、改變背景和顯示提示條共同配合表明所邀請(qǐng)的操作。
  • 在交互的不同階段,盡量點(diǎn)綴一些用戶(hù)熟悉的元素,通過(guò)熟悉的概念引出新概念有助于用戶(hù)快速理解新功能。最常見(jiàn)的元素是按鈕、鏈接、下拉箭頭和眾所周知的圖標(biāo)。
  • 通過(guò)距離表明邀請(qǐng)操作的目標(biāo)對(duì)象。

2. 預(yù)期功能邀請(qǐng):使用熟悉的事物引出新事物

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

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

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

例如:第一張圖飛書(shū)文檔sheet頁(yè)“加號(hào)”圖標(biāo)與第二張圖“三個(gè)點(diǎn)”圖標(biāo),就是一種預(yù)期功能邀請(qǐng)。用戶(hù)沒(méi)觸發(fā)之前就能猜到觸發(fā)后會(huì)是什么效果。

預(yù)期功能邀請(qǐng)之所以有效,是因?yàn)槔萌藗円阎牧?xí)慣與認(rèn)知引入交互,從而讓用戶(hù)順利完成一連串操作。

最佳實(shí)踐

  • 通過(guò)人們習(xí)以為常、司空見(jiàn)慣的概念來(lái)引出新的、不熟悉的交互方式。
  • 使用可感知的預(yù)期功能來(lái)給出邀請(qǐng)?zhí)崾?例如,用向下的箭頭表示可以打開(kāi)下拉菜單,而用向上的箭頭表示可以關(guān)閉菜單)
  • 把邀請(qǐng)安排在適當(dāng)?shù)纳舷挛闹校貏e是要靠近交互的主體。

3. 推論邀請(qǐng):用于交互期間

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

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

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

例如:這種工作流場(chǎng)景個(gè)人覺(jué)得也算是一種,點(diǎn)擊“加號(hào)”右側(cè)會(huì)滑出面板,給出你可以添加的動(dòng)作。

這種在交互期間以可見(jiàn)方式向用戶(hù)表明系統(tǒng)推斷出的用戶(hù)想法被稱(chēng)為推論邀請(qǐng)。

4. 更多內(nèi)容邀請(qǐng):用于邀請(qǐng)用戶(hù)查看更多內(nèi)容

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

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

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

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

5. 邀請(qǐng)的優(yōu)點(diǎn)

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

謝謝觀看!

作者:夜鶯YEAH;公眾號(hào):夜鶯B端UX設(shè)計(jì)

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

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

蘭亭妙微(m.gerard.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢(xún)電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 国产成+人+综合+亚洲不卡 | 一个人免费完整观看日本 | 亚洲免费视频日本一区二区 | 久久青草热热在线精品 | 国产精品人妻久久无码不卡 | 精品国产免费第一区二区 | 亚洲色欲色欲www474ee | 99视频在线免费观看 | 亚洲免费三区 | 超碰在线视频 | 国产国拍亚洲精品av麻豆 | 精品人妻伦一二三区久久AAA片 | 国产极品美女视频福利 | 大中国免费视频大全在线观看 | 九九热在线免费观看 | 俄罗斯孩交精品 | 國產麻豆AVMDXMDX| 精品久久99麻豆蜜桃666 | 久久这里只有精品2 | 小学生偷拍妈妈视频遭性教育 | 帅小伙和警官同性3p | 久久久擼擼擼麻豆 | 无码AV熟妇素人内射V在线 | 午夜视频在线网站 | 快播成电影人网址 | 久久久亚洲国产精品主播 | 精品成人在线视频 | 国产成人自产拍免费视频 | 欧美18在线 | 99热这里只有 精品 99热这里只就有精品22 | 一个人的HD高清在线观看 | 美女扒开腿让男生桶爽免费APP | 97国产蝌蚪视频在线观看 | 亚洲国产无线码在线观看 | 男女作爱在线播放免费网页版观看 | 亚洲国产亚综合在线区尤物 | 亚洲欧美国产双大乳头 | 国产传媒在线观看 | 免费看到湿的小黄文软件APP | 人人碰在线视频 | 精品国产午夜福利在线观看蜜月 |