蓝色炫耀-蓝枫的个人博客

B2C网站的表单设计:轻度设计 轻松填表

时间: 2011-10-09 / 分类: 交互设计 / 浏览: 335 views / 我要评论(0) 字号:

以前Vicky曾经就表单设计与大家分享过设计的要点,但是分析的不是很具体,我在这里就对表单设计的用户体验与设计方法进行一些补充,希望对改善B2C网站的表单设计能够有所帮助,下面就对表单设计的注意事项进行一些赘述,与大家共同探讨。

可喜的是,技术的进步与用户体验的改进,B2C网站的表单已经有了极大的改进,比之以前表单令用户使用头疼的问题,如长,乏味,粗暴,无益, 苛求用户, 经常出错等问题,如今的大多数网站的表单已经设计得较短,更透气,让用户互动参与,具有上下文提示,很少出错 ,这对于用户来说是一件好事,也会使用户更少地反感填写表单。

当用户首次面对表单界面时,用户关心的是:

这是什么表单?

我与要填写那些信息才能完成?

这些信息真的必须填写吗?

填表会不会花去我很多时间?

填错表单不会没有提示我吧?

如果用户觉得注册表冗长繁琐,不符合他的使用习惯,他就可能离开网站,不再光顾。因此,注册登录的信息要尽可能地精简,交互方式要符合用户一般的使用习惯。

怎样让用户轻松地填表呢?我认为,以下几点在设计时值得注意:

1,提醒用户为什么要填表,填表对用户有什么帮助。如下图

2,尽可能地让用户少填写信息。如下图

3,对表单的标签的对齐方式的探讨

a,标签左对齐,如下图

优点:

整洁,

布局清晰,

容易浏览,

可读性高。

缺点:

填写时间较长

表单较长时容易看错行

当标签很长时,点击它不能使输入框获得焦点

b,标签右对齐,如下图

优点:

能为标签宽度提供更好的灵活性

标签与输入框更接近

缺点:

填写时间较长

当标签很长时,点击它不能使输入框获得焦点

发表评论

您的昵称 *

您的邮箱 * (绝对保密)

您的网站

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif