神刀安全网

把一个表单设计到极致是怎样一种体验?

对于表单大家可能都不陌生,我们每天都会接触到各式各样的表单,比如:注册登录、填写信息、发布信息、等等,表单是页面设计中十分重要的组成部分,也是用户体验设计中很容易被我们忽视的一块区域,复杂繁琐的表单设计很容易造成用户中途放弃操作而流失掉。那么如何设计一款有着不错用户体验的表单呢?针对这一问题,本文列举移动端和PC端表单设计的几种案例和方法,希望对大家能够有所帮助。

简单清晰的信息层级

面对复杂的表单信息,首先需要对其进行必要的信息排序和整理归纳,有意识的利用线条和颜色对不同类型的表单进行区分,从而降低复杂表单对用户操作可能带来的麻烦,使用户不排斥我们的产品,愿意去输入我们想得到的信息,快速准确的进入下一步操作。比如在用户注册页面,仅保留必要信息的录入框,剔除掉其余非必要的信息。其他信息可以在使用过程中引导用户完善,有效简化了用户的注册流程,降低了用户的使用负担。下图是两种注册表单,设想一下你是用户,你更喜欢哪一种呢?我想大多数同学肯定会和我一样,选择左边的表单。左图中的表单只需要用户填写必要的信息即可完成注册,而右图中的表单则需要用户填写出生年月、身份证号码这些非必要的注册信息,增加了用户的操作时间,而且身份证号码对于用户来说涉及到了相关隐私,会给用户带来安全性的担忧。表单的填写可以根据不同的维度进行分组,从而提高注册效率。

把一个表单设计到极致是怎样一种体验?

PC端注册页面

用户没有我们想的那么勤奋

很多时候,我们总会将自己假想成为用户,把用户想象的过于完美,但现实却与我们想象的截然不同,用户并没有我们想象的那么勤奋,因此就需要在我们的界面设计上下足功夫。要知道,用户在使用我们的产品时,一定是遇到了某些问题或想做某些事,需要我们做的就是,帮助用户快速的、有效的、不出错的完成想要完成的事。举个栗子,我们常用的手机充值界面。左图在充值时输入号码后会自动弹出售价,而右图则需要手动填写充值数量。很显然,这种条件下让用户手动输入,无疑是给用户制造了麻烦,用户很可能在中途就放弃了充值,而左图中为用户提供了多种充值额度的选择,帮助用户节省时间,1秒钟的等待都可能造成用户流失,所以在这个问题上就要做到能够让用户选择完成的就不要让用户去输入完成。

把一个表单设计到极致是怎样一种体验?

移动端话费充值页面

为用户提供必要的帮助

在填写表单时,大多数用户会很顺利的完成填写,但是还会有一小部分用户,在填写中出现错误,这就需要我们要在必要的时候,及时的出现一些提示性的信息,指导并帮助用户顺利的完成填写,目前最常见的提示方式我归纳为以下两种分别是直接展现形式和触发展现形式。直接展现形式是指用户不需要进行任何操作,提示信息自动出现在相关的区域内,目前最常见的就是出现在输入框的内部或右侧。例如我们常用的登录页面,在为输入用户名时会提示你请输入邮箱/用户名/已验证手机的提示信息,帮助用户尽快完成操作。触发展现形式是指用户触发操作后,展现出相关提示内容,提示用户该如何进行下一步操作、判断用户当前的操作是否正确。

把一个表单设计到极致是怎样一种体验?

提示信息

最后

设计师应该是一个有灵魂的职业,我们为世界的一切变得更美好而生。设计师的灵魂在于创造力,而创造力源自生活的方方面面。

好了,就写这么多吧,希望能够对各位小伙伴有所帮助,表单设计虽然在页面设计中占得比例不是那么大,但我认为,它的用户体验好与坏能够直接导致用户的去留,我们做任何设计都是一样,设计出来的内容是帮助用户解决问题,而不是为用户制造麻烦,表单虽小,但我们在平时的设计中也要重视起来,把不可能变成可能,把平凡做到极致这才是一个设计师应该具有的职业精神。由于自己的能力水平还比较有限,如果在文中出现哪些不妥的地方,还请各位老师及时的批评指正。

把一个表单设计到极致是怎样一种体验?

我的微信公众号,有兴趣的可以关注一下。

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 把一个表单设计到极致是怎样一种体验?

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址