美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
取消与关闭:请在策划上区分异议
发表时间:2019-10-24

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

概要:区分这两种操作,可以很大程度上能避免丢失用户已操作的始末。在关闭视图之上保存用户的更改,使用文本标签而不是“X”图标,并在破坏性操作之上供给确认对话框。

 

一、让人迷惑的“X”图标

很久以上,“X”这个符号是用在地图上,标记“宝藏的藏身地”。但在今天的数字化界面中,“X”符号不再用来标记地位,而是被用来取消进程,或者关闭某个临时页面/弹框。但是如何细目“X”代表的是“取消” or “关闭”?有的时候可以细目,有时却模糊不清难以界定。

莫过于,主要的小case在于“X”图标缺少了文本标签。当同一个图标在不同的界面,却代表不同的含义,该图标的可用性就会受到影响,因为用户判断不了到底是什么含义。

 

二、为什么要区分“取消”与“关闭”

当用户单击/点击“X”按钮来关闭模态弹框或视图时,系统会完全取消该过程并清空之上一切操作,这让人沮丧,甚至抓狂。因为用户一贯认为“X”图标表示取消或者关闭,以是区分这两种可能性对于交互的成功至关要紧。

在某些环境下,区分取消 or 关闭并不要紧。当一个弹窗占据您的大部分屏幕时,点击“X”按钮(尽可能快地),既可以关闭该模态,也可以取消它可能触发的尽数进程。

但是,如果页面中包含正在运行的计时器,正在播放的音频,正在决定多个选项标签,或其他类型未保存的始末,那就很有需要说明“X”图标所代表的意义。因为用户可能打算让计时器或音频继续运行,或者瞩望立刻应用这些选好的选项标签,或保存正在进行的work,再是瞩望关闭该视图继续其他操作。

诸如:丝芙兰在结账过程中,使用模态窗口来找子 居没Э梢蕴砑拥焦何锍档腇ree商品。在以下示例中,单击“ ADD(添加)”按钮决定商品下, 该按钮直接被变成了“ Remove(移除)”,看起来似乎商品已经被添加到购物车中了。但是,就现实来说当用户单击右上角的“X”图标下,该商品并不在购物车中。他需要再重复这个步骤,末了点击“Done(完成)”按钮,商品才会被加入购物车。



Sephora:单击右上角的”X”会取消决定这些试用商品整个过程。用户必须先单击“ADD”,再单击“Done”才能将商品添加到购物车。 

 

三、如何避免丢失用户正在操作的始末

要避免丢失用户正在操作的始末,起首需要细目用户的意图 – 取消 or 关闭 – 并供给明确的选项。有以下几种方法:

 · 主动要旨用户确认他们的意图

  · 使用明确的文本标签而不是模糊图标

 · 显示两个不同的按钮:“X”图标表示关闭视图(可以自动保存页面始末/操作),而“取消”则代表放弃该过程

 

1、要旨确认

如果用户在已经执行操作的模态弹框或页面视图中,点击“X”图标,UI则可以在关闭视图之上,直接询问用户是否应用该操作,来确认其意图。此解决Plan非常适合会破坏用户work的破坏性取消操作。 诸如,过滤器视图可能会被意外关闭,并且关闭会导致用户丢失其选定的选项。

这个小case在移动端界面上很常见,因为过滤器视图占用了很大的屏幕容量,这使用户很难或不能判断是否已经应用了那些决定。为了防止这种潜在的错误,在关闭过滤器视图之上,跟用户确认是否要应用这些决定并关闭视图,抑或是清除这些决定。 诸如:下图中,当用户决定下,点击“X”图标时,Lowes 会出现如下确认弹框。





左 :点击”X”图标或返回箭头,一切的选项都会被取消,并将用户带回上一个页面。右:点击“X”下,出现一个确认对话框,确认用户是应用灰子 侨∠秆。幌略俜祷亟峁斜硪场

同样,当用户关闭正在进行的课程时,语言进修应用- Duolingo 会显示一个确认对话框-课程进行中不能中途离开,除非确认“退出”。至少,该APP向用户传达了这一限制,再是他们也可以决定“取消”来继续课程。点击“X”按钮将结束当上课程。为了防止出错,结束上会出现一个确认对话框。

 

缺点:

a. 虽然确认对话框在避免“X”图标有歧义关键很有效,但它却添加了额外的步骤;

b 用户在按下“X”图标之上灰子 遣恢浪降鬃隽耸裁矗硎裁匆馑迹子 他们可能会对这个操作感到疑惑。

 

2、使用文本标签

不要完全依赖对话框来让用户确认模糊的“X”图标,而是使用明确的文本标签。文本可以消除歧义,并清楚地传达将发生的操作:取消与关闭。

