很久以前,符号X意思是“这是宝藏被埋葬的地方。”在当今的数字接口中,X不再标记现场,而是用作用户取消进程或解雇中期屏幕的方式。如何肯定会怎样判定X手段取消要么?有时候,不幸的是,你不能。

主要问题伴随着共同的缺乏文本标签为了X图标。当一个图标表示不同接口的类似上下文中的多种含义时,图标可用性因为用户不能依赖任何单一解释。

避免失去用户的工作

当用户打算通过点击解雇模态或视图时X按钮,但系统完全取消了这个过程并清除了他们所有的工作,它充其量令人沮丧,并且在最坏的情况下疯狂。是的X用户通常被用户识别图标意味着取消或者,但是区分两种可能性对于互动的成功至关重要

在某些情况下,取消与关闭之间的区别无关紧要。当一个弹出窗口接管大多数屏幕时,击中X按钮(尽可能快地,人类可能)为近距离接近莫代尔也许取消可能触发的任何进程。但是,如果屏幕包含一个正在运行的计时器,则播放音频,包含几个选定的过滤器选项,或包含一些其他类型的未保存的工作,正确解释该类型更重要X图标表示 - 您可能会打算留下将该定时器或音频运行,应用选定的过滤器,或保存正在进行的工作,同时希望关闭该视图以继续其他相关活动。

例如,Sephora Checkout Process使用模态窗口来提供用户可以添加到购物车的免费样品。在以下示例中,单击刚刚选择了一个项目按钮下方;这一行动导致了按钮被a替换去掉链接,它看起来好像样本已被添加到购物车中。但是,当用户通过单击关闭模态时X图标而不是完成链接,她发现该项目不在购物车中,并且她需要再次添加它。

Sephora网站:选择试用产品模态窗口的屏幕截图
Sephora:尽管它看起来好像已经将样本添加到购物车,因为它现在可以删除,关闭模态(通过点击X在右上角)取消了选择试用项目的过程。要将项目添加到购物车,用户必须首先点击然后通过单击此操作应用该操作完成链接。

为避免丢失用户的工作,系统需要确定用户的意图 - 取消或关闭 - 并提供清晰的选项。

这一目标可以通过以下一个或多个来实现:

  1. 要求用户确认他们的意图
  2. 使用显式文本标签而不是模糊的图标
  3. 提出两个不同的按钮:X为了结束视图(具有节省中间工作的副作用)和取消为了放弃这个过程

1.要求确认

如果用户按下X在她已经执行了一个动作的模态或中间视图上的图标,UI可以通过直接询问是否在关闭视图之前询问该操作来确认她的意图。该解决方案非常适合破坏性取消行动这将失去用户的工作。在这里,旧格言说,最好乞求宽恕而不是要求许可绝对不是真的 - 总是要求在承诺破坏性行动之前确认

例如,筛选视图通常意外关闭,并且该动作导致用户失去工作。此问题在移动接口上特别猖獗,因为过滤器屏幕通常消耗大多数 - 如果不是全部 - 可用的屏幕空间,这使得难以或不可能判断是否已应用选择。

防止潜在的错误请询问关闭过滤器视图的用户是否打算应用过滤器并关闭视图或清除其选择。例如,Lowes移动应用程序在用户在应用她的选择之前尝试关闭过滤器屏幕时,显示了一个确认对话框。

Lowes移动应用:2筛选屏幕和确认对话框的屏幕截图
Lowes移动应用程序:点击X按钮或者背部箭头可以重置任何选择并将用户返回到上一个结果集。右:敲击后X,似乎在返回结果列表之前检查用户是否意味着应用或取消过滤器细化。

同样,语言学习应用程序Duolingo在试图关闭正在进行的课程时,无法留下课程,并且必须完成或取消,显示了一个确认对话框。至少,应用程序将此约束传达给用户,并给出了返回课程以维护进度的选项。

