示”表单在移动设备上执行此操作的示例。
网络表单设计:在电子邮件输入字段中包含@符号的示例
最后,您还有日期选择器或滚动日期选项,用于输入出生日期等字段。然而,产品设计负责人 Filippos Protogeridis 并不推荐使用它们。
在他的UX 技巧文章中,Protogeridis 表示,“尽管移动选择器比桌面上的下拉菜单好得多,但它们的填写速度仍然比标准文本字段慢。”
信息图显示了两种常用的日期选择器,但并不总是推荐用于移动网络表单。
来源
您是否知道网站访问者平均需要50 毫秒的时间来查看您网站的登录 德国电话号码列表 页面并决定是否留下?
网络表单示例:Tailwind
来源
Web 表单的第一印象也很重要。创建 Web 表单时,请牢记以下设计技巧:
给您的表格打上品牌标志,让其看起来更专业。
与您公司的审美相匹配,以确保一致性并提升精致的外观。
考虑颜色、文本字体和大小以及布局。
保持物品整洁有序。
使用单列。
如果您有一个很长且详细的网络表单,请将所有内容放在一列中,以便潜在客户轻松阅读和填写。我还建议仅在读者可以理解的情况下才将表单字段放在同一行。
例如,将日期(日、月、年)等信息放在一行中。将所有其他表单字段放在一列中,可以防止潜在客户感到不知所措或被问题轰炸。