Web注册设计:参考下这5种类型的网站设计

提到登录注册,大家想必不会陌生,要使用某个网站提供的全部服务,我们就需要进行账号登录操作;而要获取账号,就要进行注册网站用户了。

Web注册设计:参考下这5种类型的网站设计

提到登录注册,大家想必不会陌生,要使用某个网站提供的全部服务,我们就需要进行账号登录操作;而要获取账号,就要进行注册网站用户了。

注册大体可分为三种模式:

  1. 开放注册模式没有任何限制 填写指定信息即可
  2. 半开放注册模式  此种模式往往需要提供邀请码  而邀请码通过一些社区或者社区群进行分享
  3. 封闭式注册 联系网站管理员直接进行发放账号从而进行注册。

第一种模式使用的最多,最广泛,随着越来越多的人使用互联网,而使用互联网的用户水平参差不齐,很多网站都在尝试着降低用户学习的成本;加之人们都拥有常见的账号如QQ号、微信号、微博号等,便捷省时的第三方登录正在大肆兴起。

笔者主要研究的是普通的web注册登录,暂不包含第三方登录。传统的注册必要信息包含用户的用户名和密码;但是随着很多互联网是基于通信的基础之上,所以有些就需要提供手机号和邮箱等联系方式。

网站获得了用户的联系方式后,可用进行优惠接送,鼓励用户增加使用频率,从而扩大自己网站的影响力。

对于用户来说,用户即使忘记自己的注册用户名,只要记得所填写的手机号以及相关的验证信息就可以对密码进行找回、重置等操作,整个过程不需要网站的人工干预。

下文就根据网站的类别和性质对这些注册方式进行一定的探讨和分析。

电子商务类(含团购)

这类网站如淘宝、京东、国美、苏宁、亚马逊、美团等,还有诸如折800、唯品会、美丽说、蘑菇街等专题类网站。对于这类网站来说,最主要的用户的手机号。网站在商品销售、付款等环节都需要使用手机号;特别是物流环节中,基本上账号使用者就是商品服务的接受者。

对于电子商务类的网站来说:有效的手机号和邮箱可以让网站进行促销活动发布,唤醒沉睡用户,提高总体的活跃率从而使网站获得更多的利润。

很多网站弱化用户名的作用,以下几个例子中只有京东将用户名作为必填项,国美则同时支持用户名 手机号邮箱三种模式注册。

这其中以淘宝的注册流程最为繁琐,需要三步才能注册完成。

京东分为个人、企业、国际三类用户,用户注册需要填写的选项很多,较为繁琐。

亚马逊将登陆注册合二为一,用户根据自己的情况进行选择,分老用户 (已有账号)和新用户(创建新账户);对于用户来说非常便捷。

对于zhe800和美团来说,需要长期保持用户的活跃性,推送新的优惠,所以默认勾选用户协议和优惠信息,用户会不定期收到网站的优惠信息,有助于留存那些活跃度不高的用户。

Web注册设计:参考下这5种类型的网站设计

淘宝注册

Web注册设计:参考下这5种类型的网站设计

京东注册

Web注册设计:参考下这5种类型的网站设计

亚马逊注册

Web注册设计:参考下这5种类型的网站设计

zhe800注册

Web注册设计:参考下这5种类型的网站设计

美团网注册

生活与社区类网站

社区类的网站主要满足人们生活和交流需求,在线与他们进行互动。一般也不需要手机号,使用邮箱或者用户名注册即可。

这类生活和社区类的网站主要特点是匿名交流(出发布二手交易信息外),用户一般也不会轻易更改自己的联系信息。如下图的58同城支持微信、手机和邮箱三种方式注册;知乎直接填写三项基本信息即可进入用户中心,同时还支持微信微博QQ等第三方登录。花瓣网则默认使用第三方登录,让用户已最小的信息输入成本成功登录网站使用网站的相关功能。

Web注册设计:参考下这5种类型的网站设计

58同城注册

Web注册设计:参考下这5种类型的网站设计

知乎注册

Web注册设计:参考下这5种类型的网站设计

花瓣网注册

金融服务类网站