Yelp的筛选页面在屏幕顶部供给了标有”Cancel(取消)“和”Reset(重制)“的按钮,在底部供给了一个大大的”Apply(应用)“按钮。类似地,Etsy中的 Filters视图供给了“Clear(清除)”和“Done(完成)”两个按钮。

care:Etsy使用“Done”而不是“Apply”,因为过滤器一经决定就可以被应用,而这里是About开关切换与否的倡议。




(左)Yelp:Cancel、Reset 和 Apply 这三个文本标签既直接又清晰,这样用户就不太可能不小心关闭视图而丢失他们过滤器中的决定。(右)Etsy:Clear 为用户取消供给了一种清晰的方式。而点击 Done 则返回到“产品列表”页,此道的决定已经应用。

 

3、关闭并保存

如果必须使用“X”图标而不是文本标签(譬喻为了以节省容量,或者因为正在遵循TEAM的策划语言),请谨慎使用,并在用户完成上保存操作/始末。其余,可以供给一个单独的“取消”按钮,让用户在进程之外有一个紧急出口,并消除“X”(关闭 or 取消)在两种含义之间的歧义。

诸如: Gmail会自动保存在非模态窗口中填写的邮件信息到草稿(Drafts)。这样的好处是,用户在需要折叠或关闭该窗口时,仍然保存原来的始末以便于下次继续编辑。将鼠标悬停在消息窗口右上角的“X”图标上时,会显示一段提示:Save & Close(保存到草稿并关闭)。易于 得出,点击窗口右下角的“垃圾桶”图标可以删除该邮件 – 这个图标离顶部的“保存和关闭”选项很远,可以防止用户误点。





Gmail:Hover 透露, “X”图标是用于关闭窗口而不是删除草稿,它允许用户保存并关闭消息窗口而不会丢失刚刚正在编辑的邮件。

对于长进程或倾向于在下台运行的进程(如计时器),默认自动保存也是一种很好的解决Plan。

诸如,Glow Baby中,下台运行我子 郴蛩呒剖逼魇保没Щ箍梢凿繟PP的其他区域。因为这些计时器一般会运行很长一段时间。此功能还能让用户在APP中做其他的任务操作, 诸如记录之上换尿布的时间、浏览文章、逛论坛等。点击计时器视图中的“X”图标也只是关闭窗口并不会取消正在运行的计时器。




Glow Baby:(左)点击运行计时器视图中的“X”图标,在不停止计时器的环境下取消视图,易于 允许用户继续使用APP记录其他类型的事件、参与社区聊下、阅读文章等。(中)运行计时器的状态显示在屏幕顶部的状态栏中。(右)在计时器暂停时点击“X”图标,弹出“放弃”或“取消”按钮以确认用户的真正意图。

请care:在关闭上保存中点work或维护正在进行的过程是主动的,但有时可能会与用户的意图相悖:如果用户打算通过单击“X”按钮取消其决定,那自动应用这些决定可能会令人困惑和沮丧。

这就是为什么还必须有一个单独的“取消”按钮,给用户一个出口,而不是强迫他们必须关闭时自动保存。

 

四、结论

虽然“X”图标会遭成模棱两可,而且经常导致可用性小case,但它不太可能马上从一切接口中消失。策划人员应该care“X”图标的多重含义,消除“关闭”和“取消”之间的歧义,并供给确认对话框或自动保存等保护性措施,避免丢失尽数用户正在操作的始末。

若存在疑问,请记取:先保存,再退出。

 

五、小思考

读上面这篇文章的一个小启发:

为什么手机验证码登录WeChat/淘宝时,验证码输入错误,二者都是用的模态对话框提示用户,而不是用Toast呢?






  • a. WeChat和淘宝的用户群体都很庞大,险些横跨一切年龄层。Toast出现又自动消失的交互体味,用户会感到不可控,尤其是对大龄、老龄的用户不够友好。
  • b. 也有悖于iOS人机交互指南中提到的“用户把握”这一原则,我想这也是iOS策划语言没有Toast这种控件的原因之一吧。
  • c. 而模态对话框虽然干扰性较强,但用户可以随时把握,在使用过程中是用户把握主导权。补充:Toast这一控件,原是Android系统的控件。但自Android 5.0 推出原质化策划下,Toast就被弱化,而是将 Snackbar 作为官方推荐的控件。方另在 Material Design中更是找不到 Toast的踪影。主要原因灰子 Snackbar 在交互友好性关键比 Toast 要好, 诸如:支持手势交互、支持与CoordinatorLayout联动等。以是说 Toast都过时了呢,应该讲 Snackbar。



——美高梅分享,作者Aurora Harley


XML 地图 | Sitemap 地图