很久以前，这个符号X意思是"宝藏就埋在这里"在今天的数字界面中，X不再标记位置，而是作为用户取消进程或取消临时屏幕的一种方式。我们怎么能确定X意味着取消或关闭？不幸的是，有时你做不到。
主要问题在于共性缺少文本标签为X图标。当一个图标在不同界面的相似上下文中表示多个含义时，图标的可用性因为用户不能依赖任何单一的解释。
避免失去用户的工作
当用户想要通过单击X按钮，但系统却完全取消了这个过程，并清除了他们的所有工作，这在最好的情况下是令人沮丧的，在最坏的情况下是令人抓狂的。是的,X图标通常被用户认为是表示取消或关闭,但区分这两种可能性对于互动的成功至关重要．
在某些情况下，取消和关闭之间的区别并不重要。当弹出窗口占据了大部分屏幕时，点击X按钮(以尽可能快的速度)既可以关闭模态并可能取消它可能触发的任何进程。然而，如果一个屏幕包含一个正在运行的计时器，正在播放音频，包含几个选定的过滤选项，或者包含一些其他类型的未保存工作，那么正确地解释这些内容就变得更加重要了X图标代表-你可能打算离开那个计时器或音频运行，应用那些选定的过滤器，或保存你正在进行的工作，而想要关闭那个视图以继续一些其他相关的活动。
例如，Sephora的付款过程使用一个模态窗口来提供免费的样品，用户可以将这些样品添加到购物车中。在下面的示例中，刚刚通过单击添加下面的按钮;这一行动导致了添加按钮将被替换为删除链接，这使得示例看起来好像已经被添加到购物车中了。但是，当用户通过单击X图标,而不是完成链接时，她发现商品不在购物车中，她需要再次添加它。
为了避免丢失用户的工作，系统需要确定用户的意图——取消或关闭——并提供明确的选项。
这个目标可以通过以下一种或多种方式来实现:
- 要求用户确认他们的意图
- 使用显式的文本标签而不是模糊的图标
- 呈现两个不同的按钮:X关闭视图(附带节省中间工作的副作用)和取消放弃了这个过程
1.要求确认
如果用户按下X当她已经执行了某个操作时，UI可以通过在关闭视图前直接询问是否应用该操作来确认她的意图。这种解决方案对于破坏性来说是理想的取消行动这将失去用户的工作。在这里，那句古老的谚语“请求原谅比请求许可更好”是完全不正确的——总是去请求在进行破坏性行为之前进行确认．
例如，过滤器视图经常会意外关闭，而该操作会导致用户丢失工作。这个问题在移动界面上尤其猖獗，因为过滤屏幕通常会占用大部分(如果不是全部的话)可用的屏幕空间，这使得很难或不可能判断选择是否已经被应用。
来防范潜在的错误，询问关闭筛选器视图的用户是否打算应用筛选器并关闭视图或清除他们的选择。例如，当用户试图在应用她的选择之前关闭过滤屏幕时，Lowes移动应用程序会显示一个确认对话框。
同样，当用户试图关闭正在进行的课程时，语言学习应用Duolingo会显示一个确认对话框——课程不能只完成一部分，必须要么完成要么取消。至少，应用程序向用户传达了这一限制，并让他们选择返回课堂以保持进度。
而确认对话则能有效地消除歧义X图标，它们添加额外的步骤;此外，用户不知道X因此，他们可能会担心自己行为的后果。
2.使用显式标签
与其在用户无意中失去所有选择之前依靠确认对话框来捕获用户，还不如使用确认对话框消除模棱两可的X图标支持显式的文本标签按钮．文本可以减少歧义，清楚地传达将要发生的行动:取消与关闭．
Yelp移动应用程序的过滤屏幕上有标签为取消和重置在屏幕的顶部和单个大应用按钮在底部。类似地，Etsy移动应用程序中的过滤器视图提供了单独的按钮清晰的和完成．(注意:Etsy使用完成而不是应用因为筛选器一旦被选中，就会立即应用，推荐用于切换开关．)
3.喜欢关闭和保存
如果X必须使用图标而不是文本(以节省空间或因为您遵循您的组织风格指南)，宁可慎之又慎保存任何中间工作这已经做到了。另外，提供一个单独的取消按钮，给用户一个紧急退出程序消除the的两种可能的含义之间的歧义X(关闭和取消)。
例如，Gmail自动保存在其nonmodal窗口．这种做法允许用户在需要时折叠或关闭窗口，同时仍然保存进度。徘徊在X消息窗口右上角的图标显示一个工具提示，确认草稿将被保存并关闭。取消也仍然可用(使用删除垃圾箱图标底部的消息窗口-远离保存和关闭选项在顶部，以帮助防止错误)。
默认情况下保存也可以是对于长进程或倾向于在后台运行的进程来说，这是一个很好的解决方案，如计时器。例如，Glow Baby手机应用允许用户在进食或睡眠计时器在后台运行时浏览应用的其他区域。因为这些计时器可以运行很长一段时间(希望睡眠计时器可以运行很长一段时间!)，这个功能可以让用户在应用程序中完成其他任务，比如记录过去的尿布更换或浏览文章和论坛。攻丝的X在计时器视图中的图标只是取消窗口而不取消正在运行的计时器。
请注意，在关闭之前保存中间工作或维护正在进行的过程是主动的，但有时可能与用户的意图相反:如果用户打算通过单击X按钮，自动应用这些选择可能会令人困惑和沮丧。这就是为什么还要包含一个独立的元素取消按钮，给用户一个退出，而不是强迫他们只保存和关闭视图。
结论
而X图标是模糊的，经常会导致可用性问题，它不太可能在短时间内从所有界面中消失。设计师应该意识到的多重含义X图标与消除歧义之间关闭和取消，以及提供确认对话框或自动保存等保护措施，以避免丢失任何用户的工作。
记住，当你有疑问时，保存,然后出去了。
分享这篇文章: