暖夏少年|交互组件「弹窗」设计规范( 二 ) 编辑导语：我们在使用软件时经常会遇到

当业务流程需要用户授权或作出决策、甚至输入简单、必要字段辅助业务时，常使用操作弹窗；比如业务需要系统授权调用位置信息，或签署必要的免责协议、完成抽奖等场景。
在设计时一定要先考虑业务场景需求，综合弹窗出现的流程节点以及信息承载能力，合理设计；避免弹窗承载超量信息带来操作困难，或出现在不必要的节点阻断流程；同时，一定要提供退出操作选项，给用户充足的掌控感。
重点说一下用户在弹窗中输入信息时需要注意的内容：

要明确弹窗只能承载轻量的信息输入，多内容的建议用表单页面。
考虑软键盘与弹窗一并出现，并使光标自动聚焦到第一个输入项。
软键盘类型根据输入内容做匹配。
考虑是否需要操作按钮，操作逻辑是否通过软键盘操作按钮实现。

这里举个简单的例子，用户输入手机号获取登陆短信前为避免机器人恶意操作，需要输入验证码，验证码何时出现最为合适？
还有一类拟物化的运营类操作弹窗，只是对弹窗皮肤进行了设计，营造了一定的氛围和体感，这里不做说明。

5）挽留弹窗
一般用于在用户离开某些业务流程时提示风险并挽留用户；比如，某些离开表单输入页面时，常用弹窗提示用户保存，并希望用户完成输入。
这样的设计打破了用户退出业务流程的路径预期，容易给用户带来产品不可控的体验，使用时要克制。
尤其不要在挽留弹窗中设置其它的流程触发按钮，用户点击后唤起一个莫名其妙的流程，被欺骗、戏弄的感觉会很强烈，不要为了短期数据带来用户流失。

6）投教弹窗
投教弹窗一般用来用户教育，比如：系统改版后，提示用户新功能；或在用户离开某项业务时，提示业务固定入口位置。
设计时第一要根据需求灵活排布文案、插图等信息，可以在弹窗内做左右滑动操作；其次要注意弹窗出现的时机。

7）营销弹窗
营销弹窗的使用场景有明显的营销特质，比如引导用户发现新功能，引导用户评价应用或者用户的某一操作（订阅）有了重要的新反馈。
设计时，要注意策略化，只有与用户关联性、重要性很高的内容才能引导用户进入营销的业务功能中；而且在弹窗出现的时机也要有一定的设计，比如在用户查看某一只个股而投顾直播说到该股票时，用弹窗引导就能提升直播转化。
在周期性营销活动中，比如大奖结果公布，也可以在应用全局用弹窗形式通知用户、召回用户访问。

四、组成元素分析1. 弹窗标签弹窗标签可以明确弹窗业务主体，常在APP全局展示独立业务场景的弹窗中使用，用来说明弹窗来自于哪个相关业务。
标签也有益于品牌投教、氛围营造，视场景需求进行设计。
常见的有文字标签或Icon图标等。
2. 标题及附属标题：主文案、附属文案、装饰性文案弹窗剥夺了用户对当前状况的掌控感，产生排斥心理，面积的局限也导致阅读体验较差，设计师要有心理准备——几乎不会有用户读完你罗列的内容。