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

相关推荐

  • 圈圈的Visio星球大战-交互设计那些事儿 阿西UED 交互设计实用指南方法与提升秘诀解读 交互设计工作思路与设计技巧书籍

    交互设计那些事儿 阿西UED 交互设计实用指南方法与提升秘诀解读 交互设计工作思路与设计技巧书籍

    2016-06-18
  • 交互设计的本质是什么?

    行为逻辑的认知,让我们在设计数字世界的产品时,把注意力放在用户上、放在用户的动机和行为上,以及发生这些行为的媒介和场景。从这个层面去思考数字世界的产品,也许更贴近交互设计的本质。

    2017-04-29
  • 深度 | 量化用户体验并有效执行的关键几步

    回归到商业常识产品与服务才是长久之道,过度的营销在这个传播过剩的环境中反而容易引起用户的对抗。

    2017-05-21
  • 交互设计师的60日计划第十二天

    周五在会议室被吹感冒了,周六又因为之前约了牙医所以跑出去一整天,晚上回来就发烧了,昏昏沉沉睡整夜整日。然后发现我果然劳碌命,生病都挑周末,工作日一到立马恢复了…不过这几天就都没写总结,想想心里还有点慌…

    交互专题 2015-08-20
  • Sketch入门教程,教你4步打造完美投影

    经常逛Dribbble,Behance还有很多外国设计网站的小伙们应该都会发现,流行了一阵子的扁平化风都带有一个很清爽的投影(diffused drop shadow)。比如像这样的这样的还有这样小伙伴们有没有自己尝试过去做呢?会不会觉得很简单?确实,使用Sketch的小伙伴儿们应该都知道,Sketch添加投影的方法超级简单,旁边Shadows按钮一点击,就添加了一个投影。但有个问题是,Sketch的投影不是很好控制,容易做出这种四周黑...

    2018-04-16
  • 别让这10个设计误区毁了你的APP

    色彩:鲜艳的色彩更抓眼球,适宜于可点击的元素使用
    空间:在关键元素周围留下足够的空间,让用户更容易发现,也更容易操作
    排版:使用简单干净的字体(尽量使用笔画粗细统一的字体),并且挑选适合屏幕的字体,确保整体可读性。

    告知用户他们所处的位置,或者显示当前状态(比如光标悬停色彩改变等)
    当某个动作执行的时候,应当给出相应反应(比如提交表单完成之后给予成功提交的提示)
    告诉用户发生了什么,以及接下来将会发生什么(比如加载中的进度条)

    2017-05-21
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • 响应式网页图片库设计的九个注意事项

    响应式设计 无疑是当前网页设计 领域当中,不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题,许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来,那么响应式网站中的图片库应当如何设计呢?

    2017-05-25
  • 商业模式驱动视频互动设计:手淘的视频就该这么玩儿

    当商业目标和设计碰撞在一起之后,商业模式使设计的目标更明确,而设计能为商业模式带来更好的体验。

    2017-05-16
  • 十种数字字体免费下载

    当你数字和文字融合时,让数字脱颖而出是很重要的。 这些数字可用来吸引用户的眼球。在广告或打印使用创造性的数字字体和颜色,它们将脱颖而出。 国外设计师Heather Moritz跟大家分享了十种免费数字字体,这些字体仅…

    2015-01-20