人们对于这些网站的安全性都十分在意,所以必须要用手机号进行登录以便能及时收取账户的变动情况,防止发生资金损失的意外情况。基本上网站仅使用邮箱,邮箱的即时性比手机差很多,注册时也有诸多不便,需要用户登录邮箱点击激活链接进行激活才能正常使用。

如下图好利网注册页面,需要用户输入两遍密码,以及邀请码,邀请码对于邀请人来说有一定的优惠补偿(类似于推广奖励),所以将其作为选填放在注册页面。

Web注册设计:参考下这5种类型的网站设计

好利网注册

旅游出行类

随着生活水平的日益提高,越来越多的人选择出行来满足自己对于生活品质的追求,所以这类网站就不断火起来。因为涉及到订单信息,所以这类网站已获取手机号码为主,同时提示账户密码强度,同时鼓励用户完善邮箱等其他信息来保证账户的安全。

如下图的携程注册页面,提示验证邮箱可以获取200积分。

Web注册设计:参考下这5种类型的网站设计

携程注册

新闻类网站

如新浪,搜狐、网易、凤凰网等;新闻类的网站主要是提供最新的资讯信息,注册主要用于发表新闻评论或收藏等操作;加之登录登录账号后网站可记录用户的浏览偏好,自由定制感兴趣的模块。

浏览新闻具有很大的随意性,是否注册对于浏览没有很大影响,所以这类网站使用的用户基数大,但实际注册的人数缺不是很多。再者,为方便用户评论新闻,很多门户新闻网站支持游客身份登录,这个是基于浏览者的IP信息。但是随着现在信息泛滥,很少人喜欢同质的信息;所以很多新闻资讯类的网站在注册时让用户选择自己的感兴趣的资讯类别,推送适合用户的新闻。

如下图新浪网,注册时需勾选自己的兴趣标签。

Web注册设计:参考下这5种类型的网站设计

新浪注册

这里还要吐槽一种很奇葩的注册方式,注册后将用户名和密码发送至注册时使用的手机邮箱,虽说这种方式可以让注册者保留自己的密码,但同时也增加了密码泄露的危险性,同时这种注册方式使用起来非常麻烦,万一系统要等很久才发送密码,恐怕用户早已失去耐性了吧。

Web注册设计:参考下这5种类型的网站设计

互联网的一些事注册界面

还有关于验证码图片,因为最近12306验证码被吐槽得很厉害,所以这里就说说注册时的验证码。

现在很多网站都取消了,但仍有不少还是保留,有一些则进行了创新与改进。如下图所示,拖动验证、点击验证、算术验证等各种方式。其中拖动和点击验证比较简单便捷,算术验证相对有一定的难度。

依照现在的验证码识别机制,即使是12306的低分辨率问答式图片验证码都能被有效识别,即使人工也不一定能达到机器的识别成功率,验证码最初就是设计用来防止机器人自动注册账户,照现在图形识别和人工智能的发展,验证码这种验证方式只会给用户的顺利注册设置阻碍,完全可以取消掉。

Web注册设计:参考下这5种类型的网站设计

不同类型的验证码

抛砖引玉,疏漏之处敬请补充,欢迎拍砖。

 

注:图片来自网络和截图 图片版权归源网站所有 请勿他用

本文由 @willie 原创发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/30688/

(0)
CatherineCatherine
上一篇 2017-05-29 20:36
下一篇 2017-05-29 22:39

