需要产品经理用心做好的交互体验:「弹框」

弹框是交互设计中非常重要的一个点,弹框大致分为四类:系统提示、操作引导、信息反馈、广告(主要是运营的KPI咯,嘻嘻)。

在聊弹框之前,我们先来讲解一下弹框与新开页面的区别:

什么情况下适合用弹框?

原则规范:适合临时性、补充性或突发性的情况展示,流程步骤中的插入行为,可由用户选择是否进行,不覆盖用户已阅读内容

使用场景:需要用户在主干流程中知晓或者补充一些额外信息时

表现方式:半透明遮罩效果的弹窗,体现页面间的层级关系

什么情况下适合新开页面?

原则规范:适合单任务场景或进程型页面

使用场景:用户需要在不同的独立页面来回切换时

表现方式:页面间的跳转,提现该页面为子流程,具有一定独立性

接下来我们着重分析和总结,系统提示、操作引导、信息反馈三类弹窗的使用场景和原则。

系统提示:系统自动弹出的提醒,如评分弹框。

1.在制定的用户行为监控下做展示,避免打断用户的使用,影响用户体验。

想要提高 App 好评率,需选择一个合适的时间和位置来引导用户评分。最好是在用户顺利使用App完成某件事情,满足某个需求,有很不错的感觉的时候,提供评分功能。也就是,要在用户用的最爽的时候下手,一举拿下。以旅行类 App 为例,通常在用户抢票成功之后发出评分请求。

2.注意弹框的频率,保持特有入口,为用户提供自由选择的权利,无须过度打扰。

找到活跃用户,找准重度用户,提供评分弹窗,让他们为你的产品指路,这是至关重要的!小Q推荐一种评分弹框设定规则:只对一段时间内多次打开App且有效操作达到某个阈值的用户提示评分。譬如,用户使用至少 3 天以后,打开次数在 10 次以上,邀请用户对 App 评分,如果用户拒绝,则在本次安装的情况下,应用不再提示。

当然除了引导活跃用户“给个好评”以外,帮助非活跃甚至是不喜欢你产品的用户吐露心声,也是一种提高用户活跃度的方式。所以,利用评分弹出这样一个特有入口,提供“吐槽”的机会,也是不错的选择。譬如:开眼App。把评分弹窗作为褒贬平衡的入口,既可以吐槽,也可以评分以此鼓励。用户能自由选择一种通道,与产品交流。

除了通过推送机制及用户体验的优化之外,适当的ASO(应用商店优化)手段也是必不可少的。毕竟评分是强依赖用户心思的事情,用户使用的开心,你引导引导评评分也还是不太那么难,倘若产品本身就不咋地,这样强制的要求用户去给一个好评,自然也就不太合适了。请记住一点,用户想要评价自然会去做,如果不想,你做得多了反而会有负面效果。

3.弹框设计独特,文案简单明了,按钮主次分明,减少判断负担。

弹框的设计要符合产品的风格,该调皮时调皮,该严肃时就要严肃。弹框里你最想要引导用户所操作的按钮,建议重点突出,设计醒目。减少用户思考的成本,快速完成评分的行为。如图:土豆网App的评分弹框,就满足本原则。

操作引导:功能导向的提醒,如权限获取

在恰当的时机出现,切忌文字太多徒增反感,设计一定要看。

如映兔App的开启通知的引导设计,就非常简单直接,且弹出时机恰到好处。对于通知类引导,通常是用户下载后第一次使用某功能时主动弹出,那么既然要弹出,就应该用最简单明了的话术,让用户最快完成并开始享受产品的魅力。很多APP会在初次使用的过程中直接弹框索取权限,这确实是最简单的实现方式,但被拒的可能性也最大…请参考《产品经理需要用心做好的交互体验——权限获取》一文,有比较详尽的分析和说明。

信息反馈:操作反馈的展示,如各类Toast

信息类反馈弹框都会让用户等待,所以要跟用户产生互动。通过减少等待的时间从而减轻用户的负面情绪,用好的交互体验,有效滴降低用户的抱怨程度,让用户不用想,就能完成花费时间代价的过程,这就是好的交互设计的目的。

基于用户正确的操作行为,产品提供的反馈能否给予用户情感上的满足,这对产品中的一系列反馈机制提出了更高层次的要求,同时也对设计师提出了更高的要求基于用户正确的操作行为,产品提供的反馈能否给予用户情感上的满足,这对产品中的一系列反馈机制提出了更高层次的要求,同时也对设计师提出了更高的要求。具体请参考《用好的交互设计来减少用户等待》一文。

作者:Mandy权,微信公众号:小Q聊产品

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

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生_x阅读 15,967评论 3 119
  • 昨晚熬夜,今天伤神了,感觉懵懵的,脑子也反应不过来,还好该做的今天都做了。下午练车的时候,自己本来有点儿紧张,旁边...
    杨淑心阅读 114评论 0 0
  • 好不容易,迎来了我的第一节美术课,一起来就急忙赶第一趟车。 到了教室,看一眼手表,呼,没有迟到。今天老师教我们...
    王之宝玉阅读 148评论 0 0
  • 感恩现在的我改变了很多,这都是金刚智慧的作用,这几天忙的不可开交,我却没有发火,我都佩服我自己。 感恩三姐和侄子的...
    孔美荣阅读 195评论 0 0
  • 第七节 巧合和奇迹 最惊人和不可思议的巧合是没有任何巧合。 ——约翰·阿伦...
    监利一佛阅读 496评论 0 1