江苏龙网

  1. 首页 > 资讯 > 科技 > >

『』99%的产品会忽视的细节，教你巧用弹窗撬动用户体验


你是否留意过B端产品中弹窗的应用？你是否曾犹豫过该用弹窗还是页面呢？
『』99%的产品会忽视的细节，教你巧用弹窗撬动用户体验
本文插图

可能很多产品经理觉得这是一个无关紧要的点 ， 只要功能实现了就可以了 ， 毕竟只是一种展示形式而已 。
其实不然 ， 我们之前在用户调研中收到这样的反馈：感觉流程很长 ， 操作太复杂了 。 但是该有的功能不能少啊！怎么办？我们把很多页面改成了弹窗 ， 用户说：我觉得这样流畅多了 。
之前我们也一直在强调B端产品的精细化设计 ， 本文就这个小点来深入地探讨下 ， 可能会让你有所启发 ， 让产品设计更加的人性化 。
弹窗 VS 页面
弹窗和页面就是2种展现形式 ， 没有绝对的好和不好 ， 只有怎么应用会带来更好的用户体验 。
1. 减少跳出感：弹窗胜
我们点击按钮后 ， 如果是跳转到新页面 ， 就会有很强的跳出感 ， 特别是当加载速度慢时感受尤为强烈 。
比如说患者到诊所后的登记流程 ， 从登记页面到完成挂号收费 ， 再回到登记页 ， 要跳转4次 ， 让前台感觉操作很繁琐：
『』99%的产品会忽视的细节，教你巧用弹窗撬动用户体验
本文插图

如果我们把其中2个页面做成弹窗 ， 用户感知上流程就变成了下图这样 ， 2步就可以完成登记 ， 比之前少了2步操作 ， 简单多了 。
『』99%的产品会忽视的细节，教你巧用弹窗撬动用户体验
本文插图

2. 减少跳转引起的错误：弹窗胜
因为频繁的跳转 ， 有些用户跳出去以后不知道怎么回去了 。 我们可以看下面这个小视频 ， 本来是在医生门诊的 ， 因为点击了预约 ， 直接跳到了新页面 ， 然后点击预约页面上的返回按钮 ， 返回到了预约列表页面 ， 而不是原先的医生门诊页 。
我估计很多医生都懵了 ， 明明只想简化操作 ， 直接在门诊时就给患者约好下次看诊时间 ， 却在跳出后还要找到入口重新进去 。
更糟糕的情况是 ， 如果页面上的内容填写到一半没有保存 ， 跳出回去之后全军覆没了 ， 医生还要重新填写一遍 ， 真是欲哭无泪啊 。 每次在点击这个按钮前都要仔细地想想：我的内容都保存了吗？这是最后一步操作了吗 ， 一会还要回来吗？如此左思右想的时间 ， 直接拉低了工作效率 。
为了验证我的猜想 ， 我去看了下后台的埋点数据 ， 果真使用率很低 ， 不排除说开展预约服务的用户数量少 ， 也不排除直接在门诊时就约下次的情况少 ， 但这功能做的我也不敢用啊 ， 一点就有胆战心惊的感觉 。
后来设计的时候就把这个功能改成了弹窗 ， 不管任何时候想进行预约 ， 都不用担心找不到回来的路 ， 也不用担心没有保存了 。
【『』99%的产品会忽视的细节，教你巧用弹窗撬动用户体验】
『』99%的产品会忽视的细节，教你巧用弹窗撬动用户体验
本文插图

当然还有一种做法是不直接覆盖原页面 ， 新开窗口进行跳转 ， 这种能减少很多错误 。 但有一个缺点是：当新开页面很多时 ， 用户想要点击回去的那个页面也得找一下 ， 有时还没直接点击左侧菜单栏快 。
但毕竟不是所有的功能都适合做成弹窗形式的 ， 比如我在门诊时想看下患者的完整资料 ， 这个时候就适合新开窗口跳转 ， 因为病人资料库里面的内容太多了 ， 而且两个页面可以对比来看 ， 更加清晰 。
新开窗口跳转的方法也是很常用的 ， 但要注意的是不要太多 ， 否则就会像上面那个密集的tab了 。
3. 信息承载量：页面胜
从面积来看 ， 弹窗会比页面小 ， 故容纳的信息量也比较少 ， 如果内容较多 ， 弹窗要么会看起来很挤 ， 要么需要滚动 ， 会减低用户的使用效率 ， 毕竟大部分的B端用户恨不得一页上能显示所有的东西 。 这也是上面说到的病人库不适合做成弹窗形式的原因 。


推荐阅读


上一篇：『魅族科技』魅族17 Pro搭载3D 深感探测器 或可实现环境扫描等功能

下一篇：iPhone■苹果将为可折叠的iPhone或iPad设计专属柔性电池