相关推荐

  • 铃木说马云的双11是错的

    铃木敏文:“判断项目是否可行,应该由用户立场出发,以用户视点深入考察是否符合需求。一旦决定开拓,就一定要坚持到底。”“海星有一种特殊的能力——再生。它的腕、体盘和管足受损或自切后,都能够重新生成一个新的海星。因此,它对环境的适应能力和生存能力都特别强。”铃木敏文:“冬天,北海道地区的店准备了大量空间贩卖冰淇淋。“
    当地生意人纷纷嘲笑说:“谁会大冬天里吃冰淇淋呀!”
    但是,铃木说:“家里暖气开得很足,如果能吃上冰淇淋,客人应该会很开心吧!”铃木敏文:“红豆糯米的美味之处在软糯口感,但在它刚被研发成型时,试吃过后并没有尝到糯糯的口感,于是找到研发告诉我制作红豆糯米的方法和普通米饭一样是用锅煮熟的,因而导致口感上有所差异。铃木训斥他说,红豆糯米本身应该以蒸笼蒸制,为什么不采用正确的方法呢? 原来,当时的 生产工厂并没有以蒸制大量糯米的工艺和设备,因此选择了和普通米饭相同的做法。 我要求他们改变制作方法,引进新设备,力争做出原汁原味的糯米饭团。开发团队对糯米的种类、 淘洗方法、浸泡时间、红豆的选择、煮法等所有的要素都重新研究,克服了好几个难关,终于让这一 产品 获得了极大的成功。”铃木敏文:“如今已最新的第六版的投资高达500亿日元,这些年IT的总投资金额已达到3000亿日元。商品库存数据、POS数据、缺货数据、报废数据,在第六版系统中,7-Eleven开始为各家加盟门店订货提供三项数据,以作为协助成立假设的参考,分别是立地数据、设施数据和长期数据。“立地数据”是指调查各门店周边(半径350米,徒步5分钟以内的)的家庭数;如果有商户的话,就调查其员工人数。“设施数据”主要了解自家门店周边是否有学校或医院之类的设施,这对于日常订货作业的假设设定都能提供一定的帮助。他们还根据过去的数据呈现出有关趋势及动向的数据,提供“长期数据”。”

    2017-05-02
  • 原创译文 | 面向对象的用户体验设计

    2012年6月,我在CNN.com工作时,接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性,数据的可视化,可变形的画布,以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时,CNN.com首次上线了响应式体验站点,同时,我也第一次面临响应式体验设计。

    2017-06-01
  • 如何合理的在移动应用中使用动效

    译者语:本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knock knock……

    2017-06-03
  • 设计师的知识管理

    作者: shareboy 人们每谈到设计很自然的就会联想到创意、想法。作为设计师,好像我们的大脑里就理所应当地充满了各种创意,然而这些创意是本来就存在于大脑里的吗?显然不是。 有人说创意来自冥想,我不否认有些天…

    2015-04-22
  • 别逗了,真正的“用户体验”并不如你们所想

    什么是用户体验?如何评价用户体验的好坏? 在知乎上,俞军说:“我理解的用户体验,是让用户付出最小成本满足需求”。这其实仅仅是在讲“易用性”(usability)。另有位叫做Allen Zhang的大牛说:“个人对用户体验的目标…

    2015-10-10
  • 12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 针对产品UI国际化提出的7条建议

    近年来,越来越多的国内开发者将目光从国内转移到国外,纷纷投入到移动大航海时代的浪潮之中。在产品国际化的过程中,产品UI是否也跟上了国际化的步伐?Dropbox 设计师 John Saito 针对产品设计国际化中出现的问题进行了分析并提出了 7 条建议,值得一看。

    2017-05-09
  • 游戏交互设计心得分享:从代入感与反馈感入手提升打击体验

    前言经常听到一些设计人员、产品经理、甚至是一些交互体验”大师“的言论——【这个操作太麻烦了,需要操作好几步,体验太差了!】亦或者【这个功能藏的太深了,你有考虑过用户体验么?】之后不知怎么的,设计游戏或者软件的人员经常会把这几句话挂在嘴边。无论做什么,3句话里面保准带一句上述“金句“。所以近段时间,你会发现打开一个游戏或者软件,第一眼的界面,功能堆积,眼花缭乱,不知从何下手。我觉得,经常拿着两句话一刀切的人太幼稚,太低级了。所以我今天斗胆...

    2018-02-20
  • 交互设计牛校排行榜 | 纽约大学 ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-05
  • 从零开始学交互:经验分享之基础阶段一

    【对用户体验设计的理解】 对于我个人而言,喜欢以咬文嚼字的方式去理解一个新的词语,这正是汉字的艺术所在。用户体验设计=用户体验+设计。一说到设计,很多人会联想到绘画、创意、各种漂亮的手稿。这是对艺术和设…