电子商务网站设计分析:登陆注册页设计

   AnyForWeb正式推出电子商务网站设计分析的系列文章,每月更新,本次主题为电商网站的登陆注册页设计,欢迎关注!

  电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着,但对于第一次注册使用的情景,相信大家还记忆犹新。精心挑选完商品之后,用户们怀着愉快的心情点击购买按钮,但显示的却是“请先注册或登录”,原本满满的购物欲和好心情有可能瞬间大打折扣。

  电商网站需要注册和登录才能执行购买流程虽然受到很大一部分用户的不喜爱,但确实是非常普遍的现象。用户之所以如此反感,也不完全因为流程繁琐,网站的表现形式不够友好、人性化也是原因之一,甚至还有网站令用户很直接的感受到一种强迫性。

  市场环境让几乎所有国内的电商网站都随大流的加上注册登录环节,那么,如何让这一步骤变得更友好更适用,这是我们需要思考的问题。现在,AnyForWeb就列出10条我们的观点。

  1.简洁突出,大胆留白

  “挑剔”是大多数网购人群的特性,这种“挑剔”不仅体现在他们对商品的态度,也蔓延到对网站的每个页面。用户不喜欢思考和寻找,他们希望所有自己需要的内容都清晰的摊在眼前,甚至眼前只有自己需要的内容。这样的要求听起来很苛刻,但只有把握类似这样的细节,才能在竞争激烈的电商市场中占有一席之地。

  很多设计师对于留白都有些战战兢兢,生怕让别人误以为是自己偷懒了。其实,在电商登陆页的设计中,留白却是一种挽回用户好心情的好方法。登录注册在用户心里就是一个很麻烦的过程,而大量的留白能让用户感觉“原来只有一个步骤而已”,能很大程度的提升用户体验。


  苏宁易购的登陆页使用了大量的留白,页面整体和细节都十分干净整洁,让用户以最快的速度完成注册或登录这一环节。

  2.以访客利益为主导

  访客利益为先的衡量标准说起来可能比较空洞,很多电商网站也因此忽略了这一点。电商网站的主要目的是尽可能的多推广、多销售自己的产品,于是有的网站就不放过任何一个可以推销自己产品的角落,这样的做法会让用户很厌烦,尤其在登陆页上出现诸如此类的推销信息。

  登陆页是一个属于用户的网页,比较一下你的登陆页面,提到用户的次数和提到品牌产品的次数哪个更多?


  麦网的登陆页是一个反面教材,网站过于急切的想把自己的商品展示给用户,所以页面上的内容看起来很杂乱,这有可能对营销会有一些帮助,但却造成了不佳的用户体验。


  亚马逊的登陆页就与之完全不同,不仅在引导上做的很到位,语句的撰写也更多的为客户考虑,“我的邮箱地址是…”,这样的语言显得更有亲和力。

  3.好的标题是成功的一半

  有统计显示,阅读标题的人是阅读正文的人的5倍,这意味着“敲门砖”的重要性。如果你的标题够吸引人,也许用户跟不用等到购买前才登陆注册,让用户心甘情愿的化被动为主动才是交互设计更深层的意义。


  嗨淘首页的登录入口标题就与普通电商网站的标题不太一样,“hi”的小标识让按钮更吸引用户点击。


  点进登陆页后,嗨淘的标题依然与众不同,相比较普通的“欢迎登录”,“还不是嗨淘网会员?”这样的标题是不是更能让用户愉悦呢?

  4.简化页面副本,切中要害

  刚才已经提到,用户根本没有心思在短短的几秒钟之内做任何思考,因此,这里又涉及到了页面副本的问题。如今什么都讲求要创新独特,但在登陆页上还是要尽量避免。登陆页面上的文案还是应该简单一点,用一些一看就能懂,而且没有歧义的文字。


  百度糯米的登陆页真正理解了简化副本的含义。页面文字的简化并不是文字越少越好,而是要用尽可能少的文字把意思表达清楚。左侧的图片上也没有多余的文字,色彩上也选择了淡色系,让整体看起来很舒服。

  5.有趣美观的页面设计

  “人不爱美,天诛地灭”,视觉上美观的是事物总能给人更好的第一印象,对于网页设计也是一样的道理。从色彩到布局,登陆页设计要的是一种和谐,如果能在和谐舒适的体验基础上增添一些趣味性,用户会更乐于使用和点击。


  京东的登陆页就很有趣味性,左侧图片是略带搞笑的风格,也许能不少让用户会心一笑,带着好心情来登录和购物。

  6.必要时加入动画效果

  虽然登陆页面讲求简洁,但不可否认动态的事物总能在第一时间抓住用户的眼球。当用户不愿阅读文字的时候,在网页中加入动画或小视频就是个提高转化率的另一个方法。但这样的做法如果把握不好界限反而会破坏整个页面的效果,甚至影响用户体验,所以还是要谨慎而行。


  在线客服的功能很多网站都有,但在登陆页出现的却不多见。在登录或注册的过程中,其实用户很容易遇到困难,在麦德龙的登陆页中就很贴心的设置了这一功能,并且实现动态效果,让用户在有需要的时候马上找到它。

  7.撰写充满号召力的文案

  要用仅仅几个字的短句就抓住用户的心,文案的号召力是很重要的因素,尤其对新用户。这里所说的号召力也并非一定要用短句来实现,使用大动态字体的“注册”也能产生相应的效果,总之能让用户感受到你的活力和朝气,他们才会更愿意去做。


  充满号召力的文案一定要够简短够顺口,易迅网的“就是这么拼”虽然称不上多有创意,但着实能勾起用户的购物欲,让用户对登录注册更主动。

  8.尽量减少表单域

  从视觉角度来说,表格状的形式不仅能把杂乱的数据清晰化,也能把原本简单的内容复杂化。有调查显示,电商网站登陆页上显示的表单域越少,转化率就越高,由此可见,用户对于填写表格并不感兴趣。

  尤其对于首次使用的新用户来说,他们对网站的信任感还很薄弱,在这时让他们填写大量的表格式个人相关信息是很不恰当的,这对之后建立彼此之间的信任感也很不利。


  ebay的网站走的是极简路线。而表单形式在登陆页面中基本上避免不了,所以,ebay很聪明的只保留登录部分,有注册需要的用户可以点击右侧的按钮跳转到另一个页面。这是一个两全其美的做法,既让登录页面变得更简单,也让网站的条理更清晰。

  9.感谢页面社会化

  与其想尽办法让广告在网站内无处不在,不如把握住感谢页面,效果可能也会好得多。当用户完成登录页的转化后,我们可以在页面上添加一些选项,比如为登陆页点个赞,又或是分享到社交网站上,这样能第一时间集中更多的客户群。

  10.使用单开式登陆页

  无论从实际操作还是用户体验角度出发,单开式的登录页都是目前最理想的打开方式。如果选择弹框或者直接本页登录,会很明显的不利于用户的使用,Lancome的网站就是一个例子;另外,有些浏览器会有屏蔽弹框的功能。


  单开式的登陆页设计能更好的引导用户,同时产生一种被重视的感觉,这对于电商网站尤为重要。


  一号店的登陆页是同类网站中做的很周到的,在首页的登录入口位置做了一个鼠标悬停显示的效果,这样可以避免用户因为误点而造成的不必要的点击。

  总结:

  AnyForWeb认为,在电子商务网站的登录环节暂时还无法割舍的现在,页面的设计要以用户体验为先,让用户在使用的时候尽可能的减少思考时间。同时,AnyForWeb也希望在未来可以让注册登录成为不必要的环节,让用户可以以游客身份直接购买,登录注册的好处只是让购物流程变得更容易或者价格更优惠,以这样的方式让用户主动注册,让登录注册变成一个用户喜欢的环节。

