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

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

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

防止错误产生

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

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

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

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

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

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

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

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

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

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

监控典型错误信号

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 保存用户提交的数据

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 解释验证出错的原因

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

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

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

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

记录用户的最近几次操作

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

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

△ 显示用户最近几次搜索

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

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

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

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

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

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

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

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

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

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

相关推荐

  • 交互设计七大定律之The Law Of Proximity 接近法则

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27
  • QQ国际版视觉探索:准备了两套视觉设计方案

    QQ国际版主要是针对国外用户打造的一款轻量社交产品。由于当前产品迭代周期相对较长,我们对当前视觉提出一个疑问:现有产品的视觉形态,是否符合国际版的产品调性?基于这个问题,我们开启这次探索之旅。

    2017-05-08
  • [自译]Medium的Title,Subtitles&Headings的改进介绍

    我们的目标是创造一个能够提供最佳写作体验的空间,让故事的讲述者能够触及到他们的听众。现在,我们很高兴地展示我们在标题方面的提升,这个改变微小而又重要,我们认为你每次在发布文章后,都会会欣赏它。

    2016-08-10
  • 使用 Sketch 3.9 快速实现响应式设计

    Sketch3.9 终于发布了原生的响应式设计解决方案。只需要设置一个属性,便可以快速实现任意尺寸的适配。 昨天晚上,Sketch发布了3.9beta版 http://www.sketchapp.com/beta/ 其中更新的一个非常重要的功能,就是是可…

    2016-06-27
  • 产品上线了,你咋都不好意思说是你设计的

    对于界面来讲,我们设计师过于关注设计的美观度,而忽略了图片和文字的内容的真实性。而界面内容的真实性相当关键,这往往关乎自己的设计最终能不能高还原度地呈现。

    2017-05-21
  • 设计心理学 | 设计中的防呆设计

    最近读到设计心理学的再次接触到防呆设计的概念,联系交互设计做一些总结。

    2017-05-25
  • 02案例:用户体验与结婚教练

    02 案例:用户体验与结婚教练来自信息读书00:0017:04用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    微信热点 2018-03-27
  • 5分钟,带你掌握20个表格设计技巧

    译者Jimmy:貌似翻译项目走上了正轨,应该能保持一周更行一篇,或者两周更新一篇的节奏。:)这次翻译的是一篇关于数据报表的文章,对于没有设计过报表的设计师来说,应该很有用!文章标题有所修改。原因自然是为了点击量啦~ 哈哈~

    2017-04-30
  • 由UI/UX设计师向产品设计师演变

    为了创造出伟大的产品,UI/UX设计师应该期待并成为能够生成和处理更多额外信息以获得最佳设计成果的产品设计师。

    2017-05-09
  • 看过英国院校的交互设计之后,你还想报国内的同专业吗?

    今天我们来聊一聊交英国的互设计专业。随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在高考填报志愿时,会选择交互设计专业。国内开设交互设计专业的院校较少,即便有,也是和工业设计剪不断理还乱,分为实体产品和互联网产品两种方向。国内交互专业普遍存在的问题是,学校教的知识过于浅显泛泛,教学内容与行业需求脱节。...

    2018-02-26