编辑导语:一款产物,无论是对于年轻人照旧老年人来说,可以或许给其带来轻松的利用体验,方便其举行探索,如许才气利用户不停学习产物的功能,同时进步对于产物的满足度和贩卖量。那么,UI计划怎样思量到这些因素,而且实现用户控制和自由呢?
轻松办理疑问,鼓励探索,这有助于用户学习和发现产物的功能。还可以进步功能模块的团体利用率和贩卖量。相反,当UI不支持这些操纵时,用户会感到受困,而且通常会表达出不满。
- 返回:返回用户之前的页面;
- 取消:答应用户退出一个使命或多步过程;
- 关闭:答应用户关闭新开的页面;
- 打消选项(和相应的重做选项):答应用户回溯到改变的UI元素。
每当用户点击控件跳转到新页面时,他们应该始终可以或许返回其泉源。用户在网站的可用性测试中依赖“返回”按钮回到上一页,我们常常看到一些用户在欣赏网站时默认利用欣赏器的“返回”按钮,而不是利用网站的导航(比方面包屑)。
这就是为什么我们发起不要一味地在网站中选择新开页面的缘故原由之一,由于有些用户不会留意到他们位于新页面中导致很难返回。
某些网站故意通过禁用欣赏器的“返回”按钮,制止用户脱离网站。假如您也利用这种计谋,固然用户会在您的网站上停顿几秒钟(由于他们无法脱离),但您很快就会感到沮丧。
究竟这种计划选择通常是优先思量数据指标不是用户体验目的的效果。网站不应通过禁用“返回”按钮来诱捕用户,而应向用户提供有代价的内容,让他们自动想留下来。
我们会在某些表单上看到“返回”按钮无法正常利用的环境,由于“返回”大概会粉碎该表单的底层逻辑。
在某些环境下,用户点击表单的“返回”按钮,他们会收到超时提示并丢失掉已完成的操纵,而不是正常的返回上一页,通常产物应该提供给用户正常利用的“返回”按钮。
假如计划无法做到这一点,请在用户点击“返回”按钮时告诫用户,并为他们提供取消此操纵的时机。计划师还应该实验提供可点击的多步调进度条,以资助用户在不丢失已完成操纵的环境下找回表单。
在达美航空的应用步伐上,一旦选择了航班,用户将无法返回到航班列表,而不必重新开始搜刮。
在这种环境下,“返回”无法正常运行,由于它不答应用户向后移动一步。相反,“返回”充当了“取消”的功能。像如许迫使人们不肯探索其他的航班,其贩卖量大概会受到影响。
二、利用“返回”时应满意用户的盼望
当页面上表现弹窗时,用户通常会迷失方向,并以为本身在新页面上-尤其是弹窗层占据了整个页面。
因此,要返回上一页,用户通常利用欣赏器的“返回”按钮,而不是点击弹窗上的“关闭”或X图标。此操纵的作用是利用户退回两个步调,而不是一个步调,从而引起杂乱和迷失方向。
在近来的移动装备可用性测试会话中,一位到场者利用了全屏弹窗上的“返回”按钮,并从该弹窗和他计划返回的页面中退出了。到场者批评说:“我不盼望被带出该页面(…)。假如我点击了’返回’,应该回到我想回到的上一页。但它并没有带我回到弹窗出现前的页面。”
当用户有大概将弹窗误以为是新页面时(无论是在台式机照旧在移动装备上),请确保“返回”按钮与“关闭”按钮具有雷同的结果。
在ASOS.com上,当用户在详情页选择“免费送货与退货”时,会出现全屏弹窗。轻击欣赏器的“退却”按钮可将用户返回到商品列表,而不是详情页。
在Wayfair.com上,在产物x详情页单击“批评”会跳出一个浮层,该浮层会睁开占据全屏。“返回”按钮(网站和欣赏器的)都将用户带到初始产物详情页,这是用户所盼望的。用户还可以从左向右滑动以关闭浮层。
用户更盼望移动端应用与他们对PC网站的“返回”利用盼望同等:即“返回”便是退却一步。不幸的是,通常计划职员将其视为提拔应用步伐信息层级的一种方式。效果,用户很轻易迷失方向。
在上面的示例中,用户可以从右向左滑动以阅读BBC消息应用步伐中的另一个消息故事(次序与他们在消息列表页面上垂直列出的方式相对应)。
但是,用户无法利用“返回”按钮通过滑动来返回他们访问过的故事。利用“返回”按钮可将用户返回至文章列表页面,而不是他们访问的上一篇文章。
三、使“关闭”易于发现
就像在物理空间中一样,“出口”应该易于发现而且指向清楚,以便在必要时可以发现它们。在计划“关闭”、“退出”、“取消”时,应遵照计划尺度,以便用户可以按照盼望的位置找到它们。比方,在浮层弹窗上上,用户通常盼望弹窗的右上角有一个“ X”图标。
在Harper’s Bazaar的网站上,弹出窗口约请用户思量订阅。“关闭”按钮出如今覆盖的左下角附近,这种不平常的位置,加上与配景的对比差,很丢脸清(高不来:许多APP的开屏广告点击范围极小的地痞式“跳过”按钮也同理)。
除了把“关闭”按钮放置在用户预期的位置之外,还请利用通用图标,以便用户相识“关闭”的作用。带有文本的图标或纯文本的更换图标会更好明白。比方:利用“返回”,而不是“<”;利用“关闭”,而不是“X”。
四、答应用户轻松取消操纵
无论用户是开始购买,转账照旧举行大量下载,他都应可以或许随时取消该使命。该“取消”的选择应该很轻易找到并快速实行。纵然在多步调过程中,用户可以利用“返回”链接取代“取消”,最好照旧提供“取消”以制止不须要的操纵。
当用户开始撰写tweet,他们可以很轻易地取消,通过选择使命然后在页面的左上角选择取消。选择取消后Twitter向用户提供了删除消息或生存草稿的选项。此选择可确保用户不会心外丢失已编辑的内容。
在移动装备上,一些计划师实验通过利用“X”图标(而不是Cancel)来节流空间。不幸的是,偶然“X”大概被误以为是“Close”而不是“Cancel”。
在某些界面中,区分两者之间的差别很紧张,以制止用户堕落。假如“X”表现“关闭并“取消”,则必要利用显式文本“取消”或向用户提供告诫对话框,以制止用户丢失已完成的操纵。
从Wealthfront的应用步伐中的投资帐户转移资金时,用户在次序屏幕上遵照几个步调。
在页面顶部,用户可以利用“<”箭头返回上一步,大概选择“X”取消传输。但是,选择“X”是“生存传输参数”照旧“完全取消传输”不敷明白。因此利用“取消”笔墨标签会更好。
五、支持打消
当用户更改体系状态时,他应该可以或许轻松打消该操纵。想象一下,不警惕删除了整个文本段落而无法找回它有多可骇!
界面上可以多种方式支持打消操纵,而不但仅是通过简朴的打消按钮来完成。比方:假如用户错误地将商品添加到购物车,那他们应该可以或许通过删除该商品来打消该错误的操纵。
在电子商务站点上,就像上面CVS中的示例一样,用户可以通过选择Remove来打消将商品添加到购物篮中的操纵。
iOS更改关照设置时,用户可以利用切换按钮和复选框来打消更改。
房屋修建商Mattamy在其网站上提供了交互式平面图,利用户可以探索几种大概的布局变革。为了打消编辑,用户可以从左侧窗口取消已选中的布局来更改。不幸的是,重置按钮(突出表现)很轻易被误以为打消按钮。
假如用户大概会很快的实行很多操纵,请支持多次打消和重置。仅仅对末了的一步操纵的打消通常是不敷的。对于台式机用户,为高级用户支持尺度键盘快捷键也是一个好主意(高不来:比方ps的Ctrl+Alt+Z)。
六、确保打消是可发现的
还记得iOS中的“动摇打消”功能吗?众所周知,此功能未得到充实使用,由于它很难发现。
对于台式机计划,不要以为您的用户会知道他们可以利用键盘快捷键。最好给用户一个可见的选项,以打消对UI的操纵来说,该功能应在用户通常盼望的位置。
在笔墨处置惩罚步伐和计划软件等所见即所得的应用步伐中,打消通常位于工具栏或应用步伐菜单中。在没有chrome的基于Web的应用步伐上,“打消”选项通常是上下文相干的-它大概出如今暂时的snackbar中或上下文菜单中。
与很多其他WYSIWYG应用步伐一样,在Microsoft Word中,用户可以从“编辑”菜单中找到“打消”和“重做”选项。还向用户表现了这些操纵的键盘快捷键。
假如“打消”选项是上下文相干的,请确保它在用户界面中具有精良的可见性。
在在Google云端硬盘中,仅当用户实行操纵后,“打消”选项才可用。操纵完成后,它在屏幕底部表现为snackbar,但在几秒钟后消散。用户必要知道他们想要打消并敏捷接纳举措,才气利用此功能(也可以利用键盘快捷键,但这些快捷键未在用户界面中列出)。
七、结论
为了确保用户对利用您的产物有一种自由感和控制感,他们应该可以或许轻松地放弃使命,退后一步并打消对体系状态所做的更改。通过细致地计划清楚的退出点和打消功能,您可以让用户感觉到对体验的控制权,而不是由产物来控制用户。
原文作者:Maria Rosala;
原文链接:http://www.nngroup.com/articles/user-control-and-freedom/
延伸阅读:http://www.nngroup.com/articles/overuse-of-overlays/
本文由 @高不来 翻译发布于大家都是产物司理,未经允许,克制转载
题图来自 Unsplash,基于 CC0 协议返回搜狐,检察更多