（翻译）表单中应使用文本域输入地址的原因

2024-05-16 03:56:45

你是否曾经在填写表单时卡在地址字段？有研究发现，用户填写表单时，遇到“地址2”字段会不知所措，止步不前。

不仅如此，第二个字段会误导用户将地址拆分为两段填写，让用户感到困惑及混乱。
将第二个地址字段的标签更改为“公寓/套房/其他”并没有解决上述问题，用户还是会感到困惑，他们想知道是否需要填写这个字段。

熟悉定律

有两个地址字段违背了熟悉定律，后者是指系统应该符合用户的现实世界期望。当系统对应现实世界时，用户可以按日常习惯理解系统界面。
第二个地址字段强迫用户按系统要求输入地址，而非用户的习惯。在现实世界，用户认为地址是单个实体，而两个文本字段让他们把地址视为不同实体。用户不会期望看到这一点，这让他们感到困惑。

使用文本域

使用单个文本域替代两个地址字段，有助于用户更快速填写地址，他们看到文本域时会将地址视为单个实体，而不是两个不同的实体。

文本域支持用户敲回车键换行，他们可以按现实世界习惯输入地址。文本域也不会将地址限制为两行，这样就能支持更多国际格式。

城市、州和邮政编码

使用单独的字段输入城市、州和邮政编码，因为需要解析这些内容以确保地理位置唯一。工具Parserator支持从文本域中解析整个地址，但其无法保证100%准确性，且只适用于美国地址。如果设计人员有时间，可以尝试和测试该工具。

现实世界期望

根据用户的现实世界期望设计表单十分重要。如果违背熟悉定律，强迫用户按系统要求操作，就会令用户感到困惑及混乱。不要让用户适应系统，而是系统适应用户。

原文地址：https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/

（翻译）表单中应使用文本域输入地址的原因相关推荐

vuetifyjs文本域输入实时保存
vuetifyjs文本域实时保存,英文三秒保存一次,中文确认输入内容保存 compositionstart:文本合成系统如 input method editor(即输入法编辑器)开始新的输入合成时会 ...
【多个IP地址用逗号分割开】vue简单实现，textarea文本域输入多个ip地址用逗号分隔开，根据空格分割
前言这个功能也是很多地方会用到的. 一般使用的地方是比如需要设置白名单或者黑名单然后页面上会有一个textarea文本域. 在文本域中输入多个ip地址,输入一个回车换一行. 然后点击保存后,把数据 ...
表单中多个文本框实时计算金钱总和值
//输入的时候如果输入小数2.220立即变成2.22保留两位js工具类 function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/ ...
文本域输入的内容正确的回显
用textarea 输入框输入的内容,在输入的时候会带有换行符,此时我们想在回显这个内容到页面的时候,想要正确的显示带有换行的内容,此时需要在css加上以下代码 white-space: pre-l ...
删除wordpress评论表单中的网址文本框
原始效果如下想要去掉这个链接表单,一般想到的方法就是找到 comments.php 文件中的对应表单代码删掉.但是现在只需要一段非常简单的代码就可以去除: 代码如下复制代码 add_filter( ...
java编写摄氏度转华氏度_JAVA题：编写一个能够转换华氏温度和摄氏温度的程序。在“摄氏温度”文本域输入一个值并点击华氏按钮（两...
展开全部 import java.awt.Container; import java.awt.event.ActionEvent; import java.awt.event.ActionListe ...
itext文本域自动换行_Java导出Pdf格式表单
前言作为开发人员,工作中难免会遇到复杂表单的导出,接下来介绍一种通过Java利用模板便捷导出Pdf表单的方式模拟需求需求:按照下面格式导出pdf格式的学生成绩单准备工作 Excel软件 Ado ...
php spry文本域_spry菜单栏(二)
自定义选项卡式面板构件尽管使用属性检查器可以简化对选项卡式面板构件的编辑,但是属性检查器并不支持自定义的样式设置任务.您可以修改选项卡式面板构件的 CSS 规则,并创建根据自己的喜好设置样式的构件. ...
限制textarea文本域中输入字符个数（防粘贴）
通常我们需要对用户文本输入进行字符数量上的限制,对于<input type="text" value="" />文本输入域,我们可以通过maxlen ...

最新文章

热门文章