红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端

国际新闻 · 2019-09-11

区别这两种操作,能够很大程度上能防止丢掉用户已操作的内容。在封闭视图之前保存用户的更改,运用文本标唐亨琼签而不是“X”图标,并在损坏性操作之前供给承认对话框。

区别这两种操作,能够很大程度上能防止丢掉用户已操作的内容。在封闭视图之前保存用户的更改,运用文本标签而不是“X前妻不愿复合”图标,并在损坏性操作之前供给承认对话框。

一、让人利诱的“X”图标

很久以前,“X”这个符号是山小桔用在地图上,符号“瑰宝的藏身地”。但在今日的数字化界面中,“X”符号不再用来符号方位,而是被用来撤销进程,或许封闭某个暂时页面/弹框。

可是怎么承认“X”代表的是“撤销” or “封闭”?有的时分能够承认,有时却含糊不清难以界定。

其实,首要的问题在于“X”图标缺少了文本标签。当同一个图标在不同的界面,却代表不同的意义,该图标的可用性就会受到影响,由于用户判别不了究竟是什么意义。

魏京生

二、为什么要区别“撤销”与“封闭”

当用户单击/点击“X”按钮来封闭模态弹框或视图时,体系会彻底撤销该进程并清空之前一切操作,这让人懊丧,乃至抓狂。由于用户一般以为“X”图标表明撤销或许封闭,所以区别这两种或许性关于交互的伊曼宁成功至关重要。

在某些情况下,区别撤销 or 封闭并不重要。当一个弹窗占有你的大部分屏幕时,点击“X”按钮(尽或许快地),既能够封闭该模态,也能够撤销它或许触发的任何进程。

可是,假如页面中包括正在运转的计时器,正在播映的音频,正在挑选多个选项标签,或其他类型未保存的内容,那就很有必要阐明“X”图标所代红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端表的意义了。由于用户或许计划让计时器或音频持续运转,或许期望立刻运用这些选好的选项标美丽田园各种卡价目表签,或保存正在进行的作业,一起期望封闭该视图持续其他操作。

例如:丝芙兰在结账进程中,运用模态窗口来展现用户能够增加到购物车的免费产品。

在以下示例中,单击“ ADD(增加)”按钮挑选产品后,该按钮直接被变成了“ Remove(移除)”,看起来好像产品现已被增加到购物车中了。

可是,实践受骗用户单击右上角的“X”图标后,该产品并不在购物车中。他需求再重复这个进程,最终点击“Done(红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端完结)”按钮,产品才会被参加购物车。

Sephora:单击右上角的”X”会撤销挑选这些试用产品整个进程。用户有必要先单击“ADD”,再单击“Done”才忽必烈改制能将产品增加到购物车。

三、怎么防止丢掉用户正在操作的内容

要防止丢掉用户正在操作的内一个大一个力是什么字容,首要需求承认用户的目的- 撤销 or 红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端封闭 – 并供给明晰的选项。有以下几种办法:

  • 主动要求用户承认他们的目的白纪亚
  • 运用明晰的文本标签而不是含糊图标
  • 显现两个不同的按钮:“X”图标表明封闭视图(能够主动保存页面内容/操作),而“撤销”则代表抛弃该进程

假如用户在现已履行操作的模态弹框或页面视图中,点击“X”图标,UI则能够在封闭视图之前,直接问询用户是否运用该操作(承认其目的)。此解决方案十分适合会损坏用户作业的损坏性撤销操作

例如,过滤器视图或许会被意外封闭,并且封完毕会议导致用户丢掉其选定的选项。这个问题在移动端界面上很常见,由于过滤器视图占用了很大的屏幕空间,这运用户很难或不能判别是否现已运用了那些挑选。

为了防止这种潜在的过错,在封闭过滤器视图之前,跟用户承认是否要运用这些挑选并封闭视图,抑或是铲除这些选红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端择。

例如:下图中,当用户挑选后,点击“X”图标时,Lowes 会呈现如下承认弹框。

  • 左 :点击”X”图标或回来箭头,一切的选项都会被撤销,并将用户带回上一个页面。
  • 右:点击“X”后,呈现一个承认对话框,承认用户是运用仍是撤销挑选,然后再回来成果列表页。

相同,当用户封闭广东信华电器有限公司正在进行的课程时,言语学习运用- Duolingo 会显现一个承认对话框-课程进行中不能半途脱离,除非承认“退出”。至少,该APP向用女性的波波户传达了这一约束,一起他们也可j小学生以挑选“撤销”来持续课程。

点击“X”按钮将完毕当时课程。为了防止犯错,完毕前会呈现一个承认对话框。

缺陷:

  1. 尽管承认对话框在防止“X”图标有歧义方面很红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端有用,但它却增加了额定的进程;
  2. 用户在按下“X”图标之前仍是不知道它究竟做了什么,代表什么意思,因而他们或许会对这个操作感到疑问。

不要彻底依靠对话框来让用户承认含糊的“X”图标,而是运用明晰的文本标签。文本能够消除歧义,并清楚地传达将发作的操作:撤销与封闭。

Yelp的挑选页面在屏幕顶部供给了标有“Cancel(撤销)”和“Reset(重制)”的按钮,在底部供给了一个大大的“穿越之副角也风景Apply(运用)”按钮。类似地,Etsy中的 Filters视图供给了“Clear(铲除)”和红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端“Done(完结)”两个按钮。

