兰亭妙微用户体验设计公司的设计细节:关于提示的那些事 任何一款 APP 都少不了提示。当系统需要告知用户某些特殊消息时弹框就出场了。但提示是一把双刃剑 —— 用得好用户觉得贴心用不好用户在连续操作中突然被打断体验瞬间崩塌。兰亭妙微在项目中整理了一套完整的提示体系今天分享给大家。告知类弹框只说一件事最基础的提示类型用于告知用户某条消息用户不需要做选择看完点 我知道了 就消失。比如 奖品已抢完 版本已更新 网络已断开。这类弹框的关键是内容要短、结论要明确。用户扫一眼就知道发生了什么不需要思考。如果告知类弹框里塞了大段文字用户连看都不想看直接点关闭提示就失去了意义。操作类弹框让用户做决定当需要用户在两个选项中做选择时用操作类弹框。最典型的就是删除确认此操作不可恢复您确认删除吗 下面两个按钮 —— 取消和确认删除。这里有一个重要原则涉及不可恢复的操作必须做警示处理。比如 确认删除 按钮用红色文字或者在删除前再加一次二次确认。因为用户手滑点错的代价太大了多一步确认就是多一层保护。按钮的排列也有讲究通常 取消 在左确认 在右符合用户从左到右的阅读习惯。但在 iOS 和安卓的规范里顺序可能相反设计时要遵循对应平台的惯例别让用户找不着 取消 在哪。有勾选的弹框法律协议的正确打开方式用户首次打开 APP 时几乎都会遇到用户协议弹框。这类弹框的标准做法是协议内容摘要 一个 同意 的勾选框 一个 继续 按钮。勾选框默认不勾选用户手动勾选后继续 按钮才从置灰变为可点击。为什么要这么设计因为法律协议对公司来说是必须存在的但对用户来说又长又专业很少有人会逐字读完。交互上要做的是既保证用户 看见并知晓 了协议又不过度干扰使用流程。还有一点容易忽略法律条款不能只在首次启动时出现一次。在 APP 的设置、关于等页面也要提供协议的查看入口方便用户随时查阅。只在弹框里出现一次之后找不到了这是不合规的。多选择弹框选项顺序是心机当用户有三种选择时就需要多选择弹框。最常见的场景是应用评价给个评价吧—— 下面三个选项立即评价、吐槽一下、改天再来。这里的关键是选项的排列顺序。一般来说最想让用户做的操作放在第一位最不想让用户做的放在最后。比如想让用户去评价立即评价 就放最上面想让用户别轻易卸载残忍卸载 就放最下面。当然具体项目还要看具体情况但顺序背后的逻辑是用户的注意力从上到下递减把重要的放在最容易被看到的位置。底部弹框换个位置减少干扰底部弹框和普通弹框的内容、操作逻辑完全一样只是展现形式不同 —— 从屏幕底部滑上来而不是出现在屏幕中间。这种形式的好处是干扰感更弱。中间弹框会直接挡住用户正在看的内容而底部弹框只占据下半部分用户的视觉焦点还能保留一部分在上半区。但使用底部弹框有一个铁律保持一致性。要么整个产品都用中间弹框要么都用底部弹框千万别混着来 —— 一会儿中间弹、一会儿底部弹用户会混乱体验大打折扣。Toast 提示最轻量的反馈Toast 是最轻量的提示方式用于执行一个动作后的即时反馈删除成功、收藏失败、正在加载、网络异常…… 它展示 1-2 秒后自动消失不需要用户做任何操作对当前任务的干扰几乎为零。Toast 的使用场景很广但有几个注意点文字要精简别写一大段用户还没看完就消失了位置要合理别挡住关键内容等待时间长的时候可以加情感化设计比如加载时放个有趣的小动画能减少用户等待的烦躁感。顶部横幅提示不打扰的提醒还有一种更弱化的提示 —— 顶部横幅。它从屏幕顶部滑下来显示 1-2 秒后自动消失提示过程中界面上的功能仍然可以正常操作。这种方式适合那些 需要让用户知道但不需要用户停下来处理 的消息比如 已切换到 WiFi 网络 新消息已同步 。如果消息比较重要需要用户主动关闭就给横幅加一个关闭按钮变成 可关闭的顶部提示。用户看完可以手动关掉也可以等它自动消失多了一层控制权。广告弹框用好了是惊喜用不好是骚扰最后说广告弹框。这类弹框通常在用户刚打开 APP 时出现宣传营销活动需要用户手动关闭可以点击查看详情。广告弹框是最容易引起用户反感的提示类型。兰亭妙微的建议是频率要克制别每次打开都弹关闭按钮要明显别藏在角落让用户找半天内容要相关推用户可能感兴趣的活动而不是什么都往里塞。用好了广告弹框是给用户送福利用不好就是纯粹的骚扰。写在最后提示的本质是系统和用户之间的对话。什么时候该说、说什么、用什么语气说、说完要不要等用户回应 —— 这些选择决定了用户感受到的是 贴心 还是 烦人。兰亭妙微的原则是能不用弹框就不用弹框能用轻量提示就不用强打断提示必须打断时就把信息说清楚、把选择给明白。提示不是目的帮用户顺畅地完成任务才是。