恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
实战弹窗交互浅析
0.0°
2019-03-18 原创文章 经验/观点 举报 1039 2 2 0

需求回顾:需求新加VIP页面,从以前的弹窗购买操作,到跳转VIP页面。


Image title

在拿到产品原型时,产品告诉我,只需要把原始弹窗(“订阅6元每月”和“买断VIP”)的选项换成,再想想和去开通就行。

再做图时,我本着美化界面和美工的本能做出了如下设计稿。

Image title


在交付设计稿时,出现了一个争论点:

产品要求将title弱化,突出VIP内容


在设计稿中,“立即开通”作为第一层级,title作为第二视觉焦点,内容为其次(产品需要将内容作为第二视觉焦点,所有有所争论)


在这个争论点中,我们不论对错,发表一下自己思考:


Part1:

这次改版新加VIP页面,既做到强化VIP的用户体验感。那么VIP的特权感首先是要在弹框里展示出来,和一般的弹窗是不一样的。是带有VIP属性的。


Part2:

该弹窗中即时不展示内容也是无可厚非的,在用户看到该弹窗后第一视觉集中在立即开通就行,是否需要让用户在弹窗页面停留过多的时长和思考过程。(据数据统计,用户在页面的停留时长与跳转率不成正比)

弹窗只是一个过度页面,一个跳转至VIP页面的引导。我们不需要让用户在弹窗上过多的思考,我们需要的是将用户引导至VIP页面。避免在弹窗上的过度思考损降低转换。

同理用用户使用时长来看,肯定是在VIP页面的时长超过弹窗的时长会给产品带来实际利益。


Part3:

原设计为什么会那样做(内容第一),是因为原本在的产品利益触发点在弹窗上,需要让用户在弹窗上操作,在弹窗上获得VIP的所有信息,才能触发用户去购买VIP。所有将内容做到第一视觉,让用户在弹窗上去阅读,从而购买,带来产品利益。

而新版则相反,触发产品利益的点在跳转页里,所以在弹窗上并不应该让用户有太多停滞去阅读和思考。


总结:

弹窗的做法要通过使用场景来判定,产品利益的出发点和弹窗的比重是否对立。

不要一味的吧自己当成原型上色者,做有合理的设计,合理的做设计。



更新:2019-03-18

收藏

2人已收藏

MIJI

撸铁糙汉子 wechat MEIMAOJIE

  • 7

    作品

  • 2

    粉丝

  • 5

    关注

  • 雄鹰基金 / 区块链产品UI复盘
  • 更为合理的页面布局思考
  • 警示框、Toast与对象内嵌
  • 卡点视频-设计总汇
相关标签

    猜你喜欢

      2019-03-18 原创文章 经验/观点 举报 1039 2 2 0

      实战弹窗交互浅析

      0.0°

      你确定要举报实战弹窗交互浅析

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录