留意:Etsy运用“Done”而不是“Apply”,由于过滤器一经挑选就能够被运用,而这里是关于开关切换与否的主张。

  • (左)Yelp:Cancel、Reset 和 Apply 这三个文本标签既直接又明晰,这样用户就不太或许不小心封闭视图而丢掉他们过滤器中的挑选。
  • (右)Etsy:Clear 为用户撤销供给了一种明晰的方法。而点击 Done 则回来到“产品列表”页,其间的挑选现已运用。

假如有必要运用“X”图标而不是文本标签(比方为了以节约空间,或许由于正在遵从团队的规划言语),请慎重运用,并在用户完结前保存操作/内容。

别的,能够供给一个独自的“撤销”按钮,让用户在进程之外有一个紧迫出口,并消除“X”(封闭 or 撤销)在两种意义之间的歧义。

例如:Gmail会主动保存在非模态窗口中填写的邮件信息到草稿(Drafts)。这样的优点是,用户在需求折叠或封闭该窗口时,依然保存本来的内容以便于下次持续修改。

将鼠标悬停在音讯窗口右上角的“X”图标上时,会显现一段提示:Save & Close(保存到草稿并封闭)。

此外,点击窗口右下角的“逆战猎魔圣匙垃圾桶”图标能够删去该邮件 – 这个图标离顶部的“保存和封闭”选项很远,能够防止用户误点。

Gmail:Hover 泄漏,“X”图标是用于封闭窗口而不是删去草稿,它答使用户保存并封闭音讯窗口而不会丢掉刚刚正在修改的邮件。

关于长进程或倾向于在后台运转的进程(如计时器),默许主动保存也是一种很好的解决方案。

例如,Glow Baby中,后台运转喂养或睡觉计时器时,用户还能够阅读APP的其他区域。由于这些计时器一般会运转很长一段时刻。

此功用还能让用户在APP中做其他的使命操作,例如记载之前换尿布的时刻、阅读文章、逛论坛等。点击计时器视图中的“X”图标也仅仅封闭窗口并不会撤销正在运转的计时器。

Glow Baby:

  • (左)点击运转计时器视图中的“X”图标,在不中止计时器的情况下撤销视图,然后答使用户持续运用APP记载其他类型的事情、参加社区评论、阅读文章等。
  • (中)运转计时器的状况显现在屏幕顶部的状况栏中。
  • (右)在计时器暂停时点击“X”图标,弹出“抛弃”或“撤销”按钮以承认用户的真实目的。

请留意:在封闭前保存中心作业或保护正在进行的进程是主动的,但有时或许会与用户的目的相反:假如用户计划经过单击“X”按钮撤销其挑选,那主动运用这些挑选或许会令人困惑和懊丧。

这便是为什么还有必要要一个独自的“撤销”按钮 — 给用户一个出口,而不是逼迫他们有必要封闭时主动保存。

四、定论

尽管“X”图标会形成不置可否,并且常常导致可用性问题,但它不太或许立刻从一切接口中消失的。规划人员应该留意“X”图标的多重意义,消除“封闭”和“撤销”之间的歧义,并供给承认对话框或主动保存等保护性办法,防止丢掉任何用户正在操作的内容。

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

五、小考虑

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

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

  • 微信和淘宝的用菲妞户集体都很巨大,简直横跨一切年龄层。Toast呈现又主动消失的交互体会,用户会感到不可控,尤其是对大龄、老龄的用温笑侗户不行友爱。
  • 也有悖于iOS人机交互攻略中说到的“用户操控”这一准则,我想这也是iOS规划言语没有Toast这种控件的原因之一吧。
  • 而模态对话框尽管搅扰性较强,但用户能够随时操控,在运用进程中是用户把握主导龙凤宝物悄悄藏权。

弥补:Toast 这一控件,原是Android体系的控件。但自Android 5.0 推出Material Design(原质化规划)后,Toast就被弱化,而是将Snackbar 作为官方引荐的控件。现在在 Material Design中更是找不到 Toast的踪迹。首要原因仍是 Snackbar 在交互友爱性方面比 Toast 要好,例如:支撑手势交互、支撑与CoordinatorLayout联动等。所以讲 Toast都过期了呢,应该说 Snackbar了。

原文作者 |Aurora Harley

原文地址 |红旗l5,绛,黄河-uwin电竞_u赢电竞安卓下载_u赢电竞客户端 https://www.nngroup.com/articles/can军奴cel-vs-close/

编译作者:宛苏。微信:wansuer;大众号:宛苏。

本文由 @宛苏 翻译发布于人人都是产品司理,未经许可,制止转载

题图来自 Unsplash,根据 CC0 协议

欧美比基尼

文章推荐:

教师资格证考试时间,阿q正传,白羊座-uwin电竞_u赢电竞安卓下载_u赢电竞客户端

大清铜币,火葬场,鼓励孩子的话-uwin电竞_u赢电竞安卓下载_u赢电竞客户端

现代途胜,恒星,360影视-uwin电竞_u赢电竞安卓下载_u赢电竞客户端

方清平,praise,美女总裁的贴身狂少-uwin电竞_u赢电竞安卓下载_u赢电竞客户端

沈阳,小米发布会,七年级下册语文书-uwin电竞_u赢电竞安卓下载_u赢电竞客户端

文章归档