Duolingo移动应用程序:离开课程前确认对话
duolingo:点击X按钮将结束当前的课程并丧失任何进展。要防范错误,该应用程序包含一个确认对话框。

虽然确认对话是有效地消除歧义的含义X图标,他们添加额外的步骤;而且,用户不知道是什么X在他们按下它之前确实如此,因此,他们可能担心他们的行动的结果。

2.使用显式标签

你可以消除模棱两可X有利于显式文本标记的按钮的图标。文本可以减少模糊性并清楚地传达将发生的行动:取消

Yelp的移动应用程序的过滤器屏幕提供标有按钮取消重启在屏幕顶部和一个大的应用底部的按钮。同样,ETSY移动应用程序中的滤波器视图提供了标记的单独按钮明确完成。(注意:使用etsy完成而不是应用因为一旦选择,滤镜被选中,建议用于切换开关。)

Yelp Mobile App和Etsy Mobile App Filter屏幕的屏幕截图
(左)yelp移动应用程序:文本标签取消重启,和应用直接和清晰,使用户不太可能无意中关闭视图并丢失过滤器选择。(右)etsy移动应用程序:文本标签明确为用户取消了他们的选择,给出了一个明确的方式(请原谅双关语)。该完成链接返回到产品列表页面,已应用选择。

3.有利于关闭和保存

如果是X必须使用图标而不是文本(保存空间,或者因为您正在遵循组织时尚指南),谨慎行事保存任何中间工作已经完成了。此外,提供单独的取消按钮,给用户一个紧急出口退出过程并消除两种可能的含义之间的歧义X(结束和取消)。

例如,Gmail会自动保存在其中组成的消息草稿非透镜窗口。这种做法允许用户在需要时折叠或关闭窗口,同时仍在保存其进度。徘徊在这边X消息窗口右上角的图标显示了一个工具提示,确认该草稿将被保存和关闭。取消也可用(使用删除垃圾可以在消息窗口底部的图标 ​​- 远离保存和关闭最重要的选择有助于防止错误)。

Gmail站点:屏幕截图显示X图标的工具提示编译非透镜窗口中
gmail:悬停揭示了X图标用于拒绝窗口而不是删除草稿,允许用户保存和关闭消息窗口而不丢失正在进行的工作。

默认保存也可以是一个倾向于在背景中运行的长进程或流程的良好解决方案,如计时器。例如,发光婴儿移动应用程序允许用户浏览应用程序的其他区域,而馈送或睡眠定时器在后台运行。因为这些计时器可以长时间运行(希望,睡眠定时器的很长一段时间!),这一功能让用户在应用程序中完成其他任务,例如录制过去的尿布改变或通过文章和论坛浏览。manbetx官网手机登陆敲击X定时器视图中的图标只会在不取消运行计时器的情况下拆除窗口。

发光婴儿移动应用程序:3护理计时器的屏幕截图,可以获得自动保存或呈现确认对话框
发光宝宝:(左)敲击X在运行定时器视图中的图标被解雇了视图而不取消定时器,因此,允许用户继续使用应用程序来记录其他类型的事件,参与社区讨论,阅读文章等。manbetx官网手机登陆(中间)运行计时器的状态显示在屏幕顶部的横幅中。(右)击中X虽然计时器暂停了丢弃要么取消按钮以检测用户的意图。

请注意,在结束前保存中间工作或维护正在进行的过程是主动的,但有时可能与用户的意图相反:如果用户打算通过单击取消他们的选择X按钮,自动应用这些选择可能会令人困惑和令人沮丧。这就是为什么还包括单独的原因取消按钮,为用户提供OUT,而不是强制他们只保存并关闭视图。

结论

虽然这一点X图标是暧昧的,并且通常会导致可用性问题,但它不太可能从所有接口都会随时消失。设计师应该意识到多种含义X图标和消除歧义取消,并提供保障措施,例如确认对话框或自动送视,以避免丢失任何用户的工作。

记住,疑问,保存然后出去了。