时间: 2024-08-30 17:29:46

电子商务网站设计分析:登陆注册页设计的相关文章

电子商务网站设计分析三:登陆注册页设计

电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着,但对于第一次注册使用的情景,相信大家还记忆犹新.精心挑选完商品之后,用户们怀着愉快的心情点击购买按钮,但显示的却是"请先注册或登录",原本满满的购物欲和好心情有可能瞬间大打折扣. 电商网站需要注册和登录才能执行购买流程虽然受到很大一部分用户的不喜爱,但确实是非常普遍的现象.用户之所以如此反感,也不完全因为流程繁琐,网站的表现形式不够友好.人性化也是原因之一,甚至还有网站令用户很直接的感受到一种强迫性. 市场环境让几乎所

移动版本的电子商务网站:搜索和目录页设计

原文:Mobile Commerce Usability:Search and Category Pages 作者:Linda Bustos 译者:耿人杰 ------------ 全文的分割线 ------------- mobile shopping 这是此系列的第二部分: 第1部分:网站主页和导航 第2部分:搜索和目录页面 第3部分:产品页面和购物车 第4部分:表单和结帐 以下是我参考了Best Buy, Target, Sephora, Moosejaw, Barnes and Nobl

电子商务网站设计分析系列之二:首屏设计

屏(above the fold)是指不滚动web网页屏幕就能被用户看到的画面. 世界著名的网页易用性专家尼尔森曾经有报告显示,首屏以上的关注度为80.3%,首屏以下的关注度仅有19.7%.这两个数据足以表明,首屏对每一个需要转化率的网站都很重要,尤其是电商网站. 相关阅读:电子商务网站设计分析系列之一:首页导航 在电子商务网站中,用户最急切需要获得的不外乎两点:吸引人的商品或店铺,以及网站能够给予他的信任感.信任需要积累,因此,各类宣传推广信息就成了电商首屏展示的不二之选. 一个能引人驻足停留

