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

相关推荐

  • IAMUE首发-交互设计相关概念手册

    这些“洋词”工作中总有会遇到的,新手看过来,别到时候别人说了你听不懂 名词 缩写 单词 功能 交互设计 IxD/IaD Interaction  Design 简单的说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外形元素…

    2016-01-13
  • 「抖音」用户体验分析

    和大部分人想的不一样,我是抖音和快手的忠实用户,每天都会在上面花不少时间。在玩抖音几个月后,我开始思考和分析这两款APP的设计和技术,发现其实其中充满了很多“精巧”的设置。抛开APP的针对群体和社会影响不谈,只想说作为一个普通用户的感受。抖音的交互设计是沉浸式的。在推荐页面,你每次只能看到一个视频,系统默认自动播放。因为没有给你反应时间,我们会不由自主的盯着屏幕看,而人的注意力很容易就被当前的视频(视觉和听觉)吸引。这样的交互好处是人的...

    2018-04-02
  • 不止于美:浅析信息图形设计

    人在喝完可乐一小时内会有什么反应?高速发展的中国互联网在一分钟内会发生些什么事情?美国大选,川普和希拉里的支持率到底有多大差距?信息图带你一分钟搞懂这些事!随着经济技术的发展,信息化科技化速度越来越快,信息量的不断增加,使我们对于信息的整理与识别要求也越来越高。繁忙的工作生活下,如何使信息更为直观的提供给用户,信息图形设计在这种环境下应运而生。

    2017-04-30
  • 网易新闻安卓客户端Material design实战

    编者按:光说不练假把式,聊了这么多的Material design技巧,是时候来看看国内APP怎么跟上这股潮流了。今天网易的同学分享了新闻客户端的Material design改版过程。 项目背景 网易新闻安卓版一直以来照搬IOS版的交…

    2015-07-20
  • 反应(Reaction):生活中并不是所有的事情都那么“赞”

    我在Facebook跟我所关心的朋友们分享各种各样的事情——从完成60天瑜伽练习的庆祝状态到悼念失亲之殇。从我的故事中也连接了一群相似的人,有相似的故事要分享。有时候我们只是想借助一个简单的方式去告诉分享者我们真的很喜欢他们的故事,或是当看到他们的生活发生挫折,简单地表达一下同情。

    2017-05-26
  • 面试被问Axure水平?菜鸟这样学,快速做出能拿去面试的原型

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。面试者如果带一份好的标准的产品原型作品,会加分不少。那么一份能拿去面试的原型,长什么样呢?(以下是6周axure实战班同学作品)1、原型里,会梳理产品的功能流程2、标准的低保真原型3、清晰、明确、可读性强的原型注释如果你也想做出能拿去面试的原型图想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?没人监督指导,自学还没...

    2018-04-20
  • 减少认知过载的6个案例分析和解决方案

    作者:Danny Halarewich(译者:Iris_Uu)   导读: 文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌…

    交互专题 2017-08-07
  • 关于外卖产品的交互设计与用户体验分析

    题外话:作为一名交互设计师,平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样,作为一名资深的吃货,毋庸置疑,当然先给大家分析几款“外卖”的交互设计。

    2017-05-23
  • 2014年APP分类排行

    纵观全年,在APP应用领域有四大类发展最为迅速,分别是社交、支付、导航以及美化软件。此外,打车软件则是在2014年一新兴产品,该类软件的推出填补了APP领域的一项空白,同时也是用户的一大刚需,在很短时间内就被…

    2015-01-13
  • 如何设计完美的移动端表单【UXRen译#169】

    作者:Levi Kovacs   |  翻译:楠木,校审:小蟹   不是所有人都喜欢填写表单。它不是什么有趣的事情,但它是我们必须做的事,完成一件事情的方法,可以说是一个工具。所以,让我们不再关注如何让它有趣,而是如何…

    交互专题 2017-08-07