宁波网站建设排名,网站改版 更换域名,wordpress 自己写js,wordpress文章专辑原文链接#xff1a;UI/UX笔记之如何设计好表单 | 须臾所学免费设计资源网presentationvip.com无论是注册流程#xff0c;多视图步骤程序还是单调的数据输入界面#xff0c;表单都是数字产品设计中最重要的组成部分之一。本文重点介绍表单设计的常见事项。请记住#xff…原文链接UI/UX笔记之如何设计好表单 | 须臾所学免费设计资源网presentationvip.com无论是注册流程多视图步骤程序还是单调的数据输入界面表单都是数字产品设计中最重要的组成部分之一。本文重点介绍表单设计的常见事项。请记住这些只是一般准则每条规则都有例外。表单应为一栏多列破坏了用户的垂直动力。顶部对齐标签相对于左对齐顶部对齐标签使得用户能以更快的速度完成表单填写顶部对齐的标签在移动设备上的翻译效果也更好。但是左对齐的标签可以用于大型数据集输入的表单因为与顶部对齐的标签相比它们更易于一起浏览在减小高度的同时也可提示更多注意事项。将标签和输入框分为一组亲密性原理将标签和输入端放在一起并确保字段之间有足够的高度以免使用户感到困惑。切勿文字全部大写所有大写字母使用户更难以阅读和浏览。如果选项低于6个则显示所有将选项放置在选择器下拉菜单中需要单击两次然后将其隐藏。如果有5个以上的选项请使用输入选择器。如果有25个以上的选项则将下拉列表和文本搜索输入选择器结合一起拒绝使用占位符文本作为标签通过使用占位符文本作为标签来优化空间是很诱人的。这会导致许多可用性问题这些问题可参考Nielsen Norman Group的Katie Sherwin总结。将复选框和单选按钮上下排列放置以提高可读性使CTA召唤动作按钮更具浏览可读性按钮文字要更精准减少用户思考就近提醒出错向用户显示错误发生的位置并说明原因用户填写字段完成后再提醒/验证除非在此过程中有帮助用户键入时不要使用提醒/验证除非有帮助例如创建密码用户名或带有字符数的消息时。不要隐藏基本的帮助提示文字信息尽可能公开基本的帮助提示文字信息对于复杂的帮助提示文字信息请考虑在其聚焦状态下将其放置在输入框旁边。将主要动作与次要动作按钮区分开关于是否应包括次要选择权存在着更大的哲学争论。使用特定字段长度设置表单输入框长度字段的长度提供了表单输入框长度将其用于具有已定义字符计数的字段例如电话号码邮政编码等。放弃*并用文字提示可选信息用户并不总是知道所需字段标记*隐含的含义。相反最好用文字提示可选信息。分组相关信息让用户分批思考长篇幅会让人感到不知所措。通过创建逻辑组用户将更快地理解表单。
