检测输入路径是否存在错误_为什么存在用户输入错误

检测输入路径是否存在错误

Errors are a fact of life when using almost any type of software. Forms are the worst though. Nothing is more frustrating than filling out a form and getting a robotic message from the computer telling you that you have failed, please click ok to confirm your failure.

使用几乎所有类型的软件时,错误都是生活的事实。 形式是最糟糕的。 填写表格并从计算机中收到一条机器人消息,告诉您您已失败,这让您感到沮丧,请单击“确定”确认您的失败。

为什么存在用户输入错误 (Why user input errors exist)

Input errors don’t exist to make us feel stupid or ruin our day — even if it feels that way sometimes. They protect databases from incorrectly formatted or malicious data. They are like an immune system for the computer. They are there to protect it from anything that could be harmful.

输入错误不会使我们感到愚蠢或破坏我们的一天,即使有时会感到这种错误。 它们可以保护数据库免受格式错误或恶意数据的侵害。 它们就像是计算机的免疫系统。 他们在那里是为了保护它免受可能有害的影响。

Image for post
Bad data can make your database sick
错误的数据会使您的数据库不舒服

But of course, the users on the other side don’t care about this. They just want to get their tasks done and achieve their goals quickly, easily and without any errors.

但是,当然,另一侧的用户对此并不关心。 他们只是想快速,轻松且没有任何错误地完成任务并实现目标。

错误对用户而言是痛苦的 (Errors are painful for users)

Errors aren’t life-threatening, but they are painful to recover from. Instead of watching your users suffer through errors, you can install some guard rails to prevent them from hurting themselves.

错误并不会危及生命,但是要从中恢复是很痛苦的。 您可以安装一些护栏以防止他们受伤,而不用看着用户因错误而受苦。

Image for post
Avoid the ambulance at the bottom of the cliff.
避开悬崖底部的救护车。

预防胜于治疗 (Prevention is better than the cure)

Rather than trying to find more polite or ‘user-friendly’ ways of telling your users that they are wrong, what if you spent your time preventing their mistakes in the first place?

与其尝试找到更多礼貌或“用户友好”的方式来告诉用户他们是错误的方式,不如您首先花费时间防止他们的错误该怎么办?

Welcome to error prevention, the practice of designing things in a way that prevents your users from encountering errors.

欢迎使用错误预防,这是一种以防止用户遇到错误的方式设计事物的实践。

So how can you prevent input errors?

那么如何防止输入错误呢?

  • Install invisible guardrails

    安装隐形护栏
  • Collect only the data you need

    仅收集您需要的数据
  • Make the system do the heavy lifting for the user

    使系统为用户带来沉重的负担

Let’s dive a little deeper.

让我们深入一点。

1.安装隐形护栏 (1. Install invisible guardrails)

Guardrails are safety measures that restrict users from doing things that could result in error messages. If a form is well designed the user shouldn’t even be aware the restrictions exist.

护栏是限制用户执行可能导致错误消息的操作的安全措施。 如果表单设计合理,则用户甚至都不应该意识到存在限制。

Most input patterns can be used as guardrails. The trick is to use them in a way that restricts the data the user can input to prevent mistakes.

大多数输入模式都可以用作护栏。 技巧是使用它们来限制用户可以输入的数据以防止错误。

滑杆 (Sliders)

A slider restricts the minimum and maximum values a user can input. This means the user cannot input a number that is higher or lower than allowed.

滑块限制用户可以输入的最小值和最大值。 这意味着用户不能输入高于或低于允许的数字。

Image for post
Sliders restrict the numbers you can input
滑块限制您可以输入的数字

踏步机 (Steppers)

Steppers make it easier for the user to increase or decrease a value using the ‘+‘”’ and ‘-’ controls instead of their keyboard. You can user steppers to prevent the user from entering a number that is too high or low.

步进器使用户可以更轻松地使用“ +””和“-”控件而不是键盘来增加或减少值。 您可以使用用户步进器来防止用户输入太大或太小的数字。

Image for post
Steppers make it easy to increment and decrement values but also restrict types of data that can be input
步进器使增加和减少值变得容易,但也限制了可以输入的数据类型

单选按钮,复选框和开关 (Radio buttons, checkboxes and switches)

Radio buttons, switches and checkboxes give the user preset options to choose from. This prevents the user from making choices that aren’t available.

