当用户操作错误时,如何在不影响用户体验的情况下快速处理好

在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。

在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。

防止错误产生

设计界面时,不要急着出方案,要尽力设计“无错可犯”的界面。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 按钮在用户点击后进行去除、禁用或替换处理

别跟用户说只能提交一次。可以多次点击的,用户就可能点多次。用户点击后禁用按钮,才能真正避免多次提交。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 只提供可以接受的输入选项

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 在表单元素中使用勾选启用、勾选可见的设计方式

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 文本输入框结构跟输入格式要求保持一致

监控典型错误信号

界面上有哪些常见错误产生?找出这些错误的信号,做好这些信号的监控。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 搜寻与用户意图矛盾的用词

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 若用户已购买过该产品,提醒他们

对功能强大的按钮要区分开以避免误操作

用户会走神,这无法避免。设计时要从视觉上明显区分开那些功能强大的按钮,尽量减少误操作的可能性。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 通过间隔和颜色区分强大功能按钮

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 为重大且不可逆的操作添加约束条件

提供便利的方法恢复或退出操作

总是给用户提供选择返回上一步操作或安全/可识别的区域

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 使用恢复操作而不是确认操作

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 为各页面或功能提供“逃生舱”(退出操作)

例如上图,某些下拉菜单没有退出选项,当用户点了一个选项,就无法取消选择了。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 为弹出窗口或模态窗口提供关闭按钮

尽量减少用户离开一个系列操作步骤的负面影响

允许用户以原来的数据返回到相应步骤页面

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 保存用户提交的数据

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 让用户回到原来的操作步骤页面(别让用户又从头开始)

加大可移动路径或可点击区域

用户并非完人,他们会误操作,因此要提供有弹性或包容性的设计。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 为小按钮添加一个透明边框(加大按钮的点击区域)

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 为弹框或下拉菜单添加一点小小的延迟

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 给整个菜单选项容器添加超链接(不要仅限文字区域)

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 给主菜单、列表项和辅助图标都加上超链接

用户经常点到不能点击的地方。不要试图矫正这些错误,相反地,为这些常见区域添加点击功能。

提供有用和支持性的出错提示

不要给出“发生错误”这种提示。解释出错原因,最好能给出解决方案。

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 解释验证出错的原因

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 对于复杂出错提示要提供相关文档或帮助链接

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 避免在出错信息中写“你”

记录用户的最近几次操作

在界面上提醒用户最近几次操作

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 显示用户最近几次搜索

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 已访问链接用不同的颜色区分

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 指出哪些项目用户已经看过

分析用户行为找出界面存在的问题

持续迭代改进界面设计,可以从下面这些小技巧开始

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 在适当位置收集客户的反馈信息

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 添加404错误次数上升的预警设置

当用户操作错误时,如何在不影响用户体验的情况下快速处理好

△ 找出那些用户反复访问的页面

如果一个页面浏览数太多(而独立客户数少),就需要仔细检查页面是否有问题导致用户反复访问。

 

译文来自:@企业官网设计精选

原文地址:nickkolenda

 

 

【系列文章回顾】戳下面链接快速到达:

1)在网页设计中帮助用户实现目标

2)在网页设计中如何引导用户的注意力

3)在网页设计中如何少让用户费脑筋,保持操作流畅

4)在网页设计中兼顾所有用户和场景的3个技巧

5)当用户操作错误时,如何在不影响用户体验的情况下快速处理好

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29154/

(0)
CatherineCatherine
上一篇 2017-05-23 06:24
下一篇 2017-05-23 08:21

