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

相关推荐

  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29
  • 2016年移动应用设计趋势:神奇的微交互

    开发一个APP并上线了,你会觉得很了不起,同时呢它还有一个很酷的故事和视觉设计令人印象深刻。但这是不够的,它需要更多的东西,要让用户感觉这些元素活着。 这就是微交互! 图片来源:uxpin 当谈到设计一种上瘾的…

    2015-12-25
  • 新交互时代:自然用户界面中的“自然”到底是什么意思?

    一个理想的自然用户界面应当能让用户的注意力完全集中在所要从事的活动上,而忘记界面本身的存在,或者说,界面变得“透明”了。一位印度的同行为当地用户设计了一组用数字笔操作的界面。在进行用户测试时,他对其中一位用户说:“请拿起笔碰一下屏幕。”出乎他意料的是,这一看起来十分简单自然的操作,居然出了问题:这位用户没有用笔尖,而是把笔横过来整个贴在了屏幕上!经询问才知道原来他不识字,也从没用过笔。
    而另一位欧洲的同行为家庭用户在交互桌面上开发了一套软件,包括一些直观的手势交互,例如用两个手指相反方向移动做打开的手势来打开一个虚拟的储物箱。当他向用户家庭演示时,他想考考这个家中正上小学的孩子:“你试试看怎么打开这个箱子?”孩子二话不说,直接用食指在箱子上双击!隐喻指的是把用户界面中的概念比拟为一种人们熟悉的概念或现象,用于解释其交互方式,例如将图形界面元素比喻为大家熟悉的桌面、窗口等等。隐喻越贴切,越为用户熟悉,往往就意味着界面越自然。

    2017-05-14
  • 微信竟然有这么多渣到爆的细节,再不知道你就OUT了

    1997年,“码农”张小龙靠一己之力写了Foxmail,但电邮软件是免费的,当时连《人民日报》都在为码农张小龙的生计感到担忧。时隔20年后,张小龙的名字在互联网领域几乎已经无人不知,无人不晓,更多的是因为一款足以彪炳互联网史册的产品——微信。

    2017-05-23
  • 经验分享|利用品牌基因法进行图标设计

    在看这篇文章之前你需要清楚,我所讲的东西并不是什么权威,只是在工作中总结出来的一些的小经验而已,制作图标的方法也有很多种,这里只是给大家一个思路上的启发,希望能对你有所帮助吧!

    2017-05-06
  • 用Axure写PRD:虎扑app产品需求文档(附下载链接)

    需求文档是产品经理的基本功,产品小白入门的必经之路,但对于小白来说,没经历过一个完整的项目,自然也没有产品可以写,所以倒推产品是一个练手的好方法。Axure也是产品经理的基本功,画原型图的利器,但axure不止是能画原型,还可以用来写prd,正如臻龙大神说的做这样一个一体化产品需求文档出于的目的就是传统的方式产生的文件过多,过于杂乱,不易整理和回溯。如果把每个版本的内容都整理在一个html中,这样无论是团队协作还是文档回溯都能大大提高效...

    2018-03-15
  • 移动APP中各种类型的导航设计

    即使是移动应用界面的原型设计,导航的形式也可以多种多样。尽管尺寸小,又必须紧凑排列大量数据,它们似乎受到了紧密的约束,但依然有着形形色色的选择。 人们曾经一度只会考虑一种形式——流行且广泛使用的垂直导航…

    2014-11-06
  • 在一个老外微信PM的眼中,中国App UI那些事

    中美用户习惯的和文化的不同,造成了设计很多的不同。看惯了国内的设计,你了解外国人怎么看待我们的产品吗?接下来就可以带着疑问往下阅读。 本文编译自Dan Grover的博客,他现在是腾讯微信的产品经理。以下是他从…

    交互设计 2014-12-11
  • Mockplus实例之一看就会de五个交互功能

    实例来源:豆瓣新加日记(https://www.douban.com/note/create)先看看豆瓣新加日记的网页:再看看已经制作好的原型预览页面:在原型制作中有五个有特色的交互功能:1 题目和正文切换时,边框颜色变深这里需要交互…

    2016-07-27