交互组件「弹窗」设计规范(三)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
这篇文章继续给大家介绍弹窗的类型,前面给大家总结了三种弹窗类型,下面我们就来看看另外两种:操作弹窗和挽留弹窗。

4)操作弹窗

当业务流程需要用户授权或作出决策、甚至输入简单、必要字段辅助业务时,常使用操作弹窗;比如业务需要系统授权调用位置信息,或签署必要的免责协议、完成抽奖等场景。

设计时一定要先考虑业务场景需求,综合弹窗出现的流程节点以及信息承载能力,合理设计;避免弹窗承载超量信息带来操作困难,或出现在不必要的节点阻断流程;同时,一定要提供退出操作选项,给用户充足的掌控感。

重点说一下用户在弹窗中输入信息时需要注意的内容:

要明确弹窗只能承载轻量的信息输入,多内容的建议用表单页面。

考虑软键盘与弹窗一并出现,并使光标自动聚焦到第一个输入项。

软键盘类型根据输入内容做匹配。

考虑是否需要操作按钮,操作逻辑是否通过软键盘操作按钮实现。

这里举个简单的例子,用户输入手机号获取登陆短信前为避免机器人恶意操作,需要输入验证码,验证码何时出现最为合适?

还有一类拟物化的运营类操作弹窗,只是对弹窗皮肤进行了设计,营造了一定的氛围和体感,这里不做说明。
交互组件「弹窗」设计规范(三) 5)挽留弹窗

一般用于在用户离开某些业务流程时提示风险并挽留用户;比如,某些离开表单输入页面时,常用弹窗提示用户保存,并希望用户完成输入。

这样的设计打破了用户退出业务流程的路径预期,容易给用户带来产品不可控的体验,使用时要克制。

尤其不要在挽留弹窗中设置其它的流程触发按钮,用户点击后唤起一个莫名其妙的流程,被欺骗、戏弄的感觉会很强烈,不要为了短期数据带来用户流失。
交互组件「弹窗」设计规范(三) 最后的两种弹窗类型就是投教弹窗和营销弹窗,下篇文章结合实例给大家详细的介绍这两种弹窗,继续去看看吧!

以上就是“交互组件「弹窗」设计规范(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。