Web表单设计之注册表单

《Web表单设计之注册表单》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、必须面对的问题有：用户不喜欢提交表单。然我们的目的是让用户愿意提交表单。下面是一个关于web表单设计的调查报告，这个结果來源于100个令人瞩冃的网站。注册表单设计调查1.表单的安置1.1注册表单链接的标题是怎么样的？当用户想要加入某个时,他们会试图寻找"sign-up","register","join","join","becomeamemberv或者“ere址anaccount"等这样的短语。用户期望可以通过这些链到注册表单。不幸的是，情况不一定是这样的。CreateaccountRegisterJoin...Sign

2、upStarthereDifferent18%从图表可见，最受欢迎的标题是"Signupn（40%）,接着是"Join"（18%）,"Register”（18%）以及uGreataccountw（17%），极少数是按钮超大，又闪亮，并且写着"starthere”的字样。设计师与其设计并强调服务的功能性还不如试图去表达信息。1.2注册表单的链接放在哪儿？当用户第一次访问某个网站，他们会试图找出单独布局块代表的意思。他们的眼睛运动是跳跃的，并且用户试图了解哪个区域是更重要的，他们想要的内容可能被放在什么地方。为了满足用户体验，

3、设计师需要帮助用户直观地知道哪些是在开始使用服务前所需要做的事。如果用户找不到通往注册表单的链接，他可就不会注册你的服务。因此讣链接尽可能地显而易见是最关键的。那么设讣师应该把“注册”的链接放在什么地方？根据调查，这个注册链接•59%的网站是放在网站的顶部（其中76%是被放在右上角）•21%的网站是放在首页的突岀位置（链接或者表单自己被放在首页上）•9%是被隐藏在顶部“登陆”链接Z后（例如：Craigslist）•很少注册链接会被放在侧边栏上(7%-Propcller,Xing),但是4%的站点为用户直接提供服务，只有在用

4、户需要保存设置的时候才需要用户进行注册。1.表单的设计1.1需要简化注册表单的样式吗？当用户点击了注册链接之后，他很有可能想要注册你提供的服务。更重要的是，他并没有点击那些探索更深导航操作的链接或者具有吸引力的广告链接。因此，设计师尝试去掉所有没必要的详细资料以及不能帮助用户完成表单的描述。常常只是呈现一个logo和表单•自身,没有任何的导航操作和附加信息。用户必须尽可能地关注在他要去完成的任务上。任何会分散用户注意力的因素不应该被保留。.Yes■No设计师经常使用“最小化”的布局來构建注册表单。根据调查，6诧的wob表单

5、和普遍的页面相比更简单(例如:MovableType,Livejournal,Amazon,Ynndex.ru)Hithere!WellgetyousetuponYahoo!inthreeeasysteps!Justanswerafewsimplequestions,selectanIDandpassword,andyoullbeallsetIprefercontentfrc1.Tellusaboutyourself...MyNameFirstNameGender•SelectOne•▼Birthday-SelectMon

6、th・▼1liveinGermany▼PostalCode2.SelectanIDandpasswordYahoo!IDandEmail@yahoo.comPasswordP«*swocdStrengthRe-typePassword从雅虎的注册表单可以看出，访问者只需要填写账户信息即可，没有别的干扰因素去分散用户的注意力。注意表单中的语气和语义都是吸引人的对话式，这既简单乂友好。RegisterforFfocstcr22/•OHkhfHtoid"LMlNimeMof・Day・Test・zae阿,PmsbWgmyfJ;$<

7、ndmeswChrrfomution«ndCMxvaMR*•“updtfeYoucanun・uXc«X■・rytimrWMtituatr?IB•StmfAt1RMYWv■ItamrbettertMaaothermom•tCMofJoeFfenter>i*RecentRcvievr^onFtxMrrWML4GVwWwVItouMtMtotwabUwvymoM.Now4CWHbrTWLcveGemFC13kiMlMlb”Mmy■■c«M^uKMloVtyto

8、flUndMMMytn*V

9、TKflKinreHrMAjvwkmGd皿MvMwyUnrated2亀11"Hb如、小。3iljrttook・IMIMHW絶FlhcMcr^MostWanted2mubJomiindtht^tMCtyWlStallWMXThthcradbWIHAW.Forveer^Sar^t