单选按钮,开关和复选框为用户提供了预设选项供您选择。 这样可以防止用户做出不可用的选择。

Image for post
Radio buttons restrict the choices you can make
单选按钮限制您可以进行的选择
Image for post
Input select menus restrict your options
输入选择菜单限制您的选择
Image for post
Switches only allow binary yes/no choices
开关仅允许二进制是/否选择

当心文本输入字段 (Beware of text input fields)

Text input fields can cause a lot of problems because they have no constraints. They allow the user to input whatever they want, often resulting in errors.

文本输入字段没有约束,因此可能导致很多问题。 它们允许用户输入所需的任何内容,通常会导致错误。

Image for post
Input fields are the worst for user errors
输入字段最容易出现用户错误

You can’t physically change your desktop or laptop computer’s keyboard to solve this problem, but with touch screens on mobile devices, you can!

您无法通过物理方式改变台式机或笔记本电脑的键盘来解决此问题,但是通过移动设备上的触摸屏,您可以!

You can use different system keyboard types restrict the type of data the user can input, or even create your own custom keyboards.

您可以使用不同的系统键盘类型来限制用户可以输入的数据类型,甚至可以创建自己的自定义键盘。

Image for post
System keyboards restrict the type of data a user can input
系统键盘限制用户可以输入的数据类型

2.仅收集您需要的数据 (2. Collect only the data you need)

Most forms ask for more information than is necessary. Sometimes the data is being collected simply because the database ‘requires’ it.

大多数表格要求提供比必要更多的信息。 有时仅由于数据库“需要”数据而收集数据。

But what is really required?

但是真正需要什么呢?

Unless you legally need to collect the data or it is business critical, investigate why you need it. Sometimes it can be because the person who created the database built it that way and nobody ever changed it.

除非您合法地需要收集数据或它对业务至关重要 ,否则请调查为什么需要它。 有时可能是因为创建数据库的人以这种方式构建数据库,却从未有人更改过它。

Image for post

Do you really need to know your user’s middle name and last name? Do they even have one? In Indonesia, for example, it’s not common to have a last name. I personally don’t have a middle name, my parents never gave me one.

您是否真的需要知道用户的中间名和姓氏? 他们甚至有一个吗? 例如,在印度尼西亚,姓氏并不常见。 我个人没有中间名,我的父母从来没有给我一个。

Databases make broad assumptions about the world that are often wrong. Challenge those assumptions and simplify your forms by removing as much as you can.

数据库对世界做出广泛的假设,而这些假设通常是错误的。 挑战这些假设,并通过尽可能多地删除来简化表格。

Don’t collect data if you don’t need it. The more data you collect the more chance for errors.

如果不需要,请不要收集数据。 您收集的数据越多,出错的机会就越大。

3.让系统为用户做繁重的工作 (3. Make the system do the heavy lifting for the user)

Image for post
The system should do the hard work, not the user
系统应该努力,而不是用户

Doing the heavy lifting for your users means the system should anticipate and handle potential problems.

为您的用户完成繁重的工作意味着系统应该预见并处理潜在的问题。

This means knowing what the most common user journeys are and offering helpful suggestions or shortcuts.

这意味着了解最常见的用户旅程并提供有用的建议或捷径。

You can do this by using smart defaults, generated names and error correction.

您可以使用智能默认值,生成的名称和错误更正来做到这一点。

智能默认 (Smart defaults)

Smart defaults pre-fill or preselect an option for your user. They are either personalised to the user or the most common use case.

Smart默认为用户预填充或预选择一个选项。 它们要么是针对用户的个性化设置,要么是最常见的用例。

The reason they are so effective at reducing errors is that they prevent forms being submitted with things not filled in. The user doesn’t need to do anything other than review the suggestions and make changes as needed.

它们之所以能够有效地减少错误,是因为它们可以防止提交未填写内容的表单。用户除了查看建议并根据需要进行更改外,无需执行其他任何操作。

You could use machine learning here, but optimising your form for the most common use case goes a long way.

您可以在这里使用机器学习,但是针对最常见的用例优化表单要走很长一段路。

For example, when searching for a flight most people choose a return trip you can use geolocation to determine where they are most likely departing from.

例如,大多数人在搜索航班时选择回程,则可以使用地理位置来确定他们最有可能离开的地方。

