不晓得你有没有过如许的体验?
你需要在某个软件中,提交一些内容,然而红色的警告信息频频弹出,却让你摸不着思维,底子不大白本身到底是哪里出错了,输入了大半的内容不敢退出界面,因为退出之后就是一片空白,重头再来,可是怎么测验考试也输不合错误,无语的你是不是出格想砸了手机?
再完美的系统也会出错,那个错误可能来自用户,抑或来自系统自己,而频频出错的界面无疑,招致了极其蹩脚的用户体验.
表单录入场景是错误频频发作的场景, 若何在不骚乱花户一般利用流程的前提下,降低用户出错概率, 快速搀扶帮助用户纠正错误,不断是设想师们关切的话题.
防错性原则, 做为尼尔森可用性十条原则之一, 尼尔森是如许论述防错原则的:“ 比拟贴心的错误提醒信息, 更好的设想是避免错误发作. 消弭易出错的情况、为用户查抄、让用户确认他们的动做”.
本文将连系一些实例,讲解在表单录入场景中,若何将防错纠错停止到底!
01
展开全文
从输入抓起
用户的输入操做是数据的泉源, 从那一步动手, 能够从底子上免却良多费事事.
1.1 更易输入
当用户输入的内容又长又复杂,那么不只大大加大了用户的负荷,同时,也极易出错,若是系统可以搀扶帮助用户降低输入难度,那么变相的,也是进步了内容的准确率.
1) 长数字串供给间隔, 降低用户记忆的难度
根据米勒法例,一小我在短期记忆中能够记得五到九样工具,所以在输入很长的数字时,好比银行卡号,能够供给一些间隔, 一来不容易看花眼,二来降低记忆难度.
2) 摄影免输入
同样是银行卡号, 让用户间接拍银行卡, 系统主动识别, 免用户输入,同样很简单,不外那需要银行卡刚好在用户身边,或者手机中有银行卡的照片,若是从付出宝或者微信中得到联系关系的银行卡号信息,一键导入,会不会更便利?
3) 系统记忆或者粘贴
好比你曾经输入什么很长的信息,然后下一次需要再次输入的时候,系统能够主动显示你上一次的输入笔录. 再好比小红书,你懒得输入一大串地址,那么你能够间接从淘宝中复造,小红书能够主动识别填充
4) 提醒输入内容的格局或要求
当需要用户键入邮箱地址时,会主动显示@某某邮箱地址; 要上传图片,需要告知图片的大小尺寸要求; 需要输入日期时,给出日期的填写例子等等,而不是比及用户出错了才提醒准确的填写要求,如许会浪费用户的时间,降低效率.
更进一步,在一些比力容易让用户产生猜疑(比力冷门、专业)的输入框附近,还能够加上专门答疑解惑的链接.
5) 主动保留
当不小心退出输入大半的表单,返回后发现页面一无所有,需要从头来过怎么办? 那实是五雷轰顶的用户体验, 假使页面可以按时主动帮用户保留适才输入的内容, 即便收集不畅或者猫猫突然拔了网线,用户也能够放宽心.
1.2 不允许输入错误格局数据
好比, 不允许在数字输入框中输入文字内容,不允许在文字输入框输入数字内容,日期供给准确的填写例子.
1.3 允许用户犯简单错误
错误不成制止,一方面从用户抓手,另一方面能够进步系统的容错率,例如说空格, 不免输入时会不小心键入空格,一个空格的间隔其实不明显,用户可能不容易发现那个错误.
若是仅仅因为一个空格就阻遏用户停止下一步操做,不免难免太苛刻了, 系统能够测验考试主动识别肃清空格,纠正为准确的数据.
1.4 输入未完成无法停止下一步操做
人类的猎奇心一点不比猫猫来的低,只要能点击的按钮都跃跃欲试,所以我们需要给未完成输入内容时, 下一步按钮需要置灰, 避免用户误操做.
1.5 错误提醒
1) 输入时查抄
你看了一部出色绝伦的大片冲动不已,可是过了一周,你的教师让你写不雅后感, 你是不是忘记了一大半的细节了?由此可见, 即刻的反应是最有效的, 用户能立马意识到问题出在哪里,可以快速批改.
2) 提交时查抄
提交时查抄,可以将问题汇总闪现,比起需要用户一个一个找到标注问题的处所,更保举的体例是,用一个问题清单,用户点击问题后,能够主动跳转到详细的处所,也可以从当前一个问题位置,跳到下一个问题处所,每处理一个问题,问题清单中就会少一项,如许既可以搀扶帮助用户快速找到问题,处理问题,也可以制止问题的遗漏.
3) 错误提醒原则
告知用户哪里出错: 若是是在输入时提醒错误, 错误的出处需要引升引户足够留意,如常见的输入框标红(考虑到色盲用户,不克不及够仅仅只是标红,要有其他信息的展现),至于错误提醒文字的展示体例,一般有三种:
1)当聚焦在当前输入框时,错误提醒文字以提醒起泡显示,那种做法的短处是查抄时需要先聚焦才气查看,若是是呈现了良多错误的话,那么用户需要一个一个查看,大大降低了用户的效率,但是如许不会改动本来的界面规划,可以节省空间.
2)错误提醒就标注在输入框上下摆布,只要错误不用失,提醒文字要始末可见,那种做法是最为保举的,所有错误一目了然,但是错误文字会占据较多的空间,空间有限的话能够选择第一种.
3)错误发作后,会弹出一个弹窗,有的是显示几秒后主动消逝,那种长短常不料见的,因为用户很可能没有留意到,或者没有阅读完好;还有的间接弹出形式弹窗,阻断用户历程,那种常见于登录场景,因为用户的输入使命较少,所以不会有太大骚乱.
告知用户为什么出错
告知用户若何纠正错误
除了上面三点,还要留意,例如说言简意赅,不要废话连篇,不要责备用户,连结礼貌立场,那些是根本原则了.
下面是一个错误提醒的典型案例,在我试图登岸Bitly时,提醒我出错,但是没有告知事实是账户名不合错误仍是密码出错,并且一个Nope的措辞,让用户觉得被否认了,那是蹩脚的用户体验.
同样是登岸出错, Facebook就给了一个很完美的防错示范, 我不小心输入了旧密码,它会给一个提醒弹窗,告诉我2个月前改正密码,我能够选择重置密码,或者申述账号平安,或者从头测验考试,能够说是相当完美的定见了.
02
供给反悔操做
2.1 撤销操做
上一步调输入错误,按下ctrl+Z能够返回上一步
2.2 提交后可返回修改
当一个表单提交胜利后,能够返回从头编纂,然后更新.
2.3 删除后收受接管站找回
在Figma中,当你初次删除文件时,不会有弹窗弹出;当你误删了某个文件,能够快速在收受接管站中找回,只要决定永久删除时,会弹出弹窗提醒,如许的设想既能够包管操做的顺畅,又不影响流利的用户体验.
03
二次确认
关于毁坏性操做,好比删除掉一个班级的信息,或者格局化硬盘,必然要赐与一个二次确认弹窗,让用户意识到那个行为可能带来的后果, 二次确认的弹窗要留意以下几点:
1) 要清晰的告知用户此次操做带来的后果,制止模糊的描述
2) 底部按钮要无歧义,施行毁坏性操做的按钮用特殊的款式凸起,例如说红色加粗
3) 二次确承认以通知增加用户的认知或者操做难度, 制止用户误操做,例如Figma中,若是要删除某个team, 在准确输入团队的名字后,删除按钮才会被激活.
有一个寓言故事: 男孩在海边想要寻找一块点石成金的石头,那个石头据说会发烫,于是他每摸到一块通俗的石头,就扔到海里,他遍寻了999块石头,但是仍然没找到发烫的石头,就在第1000块石头时,他末于找到了!但是因为太习惯丢到海里的动做,等他意识到,那块发烫的石头已经丢到了汪洋大海中.
所以要留意, 二次确认弹窗必然是毁坏性的操做才会利用到,而不是处处利用,当用户对此习认为常,二次确认也就没有感化了.
恰当地运用防错原则,能够大大降低用户输错频次,营造优良的用户体验,当然现实问题中要灵敏运用,不要捡了芝麻,丢了西瓜,希望我的总结对你有用! 欢送评论区停止填补和完美~
加老D私家微信，伴侣圈更多出色