发布时间：2021-1-26 分类： 电商动态
作者以移动终端为例分析了提示设计——重点程度，外观位置和内容构成三个角度。享受〜
稍微复杂的产品具有提示功能。此全局模块需要完整的解决方案并需要特定的规则。以移动应用程序为例，有多种提示（操作成功，操作失败，收藏，第二次确认…）;有很多种形式的展示。
我最近考虑过这个方面，并结合外部网络数据来组织一套设计技巧的方法和建议。为了便于说明，以移动终端为例，但核心方法概念适用于各种终端平台。
以下是对提示设计的分析——从三个角度来看重要性，外观和内容构成。
1.重要性
有很多类型的提示很难完全枚举，并且在设计时不会出现许多错误提示。因此，更实际的方法是将提示划分为重要性。但基础是什么？我在这里参考可用性问题评级规则，并使用“如果没有提示，改善对用户的影响”来确定提示的重要性。
如果你想了解可用性问题评级规则，你可以参考我之前写的这篇非常理论的文章：《正视可用性问题》
1.1严重提示
不可逆转，与金钱相关或不推荐的更改信息，例如：永久删除，购买，取消关注和hellip;
设计方向：
确保用户可以看到提示，即使当前任务中断，用户也必须主动或做出选择以继续
1.2中等提示
用户可能需要了解并感兴趣的更改，例如：朋友消息，网络错误，帐户升级和hellip;
设计方向：
在不尽可能不中断当前任务的前提下，确保用户可以看到提示不会自动消失，但用户可以选择忽略
1.3温和提示
用户可预测的变更信息，例如：成功交付，添加收集，开放省流量模式和hellip;
设计方向：
避免干扰当前任务，以便感兴趣的用户可以发现提示自动消失而无需任何操作
2.外观位置
位置对于注意非常重要，这表明出现在不同的地方会产生完全不同的效果。由于可能的位置太多，这里主要分为三类：
2.1原地
在用户的原始操作中，视线焦点提示绝对是最佳方式。
因为无论引导多么强大，对用户来说都是不可避免的代价 - ——转移视线。特别是，有时当用户做过于集中的事情时，强侧提示可能不会引起注意。因此，这相当于将信息放在用户面前，这减少了许多问题和成本。
这种方法很好，但可行性相对较低。与上例中的集合图标一样，向实体添加动态效果当然很简单，但许多提示（例如加载失败）没有触发操作或不确定的视线焦点。为了在现场显示这样的提示，视线成本更高。
也就是说，谷歌的数量级公司敢于在材料设计的建设中提出建议。我还使用《谷歌 Material Design 从这些方面打破了我思维局限》来解释元素跟踪轨迹，但不使用视线跟踪元素。但即便像谷歌这样的公司也无法真正传播这一概念。事实上，他们的大部分产品都没有在Material Design中实现许多理想的设计。
但从技术发展速度的角度来看，这些不应该太遥远。
2.2中央
中央弹出窗口和浮动层可能是我们最令人印象深刻的提示，没有太多解释。
这种提示不可避免地在视觉上中断当前任务，因此更适合于具有更高严重程度的提示。
如果它自动消失，它也可以用于弱提示，但这种效果远比现场提示好。特别是如果触发操作或视线焦点位于界面的边缘，则屏幕中央的闪烁弱提示可能不明显。
一般来说，中心位置是一个更经济的保险计划。
2.3边缘
使用界面边缘的消息推动，角落等也很常见。
这个位置的优点是它不会干扰当前任务，并且顶部或底部位置可以放置更多文本，适合中等或轻度提示。
缺点也很明显，也就是说，它们很容易被忽视，所以它们通常必须匹配效果和声音效果。更糟糕的是，边缘可能会远离触发动作和视线的焦点，如果发生这种情况，用户很可能是隐形的。
3.结构3.1关机
传统的Windows始终可以通过关闭按钮使用，但在大多数情况下，可能不需要此按钮。这是因为：
用户进行选择后，严重提示将自动消失，因此无需关闭。灯光提示将自动消失，无需关闭。只有没有强制选项的温和提示可能需要关闭按钮。
3.2标题
为了不干扰用户，提示应尽可能简单易懂，因此标题非常无味。由于某些系统弹出窗口的结构限制，有时为了在配置提示时填充标题区域，有必要写入< ;;提示”，“二次确认”这个毫无意义的文字。
如果您不需要，请不要强制使用标题，除了给用户带来阅读负担之外没有任何好处。
3.3图片
从纯粹的人机交互的角度来看，大多数提示都是完全没有必要的。在某些情况下，为了强制映射，每个提示框都添加了一个级别强度图标。这没有多大意义。
但从视觉美感和易记的角度来看，匹配一些非常好看的图片是很好的。
3.4选项
严重的提示通常要求用户选择操作;温和的提示通常会自动消失，没有任何选择。
所以关键是媒体提示是否需要提供选项？即使用户可以分叉或忽略提示，最好能够提供可选操作。
例如，在打开新页面时，由于流量太大而发生错误。如果处理起来很简单，最好告诉用户错误的原因。但是如果你想真正设计体验，那么你应该考虑用户的心理。用户发现无法打开页面，并且无论原因如何都会感到不快。如果这里有反馈门户，提供宣泄路径，即使它实际上没有解决任何问题，至少让用户感到心理上“工作”。
3.5情绪
这是一个非常有趣的观点，它也是近年来才出现的设计趋势。大多数人对可爱的东西有很高的容忍度。例如，一个走路和摔倒的成年人会被嘲笑，一个走路和摔倒的孩子会说是可爱的，这可能与下一代的性质有关。这是关于它。
利用人类的敏感性，如果将系统打包成更可爱的角色图像，则可以提高用户对问题的容忍度。提示通常会对用户造成一些干扰，尤其是问题提示。这些情况是最宽容的，所以这也是情感包装的好机会。
作者：Z Yuhan，几乎知道Rubric：高级互动
资料来源：https://zhuanlan.zhihu.com/p/35974525?group_id=971686050897227776
本文由@Z Yuhan授权。未经许可，禁止复制。
该地图来自Pexels，基于CC0协议
