当前位置: 网站建设 > 网页设计 > 建站经验 >

网页注册表单设计原则

时间:2013-03-02 04:12来源:未知 作者:admin 点击:

标签:网页注册表单设计原则 调查(1)原则(20)设计(106)2.4(1)注册(7)网页(168)表单(17)
注册表单设计调查 2.4输入框标附加信题需要突出吗? 当用户想要参加网站是,用户会寻找正确的短语,用户知道它们应该是sign- up,register,join,join,become a member或者creat an account等。显然,用户冀望他们其中之一的链接能够链到注册表单。可怜的是,情况不必定是这样的。 2.2需要提供任何附加信息吗? 实际上注册链接很少被放在侧边栏上(7%-Propeller,Xing),然而4%的站点为用户直接提供服务,只有在用户需要保留设置的时候才需要用户进行注册,
网页注册表单设计原则》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234K12013.htm

  注册表单设计调查

  2.4输入框标附加信题需要突出吗?

  当用户想要参加网站是,用户会寻找正确的短语,用户知道它们应该是“sign- up”,“register”,“join”,“join”,“become a member”或者“creat an account”等。显然,用户冀望他们其中之一的链接能够链到注册表单。可怜的是,情况不必定是这样的。

  2.2需要提供任何附加信息吗?

  实际上注册链接很少被放在侧边栏上(7%-Propeller,Xing),然而4%的站点为用户直接提供服务,只有在用户需要保留设置的时候才需要用户进行注册,网页标准之争

  2.3单页表单VS多页表单

  2.5标签对齐

  我们关注注册表单是想把更多症结表单单独开来(例如校验表单)。而后我们分辨完成每个被选择网站的注册表单并且分析这些表单的设计方式。

  更多的发现

在考察中41%的网站使用标签右对齐  (YouTube, Facebook, Metacafe) 30%的注册表单使用顶端对齐 (Behance.net, Wufoo, Tickspot, DZone) 29%应用的是左对齐 (Digg, Ning, Wykop.pl, 43things, StupZ).

  当进行一个调查时,我们已经留神到表单中的必填项越来越少了。多少年前,设计师请求拜访者填写他们的姓名、地址、城市和个人兴致,但现在仅仅只要要登录名、密码和确认密码。

