第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

表单设计进阶——7招提升表单体验(2)

时间:2018-02-18 16:18来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
用户没有我们想象的那么勤奋,我们需要做到的是让用户最方便最快速的完成内容的输入。通俗的来说,能不填写就不填写,能选择就不要输入,能选择一

  用户没有我们想象的那么勤奋,我们需要做到的是让用户最方便最快速的完成内容的输入。通俗的来说,能不填写就不填写,能选择就不要输入,能选择一下来实现的就不要选两下。

表单设计进阶——7招提升表单体验

  美团外卖/支付宝/Twitter例如,美团外卖在选择收货地址时,自动勾选性别,因为这个选项至少可以方便一半的用户少进行一项选择,即便是性别选择错误也不会对收货产生什么影响;支付宝的充值中心自动选择本机号码,并且将重置的金额用卡片的形式变现出来,不用让用户输入号码或者输入充值金额,用户只需要通过几次简单的点击即可完成选择,非常方便;Twitter输入验证码后自动进行检测,而无需用户点击“提交”按钮。

  4. 一页只做一件事,不要一次性展示全部内容

  有的时候表单的内容可能非常长,需要用户进行大量的填写,这个时候我们要注意,不要一次性把所有需要填写的内容都展示给用户,这样会吓到他们,让他们觉得需要在这个表单上花费大量的时间,有可能就放弃填写了。

表单设计进阶——7招提升表单体验

  你可以回想一下当你在银行办理业务时,柜员丢给你一张这样的表单你内心的第一感觉一定不是预约的,如果不是有提供的示例,真的不知道该如何下手。当你在Airbnb申请成为房东时,也需要填写大量的出租信息。而Airbnb很巧妙地把左边长长的表单拆分成了多个步骤,在单个步骤中的三个关联的选项也是一条一条逐步出现的,给人非常连贯顺畅的感觉。每个页面只回答一个内容,也让用户得以放松心情,专注于当前选项。

表单设计进阶——7招提升表单体验

  Airbnb近期我们发现,很多产品的手机号注册页,手机号输入与验证码输入/密码输入也进行了分页,当这三个项目在一页时,用户需要在输入手机号码后进行等待,然后才能继续输入,让用户产生这个表单进展缓慢的感觉,分开后,用户在一页只需要填写一个或2个内容,跳转的时间又掩盖了一部分等待验证码的时间,会觉得进展更快更流畅。

表单设计进阶——7招提升表单体验

  KEEP5. 选择合理的标签对齐方式

  顶对齐 vs. 左对齐 vs. 右对齐

  跟一般想法相反,在输入框上面放置标签并不是可用性最好的位置。你有时候希望用户尽可能快地填写表格,但有些时候你需要故意让用户慢下来,以便他们用心地留意并阅读标签。此外,把长表单设成一个长列,让用户向下滚动页面。这比把表单分成列,每样都雷同要好。每一种对齐方式都有它的优点和缺点。

表单设计进阶——7招提升表单体验

  Matteo Penzo根据表单标签对齐方式研究出的时间表。

  总结:希望用户快速扫描表单,把标签放在输入框上面,这种布局更便于眼睛向下扫描。希望用户仔细得阅读,把标签放在输入框的左侧,这个布局扫描较慢,向下向右(Z的形状)的眼动。

  6. 选择合适的按钮位置

  表单里可能有很多种类的按钮,我们在这里只说最重要的”下一步“、”完成/提交/保存“等提交表单类型的按钮。

  最常用的位置是右上角和下方。在右上角通常是文字按钮,而在下方一般有:固定在屏幕底部、跟随键盘移动、随表单移动。

  1. 右上角文字按钮,最常见的一种按钮形式

表单设计进阶——7招提升表单体验

  美团外卖/微信/Facebook优势:①不影响用户对表单内容的注意力;②用户在完成表单时,视线会从下向上转移,有助于用户作进一步检查;适用于:表单内容复杂且重要,需要用户专注于表单本身,认证填写。

  2. 固定在屏幕底部

表单设计进阶——7招提升表单体验

  闲鱼优势:①用户在任何时间都可以点击;②强烈吸引用户的注意力,引导用户点击适用于:表单内容重要性不高,不需要全部完成,也不需要过于仔细,需要促进用户快速完成提交。但可能会被键盘阻挡。

  3. 随键盘移动

表单设计进阶——7招提升表单体验

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