资深交互设计师教你:四类弹框的四大设计准则

作者:网友投稿 时间:2018-03-29 21:13

字号

1476152169-3052-8-15122ZT222918

1476152169-3052-8-15122ZT222918

  

        最近很多文章都在说弹框设计,其实一个弹框就是一个弹框而已,没那么多讲究。我用一句话就可以概括,这句话叫做——扩展句,然后我把它扩展成了一篇文章。(有没有被我调皮的样子萌到?爱你们~)

  本来传统意义上的弹框一般有三种:

  1.系统自动弹出的提醒

  2.帮助用户快速的做出选择

  3.对用户的操作给予反馈

  但是现在还多了一种,而且很多产品都在用这种弹框方式,因为它很赚钱 -- 广告。所以广告类的弹框已经被我列入弹框设计的第四个类别,今天就跟大家具体来说说这四块内容。这篇文章注定篇幅比较长,但绝对是值得你收藏的文章。

  在说之前,先来给这几个类别定个清晰的术语(逼格起来没):

  系统自动弹出的提醒 -- 系统提示

  帮助用户快速做选择 -- 操作引导

  对用户的操作给予反馈 -- 信息反馈

  广告 -- 广告弹框(想不到了,脑子不好使)

  一、系统提示

  其实系统提示这一种弹框,就可以写很长的篇幅,但是为了不把大家越带越深,免得逻辑理不清,所以我说几个相对重要的。

  有一种是大家见得最多的,就是评分类弹框。这种自动弹出的提醒,每次都会让我有想卸载App的冲动(就是那种无法克制的冲动,不知道你们懂不懂那种感觉)。

1476152170-2270-image

1476152170-2270-image

  这类弹框,需要遵守的四个设计准则:

  1.不要在用户第一次登录就立马出来。别人都没用你产品,你就要别人评价,是想怎么样?

  2.注意弹框的频率。别一会就弹一会就弹的,弹出鱼尾纹怎么办。

  3.专门定个入口。有些用户确实人品不错,他会在使用之后去给产品评价,所以留个这样的入口,层级可以深一点,让用户自己去操作,会更好。如:

1476152169-6746-image

1476152169-6746-image

  微信直接在页面里留个评价入口。虽然层级深,但是总比一直弹框提醒和干脆取消这种弹框提醒的方式要好得多。要记住,用户想要评价自然会去做,如果不想,你做得多了反而会有负面效果。

  4.老生常谈的四个字:注意美化。想要让自己产品在同行业中脱颖而出,在功能做的较好的前提下,要展示出与众不同的特色。如:

责任编辑:CQITer新闻报料:400-888-8888   本站原创,未经授权不得转载
继续阅读
热新闻
推荐
关于我们联系我们免责声明隐私政策 友情链接