Tag:网页注册   网页注册  

  比方,Meebo把一个完全的注册过程整合在一张注册表单中,并且通过一个弹出框的形式为用户提供注册向导。这个表单由6个页面组成,用户通过一些附加信息的选择从而进行他们账户的设置。

  第二部分的研究结果的翻译会在下周给到大家,敬请等待~(

  让我们来为这个web表单设计样式调查的第一局部做一个总结。请记住,我们只斟酌注册表单。

  依据咱们的调查,这个注册链接

  根据“Matteo Penzo的标签放置研讨结果”(1996)和“Luke Wroblewski的发明”(PDF),右对齐可以戏剧性地减少实现时间由于它们简直不需要眼睛的凝视。假如你想要达到雷同的目标但是只有一块受实际区域制约的垂直屏幕,标签顶端对齐则会更好一些。还有以防你的表格要求人们扫描标签去懂得什么是必需的(不熟习或者高等的数据),左对齐则是最好的。

  因此,设计师尝试去掉所有没必要的具体材料以及不能帮助用户完成表单的描写。经常只是浮现一个logo和表单本身,没有任何的导航操作和附加信息。主意:用户必须尽可能地关注在他要去完成的义务上。任何会疏散用户注意力的因素不得不被删除。

  但是设计有效的页面表单不是件轻易的事件。有个不争的事实就是:没人爱好填表单——无论是线上仍是线下的。因此,作为设计师我们需要找出能够让表单百分百简单、直接甚至无苦楚的准确的设计决议。

调查结果中18%的注册表单旁边都会有登录表单或者登录衔接。(例如, YouTube, Reddit, Digg, Lulu, Metacafe) 78%的注册表单没有用星号或者高光去表现必选框;大多数情形无论星号或者其余情势的高光都不会被使用。 9%的注册表单用流程唆使来告诉用户他们进行到哪一步了,并且告诉他们哪些步骤是完成注册的必填项。 85%的站点更喜欢用尽可能简单的web表单。 区域通常都是用空白区来群组和拆分的,网页文字阴影属性text-shadow,有时边框的用处也和空缺区一样(22%),还有9%的情况是利用不同的背风景来辨别。

  我们将它们分类并试图找出类似的设计方针和设计思路。我们试图从可用性观点上着手,一直关注两者的正面和反面的例子并将他们摆设在调查结果中。

  如果用户找不到通往注册表单的链接,他可能就不会注册你的服务。因此让链接尽可能地不言而喻是最关键的。那么设计师应该把“注册”的链接放在什么地刚才会让用户感到更可濒临?


  Large version

  我们在每个表单中利用一个特殊的Email账户和特别的用户名,为了使调查尽可能地存在普遍性,我们指出29个在设计web表单时会遇到的不同的设计问题和疑难。

  调查结果中,93%的表单是单页表单。显然地,设计师试图赞助用户尽可能疾速和无疼痛地完成注册流程。只有一些网站利用多页表单试图把摸索用户参数挑选联合在注册过程中。

  我们已经抉择了100个和web表单有关的大型网站。这些网站是根据博客搜寻和Alexa排名以及搜索引擎中的受欢送水平等方面去考虑取舍的。这些网站直接贸易目的的影响广泛和他们的web表单相关,因而在流程中需要指定为高优先级进行设计。尤其注册表单是为说明为什么很多评论表单是来自于社会类型的网站的要害。

41%的表单告知用户注册的利益 (MySpace, Del.icio.us, Last.fm, LinkedIn, Digg, Mister Wong, Break.com) 28%仅仅是单纯的注册页面,不任何附加信息 (Pownce, DeviantArt, Dailymotion) 11%告诉用户须要多久时光来填写。 (Threadless, Newsvine, Wordpress)

  2.6有多少必填区域?

  从图表可见,最受欢迎的标题是“Sign up”(40%),接着是“Join”(18%),“Register”(18%)以及“Creat account”(17%),我们察看到极少数有类似于我们去年看到的按钮那样即大,又闪亮,并且写着“start here”的字样。显而易见,设计师与其设计并强调服务的功效性还不如试图去表白信息。

  概要

  因此,设计师常常使用“最小化”的布局来构建注册表单。根据我们的调查,61%的web表单和普遍的页面比拟更简单(例如:MovableType, Livejournal, Amazon, Yandex.ru)

  只有很少一部门(6%)网站正面提及在注册进程中所需要填写的信息。一些步骤中会提供一些忠告(8%)和示意(6%,例如37signals, Bloglines)

  诚实说,我们已经预感到可能对齐是一个很强的趋势 。但是在我们看来,标签对齐的趋势已经不再那么强烈了。

  当用户点击了注册链接之后,他很有可能想要注册你提供的服务。更重要的是,他并没有点击那些探索更深导航操作的链接或者具备吸引力的闪亮的广告链接。

  下面我们先容一下当初互联网web表单设计款式的调查结果。这些成果是剖析了100个领有跟web表单相干流程的网站而得出的。我们决议从注册表单开端。

注册链接的标题大多数是“sign up”(40%)并且被放在右上角。 注册表单为了避免分散用户的注意力而使用简单的样式。 93%的注册表单是单页表单。 41%的注册表单通过解释注册的上风来吸援用户注册。 62%的输入框标题是通过加粗高亮的。 标签不是都排成一条直线的。 设计师试图不必必填项和可选项。 86%的注册表单更喜欢用垂直布局的表单。

  如果你想最大化你的服务所带来的效益,你就必须最大化你网站表单的胜利率。仅仅简单的让用户在你网站上注册是不够的,除非你有能够让访问你网站的人一看就映像深入的点子。为了让服务达到最大化的体现,我们设计师需要提供用户一个良好的用户体验。我们需要邀请用户,为他们描述服务产品有多少好,给他们解释为什么他们需要填那些表单并且暗示他们会因此得到好处的回报。当然,网页应用开发周期 缩短网页应用开发的技巧,我们也应该做的十分便利让用户来参加。

59%的网站是放在网站的顶部(其中76%是被放在右上角) 21%的网站是放在首页的突出地位(链接或者表单本人被放在首页上) 有9%是被暗藏在顶部“登陆”链接之后(例如:Craigslist)

  Box.net提供了一个简略的垂直布局的输入区域。当用户输入数据的时候,他们的眼睛固定在纵轴输入框左侧的穿插点上。

  当用户第一次访问一个站点,他们试图找出独自布局块是代表什么。他们的眼睛活动是跳跃的,并且用户试图了解哪个区域是更主要的,他们想要的内容可能被放在什么处所。为了满意用户休会,设计师需要辅助用户直观地晓得哪些是在开始使用服务前所需要做的事。

  许多设计师试图通过类似于帮助、信息内容要求甚至是版权声名的附加信息来激励访问者自动填写表格。但是它不同于点对点,在大部分例子中注册的好处仍然是通过表单来体现。

  1.表单的安顿

  和上面发现的相似,我们注意到大多数网站防止可选项并且要求用户在完成注册流程之后补全可选项。其中62%的表单基本就没有可选项,还有98%的表单有少于5个的可选项。

  根据雅虎的注册表单可以看出,访问者仅仅需要填写账户信息即可,没有别的烦扰因素去分散用户的注意力。注意表单中的语气和语义都是吸引人的对话式,这既简单又友好。

  调查的目的重要是提供应那些凭直接来断定有效性的设计师和开发职员参考根据。我们也会介绍一些如何让web表单成为完善的友好用户界面的领导方针。

  2.7有多少可选项?

  62%的注册表单用加粗的方法去凸起输入框的题目。为了惹人注视而不止一个的使用斜体去到达同样的后果。为了让标签可能更加可见,20%的注册表单用颜色,18%的用纯文本。

  Flixster是个典范的背面例子,它把表单塞得很满,一点也不尊敬它的访问者。注册页面上一下子供给了每种可能的操作导航,并且登陆页面上右边的广告比登陆表单还要突出。这样一点也不友爱,网页广告字体设计技巧,Photobucket应当是我们见过的第二拥挤的web表单。

  请注意这个文章不是对于校验表单——那是另外一个讨论的话题,我们把它独破开来对待成一个行将要探讨的文章。我们要感激Wufoo为我们提供构架来领导我们的调查。

--> [网站建设之]网页注册表单设计准则

  1.1注册表单链接的标题是怎么样的?

   我们发现54%的表单要求用户最多填写5个输入框(其中6%的网站在使用服务前根本不需要注册)。34%的表单使用6-8个输入框,然而有12%的网站顶着用户的忍受度让他们完成超过9个的必填项。

  但是怎么样才干正确地找出这些决策?布局上那些链接应该放在表单的什么位置?我们应该怎么设计它?我们应该怎么样高亮标签,应该怎么样排列他们?页面表单设计样式怎么样才合乎古代化的网站?我们拿这些问题问我们自己,并且通过实行调查来得到这些结果。

  在这个方面,垂直无妨碍延长的垂直布局区域是注册表单表示出强盛趋势。86%的网站把输入框垂直布局,网页布局如何提高网页访问速度。除此以外,15%的布局更强调应用美丽且吸引人的视觉设计来让访问者在填写表单时觉得更舒服。

  1.2注册表单的链接放在哪儿?

  2.8垂直或者程度的部署区域

  Mint是一个横向布局的注册表单。当用户输入数据的时候,他们的眼睛需要跳来跳出。

  2.1需要简化注册表单的样式吗?

  2.表单的设计


(责任编辑:网站建设)
网页注册表单设计原则相关文章
上一篇:网页标准之争 下一篇:网页添加CSS样式表的四种方式
回到顶部