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

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

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

防止错误产生

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

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

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

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

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

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

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

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

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

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

监控典型错误信号

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 保存用户提交的数据

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 解释验证出错的原因

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

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

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

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

记录用户的最近几次操作

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

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

△ 显示用户最近几次搜索

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

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

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

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

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

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

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

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

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

△ 添加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

相关推荐

  • 如何设计好用的触控手势

    我们生活在一个人机互动频繁,由设备驱动的世界中。 随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界…

    2016-05-30
  • 令人惊叹的移动交互设计欣赏

    dribbble上令人惊叹的无线端交互设计!来自全球牛人们的奇思妙想,新颖动人的交互在这一张张GIF动态图上一览无余!当然界面一样打动人心,腾出手点赞的同时!记得另存哟! Dash Dash Jeff Broderick   Rally Inte…

    2016-05-24
  • 让手势设计带你的产品体验“飞”…

    小Q在《细节体验|你离用户只差一个好的交互》一文中较为详尽的归纳了反馈给用户体验带来的好处,那么,今天我就继续讲讲“动作”(即为手势)是如何让你的产品体验可以“飞“起来的。本文所指的直接操作内容的自然人机交互方式,不仅符合用户的感知习惯,也能很好地节约屏幕空间,创造沉浸式的阅读体验。一是滑动过程中页面要跟随手指,这样能让用户形成对产品的控制感和更明确的层级感,二是滑动过程中,用户的视觉可以看到的空间更整洁,体验更纯粹。

    2017-05-17
  • 【18应届报考北师大map用户体验方向】经验分享贴

    BNU学习小组互助互帮,轻松考取北师大,我们团队致力于为报考北师大MAP心理学专业的学弟学妹提供最精准的专业课辅导,官方微信:yanni513351。QQ:2194691060。专业课方面:普心、社会心理学我主要是看书背知识点,这两门课不难理解,看书熟悉内容以后将知识点背熟就可以,另外要通过做题检验自己的程度。测量心理学、实验心理学和统计心理学这三门课注重理解,尤其是统计心理学,要将每个知识点弄懂是什么意思,再做题巩固。而实验心理学重点...

    2018-04-15
  • 在交互稿完成前,记得开一场需求评审会

    需求评审会是交互稿完成之前,最为重要、参与成员最多的一次会议。

    2017-05-11
  • 联想实习 | 手机事业部招聘交互设计实习生

    公司简介联想是一家营业额达460亿美元的《财富》世界500强公司,在全球消费、商用以及企业级创新科技领域居领先地位,为用户提供安全及高质量的产品组合和服务,当中包括个人电脑﹙经典的Think 品牌和多模式YOGA品牌﹚、工作站、服务器、存储、智能电视,以及一系列移动互联产品如智能手机﹙包括联想和摩托罗拉品牌﹚、平板电脑和应用软件等。招聘岗位手机事业部-交互设计实习生岗位描述1. 参与联想ZUI手机操作系统的交互设计;2. 参与产品的规划...

    2018-04-21
  • 酱课程丨交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!

    上周,我们发布了交互设计师Eary Alan的第一期课程,最值钱的内容,就是这张指导交互设计师们工作流程的“双钻图”了(横屏观看)。从0开始到完成一个设计项目,都是两次发散(Diverging)和两次汇聚(Converging)的结果。Discover探索与调研属于发散型的思考,探索研究问题的本质1. 质疑 rip the brief对需求质疑,对商业模式质疑,对用户质疑,质疑一切不合理的事情。2. 故事/场景 cluster topi...

    2018-04-07
  • 关于用户体验

    产品不被喜欢的原因是漏了什么?答案是用户体验。如果你是一个产品经理,是否有深刻思考过这个问题呢?有人会说思考过,但似乎没什么用,产品还是不被喜欢。那是用户体验不重要,还是我们思考的不够呢?答案是后者。首先我们提出本篇要解决的核心问题:如何让产品被喜欢?(说明一下,这个产品可以是某种实物性的产品,也可以是一种服务性的产品。)这个问题提出后,很多人的脑海中会蹦出质量好、外观精致、用的舒服、服务周到等,但想到这些的人,一定还会有一个感受,就是...

    2018-04-09
  • 设计师如何使用用户研究优化A/B测试

    作者:Jennifer Cardello; 编译:霍诗雨@ 点融黑帮   一、A/B 分类测试 A/B分类测试使得网站可以通过比较同一网页的不同设计,来决定其中哪些设计将产生最好的结果。在A/B测试中用到的指标是微观和宏观的转化率。 …

    交互专题 2017-08-07
  • 设计心得:浅析Chatbot聊天机器人界面交互设计

    最近在做智投app的机器人Neo的原型设计,是一个chatbot聊天机器人。整理了一下关于聊天机器人设计的一些心得。

    2017-04-28