规范已经存在了很长时间,极大地简化了起草投诉和其他各种法律诉状的任务。随着信息及其处理的进步,收集数据的手段也在不断发展。由于印刷表格已存在多年,因此我们可以从其设计中学到一些技巧。
文字栏位剖析
1 、容器 -可交互输入的区域
2、输入文本 -在文本字段中输入
3、标签文本 -告诉用户给定表单字段中属于什么信息
4、占位符文本 -是所需信息的描述或示例,被输入文本替换在用户提供之后
5、帮助程序或验证文本(可选) -提供其他上下文或验证消息
6、 前导图标(可选) -描述文本字段所需的输入类型
7、 尾随图标(可选) —对输入的文本的附加控制,例如清除,隐藏/显示等
文字栏位类型
对你收集的数据使用适当的输入类型
文本字段必须根据状态和用户交互来更改其外观
选择最佳的文本字段样式
左对齐标签
优点:易于扩展的标签,充分利用垂直空间
缺点:标签和相应输入之间的距离过长和可变距离会增加完成时间
右对齐标签
优点:文本字段标签和输入位置紧密,限制了眼睛移动的次数,从而缩短了完成时间
缺点:较难快速扫描表单并了解所需的所有信息
顶部对齐的标签
优点:允许用户单眼移动即可捕获输入标签和输入文本,最快的完成时间
缺点:需要更多垂直空间
文本字段的长度应与预期的用户输入成比例
占位符不能替代标签
帮助用户填写表格
使用自动完成功能帮助解决部分查询。这 会在您输入的输入框中发生,您可以按Enter或“右箭头键”接受它。
使用Auto-Suggest搜索几乎无边界的相关关键字和短语列表。该 列表以下拉形式显示为多个建议列表。
预填充字段并使用智能默认值。通常,您可以通过IP或地理位置轻松检测用户所在的国家和城市。根据最常见的方案和分析,您可以定义默认情况下应选择的内容。电子商务是一个例外,请勿预先选择与购买相关的任何偏好,例如尺寸或颜色。
提供上下文信息。如果您知道为了做出正确的决定或避免错误,用户在进行转帐时将需要一些其他信息,例如帐户余额,请随时提出。
使用内联验证
显示靠近输入的验证消息,并一起显示
不要大喊大叫,错误消息应该告诉用户如何解决问题,而不是责怪他们
当字段在完成输入之前被标记为无效时,请避免“ 过早验证”
考虑使用“积极验证”,可以增加一种愉悦感和进步感
减少字段数
不要将全名和日期之类的文本分成多个字段
不要多次询问相同的信息
使用标签和提示复制以尽可能地缩短它
隐藏不相关的字段
使用条件逻辑
组相关领域
避免使用多个列布局
将复杂的表格分为几个简单的步骤
显示步骤并以视觉方式传达用户的进度,这可以提高满意度并激励他们前进
不要细化表格,太多的步骤将无济于事,只会惹恼用户
对关键信息进行总结以减轻焦虑,最后需要进行复查
最小化向导外部的导航能力
显示适当的键盘类型
停止荒谬的密码创建设计
允许用户取消隐藏密码,而不是要求他们输入两次密码,这对于生成密码的应用程序也将更有效
始终显示密码要求,并指示用户在满足所有条件方面的进度。尝试简化对用户的要求。
使用强度表鼓励用户创建更强的密码

優(yōu)網(wǎng)科技秉承"專(zhuān)業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶(hù),成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類(lèi)業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門(mén)戶(hù)型、營(yíng)銷(xiāo)商務(wù)型、電子商務(wù)型、信息門(mén)戶(hù)型、微信小程序定制開(kāi)發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開(kāi)發(fā))、微信定制開(kāi)發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。