相关推荐

  • 产品思维~02·用户体验与结婚教练

    今天继续分享《得到》app梁宁的大师课程产品思维30讲,感兴趣可以下载《得到》app继续关注,在文后会附上《得到》app的下载方式。其实梁老师真的很幽默也很形象,来用结婚教练的例子来类比产品的用户体验,同样的结婚也好,创业找合伙人也罢,都是非常重要的长期关系,改变一个人那是非常难的一件事情,那么如何去观察和判断一个人就显得尤为重要。如果没有受过专业训练,那么眼睛看到的很可能是不真实的,你的感觉以及情绪很容易被某个点所牵制,而且在你没有强...

    2018-04-26
  • 扇贝单词App软件的交互思路,神还原!

    本篇勾文思路,重点是明白设计软件为了什么?而不要盲目设计,时刻记住目标。

    2017-05-13
  • AR交互设计

    AR增强现实通过实时的在现实环境中渲染虚拟数字信息,通过现实和虚拟的结合来帮助用户完成某项任务和活动。AR中的虚拟数字信息通过与现实环境以及用户的实时互动来向用户传递有价值的信息。相比“传统的”2D层面的交互(手机app,web等),AR可支持的是更加丰富的三维层面的交互方式;并且这种方式不再仅限于主动式的交互(点击,滑动)方式,它还包括用户行为的被动触发。DHL的Vision
    Picking
    拣货系统使用了增强现实技术来帮助仓储拣...

    2018-04-12
  • APPLE WATCH 中文手册:APPLE WatchKit Apps--表格

    本文翻译自Apple Watch Programming Guide:WatchKit Apps--Tables,敬请勘误。 使用table展示内容可动态更改的列表数据。WatchKit 仅支持使用WKInterfaceTable类的单列表格。想要在table中展示数据,需要先为数据…

    2015-06-15
  • 腾讯2016年度7个创新功能,你最爱哪个?

    作者:腾讯   那么,在你眼里,创新是什么样的? 是对产品的颠覆式变革?是将原有技术植入新的领域?是新的产品和领域的开拓?抑或,只是某一个让你会心一笑的新功能? 在腾讯,每月都有微创新奖的评选,在内部开启…

    交互专题 2017-08-07
  • AR与用户体验简析

    说道AR想必大家都不陌生,所谓AR就是增强现实技术,现在普遍的应用是在移动端,通过相机拍摄现实场景,并通过AR技术在屏幕上生成想要的图案,使能够栩栩如生的浮现在屏幕上,好似实物就在眼前一样。首先我们值得注意的是个人电脑和智能手机是所有人都想要拥有和使用的产品,一旦产品价格进入消费者能够承受的价位,爆发是完全没有问题的;其次,两者的核心技术其实都集中在CPU、显示屏等电子元件相关领域,这些产品的发展基本上都遵循摩尔定律,即18-24月性能...

    2018-02-27
  • 移动端的时代要如何重塑网页设计流程?

    随着时代和技术的发展,网页设计 的流程正悄无声息地发生着巨大的变化。精准具体的设计交付列表不再是网页设计 的唯一标准,静态页面设计在整个设计流程中所占的比重也逐步降低,正如同Stephen Hay所说,我们所设计的不再是单纯的页面,而是包含诸多组件的一整个系统。

    2017-06-05
  • 4个方法帮你零基础快速完成Apple Watch的项目

    这会可以不用慌张,我们先给自己一天或者半天时间去了解它,最快捷的办法是开动大家的脑洞,然后再用自己的脑洞想办法,三个臭皮匠顶一个诸葛亮,联 系你认识的设计群体人脉,询问做过类似项目的设计师,最后总会有惊喜的收获。记得罗胖讲过,在这个时代,我们应该善于运用我的网状关系链,我就是从朋友那 里在短短的一个小时之内了解了手表项目的大概(虽然人家并不是做的苹果手表),他大致陈述了一下手表的特性还给我几个手表相关的网站进行浏览。给我的网站 可以推荐给你们,这里当然包括苹果官网,你可以在苹果官网上看到成熟的上线产品的模样,另外一个网站相对概念,可以参考一些简单的操作动效。

    2017-05-31
  • 8个你需要知道的2017年UI设计流行趋势

    UI界面的设计趋势是不断变化的。随着时间的推移也在不断的成长,进化。虽然有些趋势还有待检验,但我们还是需要不断的去学习新的技术。

    2017-05-15
  • Axure软件实现登录界面交互小教程

    先上效果图先首先在Axure里面布局好登录页面以及登录成功的页面(也就是红色的那个页面),在布局的过程中请输入账号以及请输入密码两个元件选择使用文本框元件。并编组好整个登录成功页。在布局好界面之后选中请输入账号的元件进行命,请输入密码的文本框也是一样的需要进行命名如图,将登陆成功页面进行编组命名,并且进行隐藏。然后选中账号输入框进行用例设置,选择获取焦点用例进行设置,选择用例动作中的设置文本如图步骤所示进行设置。同样的针对密码输入框进行...

    2018-04-07