為向?qū)гO(shè)計(jì)更好的工具提示

譯自:https://thoughts.quantidesign.io/design-better-onboarding-tooltips-79c77f1ab223


對于有效的流程來說,工具提示是其中最重要的組成之一棒坏。這篇文章主要來跟大家探討對于流程工具提示設(shè)計(jì)中的一些對錯對比难菌。下面的設(shè)計(jì)是為了作為一組通用指南尤其在流程中設(shè)計(jì)工具提示。他們可能并不是詳盡的規(guī)范,并且對于其他場景來說可能還有例外。OK,廢話太多,讓我們進(jìn)入正題声功。

一次只展示一條提示

不要對新用戶通過引入太多的信息從而加重他們的認(rèn)知負(fù)擔(dān)。認(rèn)知超載導(dǎo)致信息處理效率低下,減少了新用戶留下來的可能性宠叼。

展示流程提示


沒有用戶喜歡迷失的感覺或不能確定的結(jié)果先巴。在用戶目前的過程中提供清晰的進(jìn)展指標(biāo)顯示。

一個提示里只含有一個動作


在一個工作流里冒冬,一次展示一個動作伸蚯。這樣做可以讓用戶更容易遵守并完成操作。類似像嬰兒學(xué)步简烤。

提供跳過教程的選項(xiàng)


不要把新用戶鎖定在產(chǎn)品教程或演示上剂邮,給他們一個明確的提示可以跳過或者隱藏這個教程。

使CTA們可以描述


闡釋清楚行動的目的横侦。清晰的描述可以給新用戶關(guān)于下一步會即將發(fā)生什么的上下文描述挥萌。

保持描述足夠簡短并標(biāo)明上下關(guān)系


不要用冗長的描述對新用戶造成負(fù)擔(dān)。在大部分情況下枉侧,一兩句的說明就可以把足夠表達(dá)清楚一個提示所想要傳遞的信息引瀑。

但是,別讓簡短的描述變得模糊


適當(dāng)?shù)纳舷挛暮图?xì)節(jié)很重要榨馁。不要剪去小的重要的細(xì)節(jié)憨栽。小的細(xì)節(jié)會吸引新的用戶,讓他們使用產(chǎn)品的時候變得興奮翼虫。

在結(jié)束的時候給出清晰的展示屑柔,并且給用戶再來一次的提示


在最后給用戶提示讓用戶重新開始。

使用熱區(qū)讓用戶注意提示


遮罩分散并且阻擋應(yīng)用中更大的區(qū)域珍剑。然而熱點(diǎn)在達(dá)到相同效果的同時還能避免干擾掸宛。熱點(diǎn)也能推遲用戶行動,所以他們就可以隨時決定展開向?qū)У臅r間次慢,而不是一進(jìn)來的時候就被向?qū)Т驍唷?/p>

不要把提示和明顯的插圖放在一起編號


這個對新用戶來說幾乎不增加任何價值并且顯得十分冗余旁涤。如果一個新用戶開始一個向?qū)且渣c(diǎn)擊一個明顯的插圖開始那么就顯得很像歡迎翔曲。

總結(jié)

有效的向?qū)τ诋a(chǎn)品來說是個很關(guān)鍵很有競爭力的優(yōu)勢迫像。一天到七天的滯留率不成比例的影響長期滯留網(wǎng)絡(luò)和移動應(yīng)用。

考慮如何利用向?qū)г诋a(chǎn)品中去介紹習(xí)慣形成循環(huán)瞳遍。當(dāng)有疑問時闻妓,直接將向?qū)Ь劢沟揭粋€關(guān)鍵行動中,新用戶將會在第一次使用過程中便會獲得最大的價值掠械。保證你在設(shè)計(jì)向?qū)У臅r候可以在心里想起以上的規(guī)范指導(dǎo)由缆。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末注祖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子均唉,更是在濱河造成了極大的恐慌是晨,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件舔箭,死亡現(xiàn)場離奇詭異罩缴,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)层扶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評論 3 395
  • 文/潘曉璐 我一進(jìn)店門箫章,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人镜会,你說我怎么就攤上這事檬寂。” “怎么了戳表?”我有些...
    開封第一講書人閱讀 164,862評論 0 354
  • 文/不壞的土叔 我叫張陵桶至,是天一觀的道長。 經(jīng)常有香客問我匾旭,道長塞茅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,728評論 1 294
  • 正文 為了忘掉前任季率,我火速辦了婚禮野瘦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘飒泻。我一直安慰自己鞭光,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評論 6 392
  • 文/花漫 我一把揭開白布泞遗。 她就那樣靜靜地躺著惰许,像睡著了一般。 火紅的嫁衣襯著肌膚如雪史辙。 梳的紋絲不亂的頭發(fā)上汹买,一...
    開封第一講書人閱讀 51,590評論 1 305
  • 那天,我揣著相機(jī)與錄音聊倔,去河邊找鬼晦毙。 笑死,一個胖子當(dāng)著我的面吹牛耙蔑,可吹牛的內(nèi)容都是我干的见妒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,330評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼甸陌,長吁一口氣:“原來是場噩夢啊……” “哼须揣!你這毒婦竟也來了盐股?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,244評論 0 276
  • 序言:老撾萬榮一對情侶失蹤耻卡,失蹤者是張志新(化名)和其女友劉穎疯汁,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卵酪,經(jīng)...
    沈念sama閱讀 45,693評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡涛目,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了凛澎。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片霹肝。...
    茶點(diǎn)故事閱讀 40,001評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖塑煎,靈堂內(nèi)的尸體忽然破棺而出沫换,到底是詐尸還是另有隱情,我是刑警寧澤最铁,帶...
    沈念sama閱讀 35,723評論 5 346
  • 正文 年R本政府宣布讯赏,位于F島的核電站,受9級特大地震影響冷尉,放射性物質(zhì)發(fā)生泄漏漱挎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評論 3 330
  • 文/蒙蒙 一雀哨、第九天 我趴在偏房一處隱蔽的房頂上張望磕谅。 院中可真熱鬧,春花似錦雾棺、人聲如沸膊夹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽放刨。三九已至,卻和暖如春尸饺,著一層夾襖步出監(jiān)牢的瞬間进统,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評論 1 270
  • 我被黑心中介騙來泰國打工浪听, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留螟碎,地道東北人。 一個月前我還...
    沈念sama閱讀 48,191評論 3 370
  • 正文 我出身青樓馋辈,卻偏偏與公主長得像抚芦,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子迈螟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,144評論 25 707
  • 1叉抡、通過CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地?cái)?shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 15,981評論 3 119
  • title: 利器date: 2016-04-11 16:56:09tags: [利器,生活]desc: 分享各種...
    bitQ2019閱讀 301評論 0 0
  • 我是小耳朵 我是一只貓答毫,一只英短銀漸層褥民。 這會兒我正舒服的仰臥在兔奴才的粉色被子上。這個被子顏色我不是很喜歡洗搂,上面...
    AiECHO閱讀 205評論 0 0