Image for post
Smart defaults make choices for the user that they can change
智能默认值会为用户做出可以更改的选择

When searching for accommodation, the majority of people travel with another person.

在寻找住宿时,大多数人都会和另一个人一起旅行。

Image for post
Why not make some educated guessed about your users?
为什么不对您的用户进行一些有根据的猜测?

These ‘smart’ defaults aren’t very smart and won’t always be right, but making a few educated guesses is much more preferable to forcing everyone to fill in the entire form from scratch.

这些“智能”默认值不是很聪明,也不会总是正确的,但是进行一些有根据的猜测比强迫所有人从头开始填写整个表格更为可取。

产生的名字 (Generated names)

When creating a file giving it a name is the only way to recognise and retrieve it later. You are probably familiar with this when you use Google Docs or Microsoft Word.

创建文件时,给它一个名称是稍后识别和检索它的唯一方法。 使用Google Docs或Microsoft Word时,您可能对此很熟悉。

What you may not have noticed is that many applications suggest or pre-fill a name for you. Google docs do an excellent job of this by generating the document the title or from the first line.

您可能没有注意到的是,许多应用程序会为您建议或预填一个名称。 Google文档通过生成文档标题或第一行来做得很好。

Image for post

You can actually apply this concept to any situation where a user needs to fill in a name. Suggest one for them based on the data you have available.

您实际上可以将此概念应用于用户需要填写姓名的任何情况。 根据可用数据为他们建议一个。

结语 (Wrapping it up)

You can’t completely banish errors from your form designs, but thoughtful design decisions that prevent them is much better than trying to make them more user friendly. Prevention is better than the cure.

您不能完全消除表单设计中的错误,但是周到的设计决策可以防止错误发生,这比尝试使它们更易于使用要好得多。 预防胜于治疗。

Just remember:

只记得:

  • Collect only the data you need

    仅收集您需要的数据
  • Install guardrails

    安装护栏
  • Make the system do the heavy lifting for the user

    使系统为用户做些繁重的工作

翻译自: https://medium.com/swlh/3-ways-to-prevent-user-errors-22cb1ff7c0c6

检测输入路径是否存在错误

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275540.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

若川邀你进 源码共读 群~长期交流学习

大家好,我是若川。这是一个愉快的周六~估计还是有很多读者不知道我。若川名字由来是取自:上善若水,海纳百川。顺便放两篇文章。我读源码的经历,跟各位读者朋友分享下公众号运营策略加我微信进 源码共读 群最近组织了近200人每周源…

2005 打开 2010 项目经验总结

下面是网上的直接复制粘贴:网址为 http://hi.baidu.com/zealot886/blog/item/7364d4266a2a1555ac34dea6.html/cmtid/65ff140a660e02246159f3db 这里是我自己的总结 ( 1、用vs2010 将该解决方案的所有 项目都改为 net 2.0(方法,右击…

读取linux的运行状态,Linux下安装使用sar工具来获取系统运行状态

sar 找出系统瓶颈的利器sar是System Activity Reporter(系统活动情况报告)的缩写。sar工具将对系统当前的状态进行取样,然后通过计算数据和比例来表达系统的当前运行状态。它的 特点是可以连续对系统取样,获得大量的取样数据;取样数据和分析的…

错过校招_我们在用户测试中容易错过的事情

错过校招What makes a tool well designed? As a designer, I’ve thought about this question for a long time, and over the past few years I’ve developed a system that I now use with every new project I approach, from small startups to large companies like L…

这些 JS 中强大的操作符,总有几个你没听说过

大家好,我是若川。今天推荐一篇相对简单些的文章。大家应该都知道了我最近组织了源码共读活动, 有小伙伴表示读源码上瘾,也很有收获。工作0-5年都可以参与。感兴趣可以加我微信 ruochuan12 私信 源码 进群。1. 数值分割符 _2. 逗号运算符 ,3.…

es6冲刺01

1、let/const 1)作用域:es5中有全局作用域、函数作用域。es6中新增了块级作用域 2)let定义的变量在所在块级作用域外失效,严格模式下失效后直接报错, 且不允许重复声明同名变量 3)const用于声明常量,声明时必须赋值&am…

linux网卡固件名,修改CentOS7网卡名称为传统名称eth0格式

