[Investor Relations]  |  官方微博

.NET培训

美国上市公司 · 亿元级外企Java培训企业

  • 全国服务监督电话4001118989
  • 达内.Net监级讲师分享创建表单快速指南

    发布:.Net培训  来源:NET职场  时间: 2015年12月28日

  • 奇丑无比的表单总是随处可见。在表单的输入框中填写信息时,似乎没有多少人关注到用户交互是否友好。人们似乎忘了这通常才是客户与他们的产品或是品牌第一次真正的交互。...

  • 奇丑无比的表单总是随处可见。在表单的输入框中填写信息时,似乎没有多少人关注到用户交互是否友好。人们似乎忘了这通常才是客户与他们的产品或是品牌第一次真正的交互。注册与购买的过程才会真正地提高转化率并且产生真正的利润的环节,而产品的整体感觉和品牌的外观是对这一过程有着重要的作用。这就是为什么对于产品的设计应该如同“对产品细节的投入”和“宣传你的服务的传单与网站”一样得到重视。在本文中,达内.Net培训(net.tedu.cn)专家将列出完成一个好的表单设计的主要因素,遵循这些规则将帮您创建出一个灵活友好的表单工具。

    1.你的目标

    当你在创建表单时(有着比较复杂的内容与布局),最重要的就是遵循“你的目标是什么,以及实现表单的最有效的方式是什么”这一主旨。

    2.创建表单

    既然你已经知道该怎么做,那就好好的把时间和精力放在表格的结构上。表格要尽量的简洁短小,只需提供完成注册所必需的信息即可。

    人们其实是不喜欢冗长的注册表单形式,所以一旦你的表单中出现了很多不必要的必填选项会导致注册转化率降低,事实上,也降低了注册成功的概率。即使最终你需要更详细的信息,可以在用户注册成功或是已经体验过你的服务之后再让用户完善详细信息。

    3.用户界面

    在考虑设计用户界面时,尝试使用一些自然、低调的色彩。

    表单应该与背景协调融合,用户看起来不会很吃力,用户界面也更友好。

    显眼的颜色应该用于更重要的地方,比如用于像验证消息或确定触发事件。

    切记,当涉及到数字显示时候,亮色的背景和黑色的字体更加的易于阅读。

    4.用户体验

    现在已经建立了表单总体结构、整体感觉以及外观,是时候检查一下用户体验了。

    除了精心设计模块、输入框和CAT(点击事件)外,你要确保表单的可读性,易于使用,并且保证用户所有操作事件必须简洁明了。

    首先,正如我之前多次提到的,保持简短。

    重新调整所有的输入框和下拉列表,并确保这些都是用来从新用户那里获取的必要的信息。

    有时只需要电子邮件和密码就可以了,但有时候需要更详细的信息。

    记住,一旦用户已经使用你的网站或者服务。你仍然可以要求注册客户填写更详细的信息,如个人信息或支付详细信息。

    同时,尝试着把多个输入框集合成一体。

    避免用三个下拉菜单来显示 比如出生年、月、日,应该把它们合并成一个易于使用且直观的日历形式。

    没有特殊需要的话,尽量把诸如街道名称和街道号码作为一体。

    有时使用单个整体模块会更好,让用户体验更简单,感觉就像在真正的填写明信片或是信件那样简单。

    如果表单标题和描述不是非常复杂的话,尽量把它们放在输入框内(变成等待提示文字)。

    首先,这将帮助你节约表单上的宝贵空间,使得格式更加的统一。

    其次用户就不需要浏览两个不同的列表--一个标题和一个输入框,这样的表单会显得臃肿,内容过于详细的。

    用户在填写表单时,输入标题和输入框内部提示语能直接连接到用户所需要执行的操作。

    看看使用提示提示文本能帮你节约多少空间。

    表单信息验证是需要考虑的另一个重要特性。

    填写表单时,用户需要知道他在哪个地方出错的。

    用户越早知道如何解决错误,那么在他第一次尝试时便全部成功通过的概率就更大。

    可以通过两种方式来验证表单,通过服务器端验证(当用户试图提交表单,表单被发送到服务器进行验证),或客户端验证,也称为内部验证(实时评估,客户通过输入一个便会验证一个)。

    第一个方法适用于需要长期运行的表单,表单包含敏感或隐私数据,此时需要发送到服务器进行验证。

    在响应中,服务器发回的信息中包含哪些表单的模块需要修改。

    通常,错误或信息不全的文本框会变成红色,并在旁边用红色文本提示如何修复问题(一般会出现在出错区域的下方)。

    另外,也会在表单的顶部或者下方列出用户所有的错误填写,当然,这不大适合较长且界面复杂的表单。

    第二种方法通常用于在线报名,可以缩短注册过程,并增强用户体验(用户正确填写的速度越快,完成注册过程的可能性就越大)。

    内部验证消息通常出现在输入框的下面或则旁边,以便纠正或跳过。

    内部验证可以减少强制标记红色区域这种不友好的现象出现。

    在注册的过程中指示用户错误是一种更有效与友好的做法。

    5. 常见错误

    错误1--混乱的布局

    一个固定统一的表单结构对于易读性是非常重要的。

    这使得整个页面看起来就是一个界面,而不是引导用户的友好页面。所以如果你想在你的网站上保持高的转化率,请确保布局不混乱,并且一眼看过去清晰明了。

    错误2--缺乏层次感

    在设计更复杂和更长的表单时,缺乏层次感是另一种常见的错误。

    确保你布局是清楚的且容易理解,避免冗长混乱的模块,在必要的地方加上说明和注释。

    错误3--过多点击事件

    错误的颜色编码和过度使用点击事件可能会使得界面混乱。

    确保将用户的注意力集中在页面上最重要的部分,通过颜色、点击按钮和其他因素来引导用户,切记你的表单不是打广告的地方。

    之后,你可以通过邮件、期刊或者其他的途径来推广你的产品,以此来赢得用户的青睐。

  • 上一篇:达内.Net监级讲师亲授程序员面试“胜经”

    下一篇:达内.Net总监级讲师:不要自称是程序员

网站导航
2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56