电子商务网站设计分析:面包屑导航

AnyForWeb正式推出电子商务网站设计分析的系列文章,每月更新,本次主题为电商网站的面包屑导航设计,欢迎关注! 网站中的面包屑导航(Breadcrumb Navigation)导航是一种作为辅助和补充的导航方式,它能帮助用户明确当下所在的网站内位置,并快捷返回之前的路径. 面包屑的由来出自一个童话,两个孩子为了不在森林里迷路,于是沿途洒下了面包屑作为标记,帮助自己能够原路返回.通过这个故事我们可以看出,之所以被称为面包屑导航,正是因为它在网站中也起了相同的作用,让用户既能看清自己在网站中所处

电子商务网站常见模式案例:分页设计

模式库 在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性.(Yahoo模式库对也有对Pattern的一种定义.) 模式归属类别 为了方便调用和维护模式库中的各种模式,首先将模式库中的模式分成三大类:用户需求,应用需求,语境下的设计.在用户需求类别中,有一种类型叫基本交互.这里我将从这个纬度把基本交互中所涉及的模式一一罗列讲解. Pagination(分页,标记页数)问题摘要 用户需要查看数据的一个子集,却发现所有数据是显示

电子商务网站商品信息展示页面设计

导读:电子商务网站的设计重点在于提高用户的转化率,所以我们在访问某个电子商务网站页面时,总会看到许多其他类型或同类型的推荐商品.这也是设计中经常使用的交叉销售和向上销售.这样做的目的只有一个,尽可能提供用户感兴趣的商品,从而促成更多的销售.因此本文主要讨论如何在不同的页面中设计商品的展示方式,从而能更好的提高用户的专户率. 你注意到了吗,当展示交叉销售和向上销售(cross-sells and upsells)时(译者注:向上销售含义),许多电子商务网站会将用户从正在浏览的网页劫持到他们想推荐的

电子商务网站出售按钮5点设计技巧

  设计一个合适的"购买按钮"只是把"buy now(立即购买)"字样的文字放在一个蓝色的矩形上是不够的,因为这并没产生你预期的效果.幸运的是,一旦你了解了一些基本知识,设计一个合适的购买按钮并不太难. 首先,按钮上的文本非常重要,但还有其它功能要处理.为什么说文本最重要呢?试想一下,如果上面写的是诅咒性质的字样,按钮设计得再漂亮也没有用.因此,好的内容是金钱的来源. 我们会讨论一个电子商务网站合适的出售按钮至关重要的5点设计技巧. 1.整体样式 这是第一条,也是最

电子商务网站设计分析系列之一:首页导航

伴随着互联网的成长,通过电子商务网站实现商品交易越来越频繁,而访客在面对越来越庞大的信息量时会感到迷茫,因此,优秀的导航设计能够提高网站的易用性,对实现电子商务网站的高效运作具有实际意义.另外,电子商务网站的首页导航设计必须本着用户体验为佳的原则,既要将网站中的所有信息都在有限的导航栏中体现,又要为用户反馈出重要的帮助信息.网站因其独特的重要性和不可替代性,在电子商务网站设计中日渐凸显出举足轻重的地位. 1 .符合网站内容结构 在设计电商网站的导航之前,事先应该对网站整体的内容有一个全面的了解,

网站设计分析:了解网页设计中的分割布局

随着互联网的高速发展,各种各样的网站层出不穷.在这样的环境下,用户是如何在浩瀚的互联网海洋中快速挑选网站的呢?网页设计师又如何能让自己的网站在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢?本文作者向用户介绍了一种简单的页面布局方式--分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验. 下面进入翻译正文: 作为网页设计师,我们可以参考的设计范例和布局原则有很多,比如说:栅格化.纵向一致性.F型布局.Z型布局.三分法则.黄金分割法等等.注重这些原则将会给你的设计带来视觉吸引力和功能