使用CentOS7以前系统的小伙伴装完CentOS7以后发现了一个问题,那就是网卡名改变为了“en016777736”,而不是以前的eth0的简易模式了,如图:以往的CentOS7以前的系统网卡命名虽然简单方便,但也会带来一些问题,…

Baymard Institute:基于UX的最佳实践的光荣的,循证的工具

重点 (Top highlight)I realized I wanted to write this piece when I mentioned the Baymard Institute to a User Researcher with 10 years of experience and they had no idea what I was talking about. They aren’t alone! I’ve gotten plenty of raised eyebrows on…

Vue 3.2 发布了,那尤雨溪是怎么发布 Vue.js 的?

1. 前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12,长期交流学习。之前写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十篇源码文章。…

wireshark使用教程 linux,Linux入门教程:ubuntu下安装wireshark(以及配置非root),这个强大的工具可以捕...

Linux入门教程:ubuntu下安装wireshark(以及配置非root),这个强大的工具可以捕Wireshark是世界上最流行的网络分析工具。这个强大的工具可以捕捉网络中的数据,并为用户提供关于网络和上层协议的各种信息。与很多其他网络工具一样,Wireshark也使用pcap net…

IronPython和C#执行速度对比

其实我自己对执行速度这个问题本来并没有什么兴趣,因为以前的经验告诉我:除非是运算密集型的程序,否则脚本语言和编译型语言使用起来速度没有多大差别。但是我们公司有个人知道我的想法以后,天天在我耳边嚷嚷脚本运行速度太慢&…

基于超级账本Fabric的供应链跟踪解决方案【开源】

2019独角兽企业重金招聘Python工程师标准>>> 本项目为基于Hyperledger Fabric区块链的供应链资产跟踪解决方案,项目主要包括链码和Web应用两部分。Fabric链码采用GOLANG开发,负责维护资产的状态,后台为采用Node.js开发的Web应用&a…

同理心案例及故事分享_神经形态,视觉可及性和同理心

同理心案例及故事分享“A good UX designer has empathy”.“优秀的UX设计人员具有同理心”。 This is something every UX designer has heard at some point in their career. Empathy helps us get into the mindset of the user and build solutions that solve real probl…

纯CSS实现beautiful按钮

大家好,我是若川。邀你进源码共读群学习交流。今天分享一篇好文。可收藏~近期工作中遇到一个需求——实现一些酷炫的按钮,看到效果图之后,按钮确实漂亮,有弹跳、颜色渐变、扫光、霓虹灯,瞬间激起了我的好奇…

linux的内核有多小,Linux 内核有小bug?

今天读着读着Linux代码,竟然无意中发现Linux 0.11内核有个小bug,呵呵,人非圣贤孰能无过。// 在目录项数据块中搜索匹配指定文件名的目录项,首先让de 指向数据块,并在不超过目录中目录项数// 的条件下,循环执…

菜单窗口_菜单

菜单窗口The Hamburger Menu widget is on every other site nowadays. It has become synonymous with the web and, perhaps even more so, with web development. Have, for instance, a look at Dribbble or Codepen. There you’ll find a fair share of examples. They c…

怎么在PDF上修改文字,PDF修改文字的步骤

怎么在PDF文件上修改文字呢?其实现在的很多的PDF文件上会出现文字错误的情况,想要修改PDF文件上面的文字却不知道怎么修改,想要修改PDF文件还是比较简单的,使用专业的PDF编辑器就可以进行操作了,下面小编就为大家分享一…

读完 Vue 发布源码,小姐姐回答了 leader 的提问,并优化了项目发布流程~

大家好,我是若川。这是 源码共读 第三期活动,纪年小姐姐的第三次投稿。纪年小姐姐学习完优化了自己的项目发布流程,而且回答了leader对她的提问,来看看她的思考和实践。第三期是 Vue 3.2 发布了,那尤雨溪是怎么发布 Vu…

小程序 富文本自适应屏幕_自适应文本:跨屏幕尺寸构建可读文本

小程序 富文本自适应屏幕Many of you may already know about responsive web design. Cited from Wikipedia, responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and windows or screen sizes. The respon…

Vue、React 之间如何实现代码移植?

大家好,我是若川。面对前端最火的两个框架,学 React 还是 Vue ?这可能是每个前端人都曾纠结过的问题。不过,现在你不用纠结了——因为很多公司都是两个框架都有大量的应用,取决于不同团队的技术选型,特别是…