为向导设计更好的工具提示

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


对于有效的流程来说,工具提示是其中最重要的组成之一。这篇文章主要来跟大家探讨对于流程工具提示设计中的一些对错对比。下面的设计是为了作为一组通用指南尤其在流程中设计工具提示。他们可能并不是详尽的规范,并且对于其他场景来说可能还有例外。OK,废话太多,让我们进入正题。

一次只展示一条提示

不要对新用户通过引入太多的信息从而加重他们的认知负担。认知超载导致信息处理效率低下,减少了新用户留下来的可能性。

展示流程提示


没有用户喜欢迷失的感觉或不能确定的结果。在用户目前的过程中提供清晰的进展指标显示。

一个提示里只含有一个动作


在一个工作流里,一次展示一个动作。这样做可以让用户更容易遵守并完成操作。类似像婴儿学步。

提供跳过教程的选项


不要把新用户锁定在产品教程或演示上,给他们一个明确的提示可以跳过或者隐藏这个教程。

使CTA们可以描述


阐释清楚行动的目的。清晰的描述可以给新用户关于下一步会即将发生什么的上下文描述。

保持描述足够简短并标明上下关系


不要用冗长的描述对新用户造成负担。在大部分情况下,一两句的说明就可以把足够表达清楚一个提示所想要传递的信息。

但是,别让简短的描述变得模糊


适当的上下文和细节很重要。不要剪去小的重要的细节。小的细节会吸引新的用户,让他们使用产品的时候变得兴奋。

在结束的时候给出清晰的展示,并且给用户再来一次的提示


在最后给用户提示让用户重新开始。

使用热区让用户注意提示


遮罩分散并且阻挡应用中更大的区域。然而热点在达到相同效果的同时还能避免干扰。热点也能推迟用户行动,所以他们就可以随时决定展开向导的时间,而不是一进来的时候就被向导打断。

不要把提示和明显的插图放在一起编号


这个对新用户来说几乎不增加任何价值并且显得十分冗余。如果一个新用户开始一个向导是以点击一个明显的插图开始那么就显得很像欢迎。

总结

有效的向导对于产品来说是个很关键很有竞争力的优势。一天到七天的滞留率不成比例的影响长期滞留网络和移动应用。

考虑如何利用向导在产品中去介绍习惯形成循环。当有疑问时,直接将向导聚焦到一个关键行动中,新用户将会在第一次使用过程中便会获得最大的价值。保证你在设计向导的时候可以在心里想起以上的规范指导。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,973评论 25 707
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_X自主阅读 15,977评论 3 119
  • title: 利器date: 2016-04-11 16:56:09tags: [利器,生活]desc: 分享各种...
    bitQ2019阅读 301评论 0 0
  • 我是小耳朵 我是一只猫,一只英短银渐层。 这会儿我正舒服的仰卧在兔奴才的粉色被子上。这个被子颜色我不是很喜欢,上面...
    AiECHO阅读 202评论 0 0