Z Yuhan:稍微复一点的产品少不提示功能,种局模块既需要整决方案,也需要具运用规则。以手机 App 为例,提示种类很(操成功、操失败、收藏点赞、二次确认……),展示形式也很。
我近对这一方面所思考,结合外网资料整理了一套提示设计的方法和建议。为方便释,下面以移动端为例,但是核心的方法理念是适用各种终端平台的。
下文会从三角度分析提示设——重程度、出置内构。
一、重要程度
提示种类之多,几乎无法完全枚举,况且很多 Bug 提示无法设时就预料到的,所以比较实际的方法用重程度划分提示。但以什么依据呢?我这里参考了的可用性问题级规则,利用「如果提示,可能对用户产的影响」判断提示的重程度。
1. 重度提示
不可逆、涉及金钱或不建议的变信息,如:永久删除、购买、取消关注……
计方向:
- 确保用户能够看到提示,哪怕打断当任务。
- 必须用户主动操作或进行选择才能继续。
2. 度提示
用户可能需要了解、感兴趣变更信息,如:好友消息、网络误、账号升级……
设计方向:
- 在尽量不打断前任务前提下,确保用户可以看到提示。
- 不自动消失,但用户以选择忽视。
3. 轻度提示
用户可以预料的变更息,如:发送成功、添加收藏、开启流量模式……
设计方向:
- 避免对当前任产生任何干扰,让兴趣的用户能够发现提示。
- 自消失,无需任何操作。
二 、出现位置
位置对注意力来说非常重要,提示出现在不同地方产生完不同的效果。因为能的位置太,里主要将其分为三类。
1. 原位
在用户原操之处、视焦点出现提示肯定是最的方式。
因为无论引导何强烈,对用户来说有一个代价是无避免的——转移视。尤其是有时用户做某件情太集中时,能强的旁提示无法引注意。所以像样相当把信息放到用户眼前,就消减很问题和代价。
这种方式固然好,但可行性却相对较低。例中收藏图标点一下加动效变实这种当然简单,但很多提示(如加载失败)都不存触发操作或不确视线焦点,对于这类提示用原展示的话,视线本就比较高了。
2. 中央
中央弹窗、浮层可能我们印象深刻的提示置了,无需过多解释。
这种提示必然从视觉打断了当任务,所以加合程度较高的提示。
如果动消失,也是可以运用于弱提示的,但是这的效果远比不上在位提示更好。尤其是如果触发操作或视线焦点在界面边缘,屏幕中央出现一闪即逝的弱提示未必能够引起注。
总的来说,中央位置算是较省事保险的方案。
3. 边缘
消息推送、角标这类利界面边缘位置的示很见。
这种位置的好处是会打扰当前任务,且顶或位置可摆放较多字,适合中或轻示。
缺也很明显,即很容易被忽略,所以常要搭配动效、音效。更糟糕情况是,这边缘很有可能距离触发操作和视线焦较远,如不巧发生了,那么用户很有可能看不到。
三、结构组成
1. 闭
传统 Windows 都是清一色带有闭按钮的,但是大分情况可并需要这个按钮。因为:
- 重度提示会在用户进行选择操作后动消失,所以不需要关闭。
- 轻示会很快自消失,需要闭。
- 有必选项度提示才可能需要关闭按钮。
2. 标题
了不扰用户,提示应该越简洁易懂越好,所以标题这东就很鸡肋了。由于一些系统弹窗的结构限制,时配置提示的时候了填充标题区域,不得不写「提示」、「二次确认」这种毫无意义的文字。
没有必要就不要塞标题了,除了给用户造成阅读负担之外没有任何好。
3. 图片
从纯粹的人机交互,部分提示其实完全不用配图,尤其些系统了强行配图,每提示框都加一级强度的图标,这样其实什么意义。
但是从视觉美和易于记忆的角度来,搭配一些真正适好的图也是不错的。
4. 选项
重度提示通常都求用户选择操作的;轻度提示一般自动消失不需行任何选择。
所以关键在于中度提示是否需要提供选项呢?最好是能够提供可选操作,哪怕用户可以关闭或无视提示。
例如在打开页面时,因为流量太大问题而错。如果简单处,给户说明错由就好了。但是如果要真正为体验而设计,就要考虑户此时的心。户发现页面打开,管由如何就是会觉得开心。如果这里有一个反馈入口,供一个宣泄途径,哪怕实际上并够解决任何问题,至户在心上有「做了努」的感觉。
5. 情
这是有思的一点,也是近年来才出现的计趋势。大部人都对可爱的事物持有较高的容忍度,例如一个成年人路摔了一下会被嘲笑,而一个孩路摔了一跤会被说可爱,这可能和呵护下一代的性有关吧。
利人的感性这一点,如果将系统包成一个较为可爱的人物形象,就户对问题的容忍。示通会对户成一定干扰,尤是问题示,这些情况是最需要容忍的,此处是情感包的良机。
注作者的微信公众号:「交互进阶」