详细解析网页社交登陆表单的那点事

是傻i

是傻i

2016-02-16 23:11

今天图老师小编给大家精心推荐个详细解析网页社交登陆表单的那点事教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

小伙伴们,今天我们要来探讨一下社交登录表单的那点事。

什么是社交登录表单?

和单纯的注册与登录不一样,现在是社会化的合作时代,一切都讲究共赢、高效!而社交登录表单正是为我们提供了一个快速进入网站的入口,通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。

要想使用网站提供的社交登录表单功能,前提是你有那些社会化网站的帐号,不过这个时代,谁会木有QQ或者微博呢。

话说国内的一些网站利用社交登录表单登录后,体验很不好,层层跳转,进入网站后,依然要填写一大堆个人资料。而且每次还不能记录登录状态!这哪里是提供便捷,分明只是一个噱头而已。

直观看一个例子 Wunderlist:

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

该应用允许用户使用社交账号登录,也可以另外直接创建账号。

直白地说,社交登录表单就是一个进入某系统的入口,用户可以在这里注册账号,实现快速登录。

社交登录表单用例

例1:Pinterest

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

(使用facebook账号或者邮箱链接到pinterest系统)

该应用是为用户提供图片分享的地方,用户可以在这里分享图片吸引关注。

例2、StumbleUpon

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

(注册表单相对pinterest复杂得多,但是只需要填写一次就走完流程了,后续不必再填写)

如果用户选择用facebook链接进入系统,那么后续可能还要填写用户名、邮箱密码等一系列信息。当然也可以直接沿用facebook的昵称。

例3、Canva

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

(这是一个在线设计协作网站,登录页面非常酷。)

由于该软件比较新,才刚开始和facebook建立链接关系,所以如果用户使用facebook链接登录的可能还需要另外填写注册信息。

还记得我们推荐过这个网站么《要失业了!在线图形设计平台Canva正式上线》

例4: RunKeeper

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

许多研究表明社交登录表单是非常有益而便捷的。比如这个跑步应用,当你注册完毕后它会跟踪你的跑步活动。而你的登录方式可以直接使用第三方社交平台登录。

跑步结果你可以分享到社交平台,一来二去,互惠互利。

例5、Karma

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

Karma是一个小小的wifi热点,用于小伙伴间共享网络。

登录Karma可以使用facebook链接,系统自动存储和使用用户来自facebook的资料。但是有个弊端,一些例如TechCrunch和Gizmodo等批判社交网站不实信息的新闻类、科技类公司会要求用户使用真实的Karma资料,所以facebook登录变成一个可选之项,并非完全必须的。

这个例子又给我们上了一课:在其他软件中,给用户一个是否愿意使用社交网站应用程序链接的选择。

例6、Airbnb

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

在Airbnb上,用户使用facebook登陆本站的好处比不使用facebook登陆的多。包括添加信任、安全验证,和一些需要预定或托管的环节。

例7、Buffer

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

在某些情况下使用社交账号登录是强制性的,适用于web应用程序。比如一些链接中间页强制要求你链接到社交账号用以管理自己的文章。

例8、Quora

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

Quora要求每个用户都需要自创一个账户,不允许游客的存在。这使得有些记者和用户有点儿不舒服,但是它也提供了社交登录方式,至少减少了注册时填写表单的痛苦。

更多的例子:

例9、Weebly

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

例10、Gumroad

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

例11、Asana

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

例12、 Foursquare

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

例13、Fitocracy

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

例14、hackpad

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

例15、Map your runs

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

使用社交账号登录的好处

从上面的例子可以看出,使用社交账号登录实现了用户和开发者的双赢。

其中,

1、给用户带来的好处:

更直接而迅速地登录网站(仅仅点击一下按钮就OK了);

可预测性的注册过程(这一方法在绝大多数用户心里都已成形,用在哪里都省时省力)

不需要管理多个账户(一个社交账号直接作为各类网站的账号登录,无需另外创建和管理)

信赖(其实大多数情况下用户在初始访问网站的时候都不是非常信赖该网站,于是采用社交账号登录会是较好的方法)

2、为开发人员带来的好处:

用户身份验证(使用社交账号登录可以直观地判断该用户是一个真实的人)

大多数情况下是免费的(使用社交API实现登录通常是自由免费的)

个性化的用户体验(由于便利,用户更经常光顾开发者的网站)

空白输入状态预填充(直接获取用户注册信息甚至更多的额外信息)

使自己的应用程序更加社会化(毫无疑问的,用户此举让你的应用程序和社交直接挂钩,更加社会化)

减少重新登录时的失败次数(使用此举直接不用再另外输入密码,省事儿省心)

垃圾邮件保护机制(使用社交账号登录直接减缓了垃圾邮件的产生,因为邮件的发送需要实现进行第三方验证)

仅允许使用社交账号登录的情况

有时候某些网站仅允许用户使用社交账号登录。这些工具是用来帮助用户管理自己的社交账号的。

详细解析网页社交登陆表单的那点事,PS教程,图老师教程网

为什么不使用社交账号登录

依赖外部平台(使用社交账号登录使得用户随时都需要根据第三方服务的变化而变化。假如某个时刻网站再也不支持社交账号登录了,那么用户此刻会很烦恼)

隐私问题(事实表明社交平台使用API获取用户数据用在其他领域。比如facebook给用户提供一个社交账号链接窗口来了解人们的行为)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

处理多账号类型(为了实现社交账号登录,开发者需要另外是设计系统来实现)

决策瘫痪(一些研究表明,太多的选择会影响转化率)

稀释自己的品牌标识(使用社交账号登录直接导致用户对该网站的印象降低)

不值得这么去做(并不是提供了该窗口用户就会自觉去使用,有时候用户看到该窗口甚至厌烦地直接关掉并且放弃登录网站,损失更大)

为什么要使用社交账号登录

该选项是可选项而非必选项(用户有自由的选择权)

限制社交账号登录的数目(可选,但是限制数目,省去用户的大多数选择。可以坚持使用热门的社交账号登录方式,比如facebook、Twitter和google等)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

有一个退出战略计划(社交平台登录的选择要时刻做好API的不支持)

展开更多 50%)
分享

猜你喜欢

详细解析网页社交登陆表单的那点事

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页社交登陆表单的那点事

详细解析网页表单设计那些事

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页表单设计那些事

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析节日LOGO设计那点事

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析节日LOGO设计那点事

浅谈网页与APP中那些优美的登陆表单

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈网页与APP中那些优美的登陆表单

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

兴趣图谱和社交图谱的那点事

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
兴趣图谱和社交图谱的那点事

详细解析网页表单设计大揭秘

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页表单设计大揭秘

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

实例解析如何设计出甲方称赞的作品

实例解析如何设计出甲方称赞的作品

10个技巧让你瞬间提升自身设计水平

10个技巧让你瞬间提升自身设计水平
下拉加载更多内容 ↓