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

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

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

防止错误产生

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

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

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

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

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

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

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

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

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

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

监控典型错误信号

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 保存用户提交的数据

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

△ 解释验证出错的原因

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

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

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

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

记录用户的最近几次操作

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

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

△ 显示用户最近几次搜索

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

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

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

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

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

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

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

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

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

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

相关推荐

  • 老子花了1761,你就给我这用户体验?!

    关注公众号回复关键词回复“模考”获得还原机考环境的口语模考回复“TPO”获得TPO模考软件回复“机经”获得托福历年真题回复“作文批改”获得趴趴助教亲自批改作文更多福利礼包领取请添加微信:papalovetoeflSpeaking-Direction来自趴趴托福00:0004:06托福虐我千百遍,我待托福入初恋托福,作为一个从早上八点半到中午十二点半多的长时间持久战,在考试过程中,同学们总会到一些奇奇怪怪的事情,有一些奇奇怪怪的经历比如说...

    2018-03-01
  • 引导新用户熟悉产品的方式:向导程序

    引导新用户熟悉产品的方式多种多样,向导程序是其中最经典也是最常用的一种。今天的文章,我们来聊聊向导程序的设计模式。分割处理,各个击破。

    2017-05-03
  • 用户体验 | 远大车用肺保一键清新,自由呼吸

    随着人们生活水平的不断提高,家用汽车已经成为大家的出门代步工具,开车上下班、旅游、走亲访友,基本上每天在车内都会呆上几个小时。汽车看似密闭的空气,但是由于交通的拥堵,车内空气不流通,空气质量越来越差,就会出现头晕、胸闷、咳嗽等症状,从这之后我也一直在关注着车载空气净化器设备。之前购买过一款车载净化器,但是效果不大,就一直在车内处于吃灰状态,今天我要和大家说的这款远大车用肺保FC3。是一款采用H13级别超大面积的PTFE超级过滤器,可以9...

    2018-02-02
  • 网易UEDC的交互设计书单 (上)

    为什么列这个书单?常有读者留言:想要学习(或精进)交互设计,有什么书可以推荐的?其实网上已经有很多交互设计的书单可以参考啊,那么我想读者问这个问题的真正含义应该是:有哪些书是真正值得读的?于是我们让…

    2017-08-04
  • 为什么你越来越爱用那些看起来丑而贱的表情?

    好奇心研究所的微博(@好奇心研究所)和微信公众号(ID:QLab42)全面上线啦,微信直接搜索「好奇心研究所」就可以订阅,关注与所长亲密接触,赶紧的。

    2017-06-02
  • 如何应对「为什么用这个颜色/字体/按钮」的问题?

    作为一名设计师,被质疑简直是家常便饭。相信你们在日常工作中,一定被人问过:“对于这个点,你为什么这样做而不是那样?为什么选这个颜色而不是那个?”之类的问题。其实,这也是面试中的必问问题。乍看起来,确实有点难回答。但每一个问题,其实都有他的思考路线图。今天笔者就来谈谈,如何通过交互的四个维度来入手,巧妙地破解这个问题。你为什么要设计一个白色的登录按钮?为什么选这个字体?

    2017-05-15
  • [MUX翻译] Apple TV 人机界面指南

    作者:hexin 新Apple TV重新定义了起居室的体验,你能将非同凡响而身临其境的内容投放到大屏幕上,这是前所未有的体验。 1 概述 1.1 设计原则 无论你是在开发游戏、媒体流应用,还是家庭实用应用,在构想产品的时候…

    交互设计 2015-10-08
  • 视觉设计-文字编排的易读性

    在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。 在设计工作中,如果有100个人就会有100种设计理论,我认为并…

    2014-09-08
  • 交互设计技巧:创造好的用户体验(1)(翻译)

    点击上方「人人都是产品经理」立即关注一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。译者:@谢尔鱼 译文地址:http://goodui.org/翻译并授…

    2017-08-01