2014-2-21 蓝蓝设计的小编
转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
来源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里
和单纯的注册与登录不一样,现在是社会化的合作时代,一切都讲究共赢、!而社交登录表单界面设计正是为我们提供了一个快速进入网站的入口,通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。
要想使用网站设计提供的社交登录表单功能,前提是你有那些社会化网站的帐号,不过这个时代,谁会木有QQ或者微博呢:)话说国内的一些网站利用社交登录表单登录后,体验很不好,层层跳转,进入网站后,依然要填写一大堆个人资料。而且每次还不能记录登录状态!这哪里是提供便捷,分明只是一个噱头而已。
直观看一个例子 Wunderlist:
该应用允许用户使用社交账号登录,也可以另外直接创建账号。
直白地说,社交登录表单就是一个进入某系统的入口,用户可以在这里注册账号,实现快速登录。
例1:Pinterest
(使用facebook账号或者邮箱链接到pinterest系统)
该应用是为用户提供图片分享的地方,用户可以在这里分享图片吸引关注。
例2、StumbleUpon
(注册表单相对pinterest复杂得多,但是只需要填写一次就走完流程了,后续不必再填写)
如果用户选择用facebook链接进入系统,那么后续可能还要填写用户名、邮箱密码等一系列信息。当然也可以直接沿用facebook的昵称。
例3、Canva
(这是一个在线设计协作网站,登录页面非常酷。)
由于该软件比较新,才刚开始和facebook建立链接关系,所以如果用户使用facebook链接登录的可能还需要另外填写注册信息。
还记得我们推荐过这个网站么《要失业了!在线图形设计平台Canva正式上线》
例4: RunKeeper
许多研究表明社交登录表单是非常有益而便捷的。比如这个跑步应用,当你注册完毕后它会跟踪你的跑步活动。而你的登录方式可以直接使用第三方社交平台登录。
跑步结果你可以分享到社交平台,一来二去,互惠互利。
例5、Karma
Karma是一个小小的wifi热点,用于小伙伴间共享网络。
登录Karma可以使用facebook链接,系统自动存储和使用用户来自facebook的资料。但是有个弊端,一些例如TechCrunch和Gizmodo等批判社交网站不实信息的新闻类、科技类公司会要求用户使用真实的Karma资料,所以facebook登录变成一个可选之项,并非完全必须的。
这个例子又给我们上了一课:在其他软件中,给用户一个是否愿意使用社交网站应用程序链接的选择。
例6、Airbnb
在Airbnb上,用户使用facebook登陆本站的好处比不使用facebook登陆的多。包括添加信任、安全验证,和一些需要预定或托管的环节。
例7、Buffer
在某些情况下使用社交账号登录是强制性的,适用于web应用程序。比如一些链接中间页强制要求你链接到社交账号用以管理自己的文章。
例8、Quora
Quora要求每个用户都需要自创一个账户,不允许游客的存在。这使得有些记者和用户有点儿不舒服,但是它也提供了社交登录方式,至少减少了注册时填写表单的痛苦。
更多的例子:
例9、Weebly
例10、Gumroad
例11、Asana
例12、 Foursquare
例13、Fitocracy
例14、hackpad
例15、Map your runs
从上面的例子可以看出,使用社交账号登录实现了用户和开发者的双赢。
其中,
1、给用户带来的好处:
2、为开发人员带来的好处:
有时候某些网站仅允许用户使用社交账号登录。这些工具是用来帮助用户管理自己的社交账号的。
热门社交账号登录API文档
有的须自备梯子。
Platform | Link to API documentation |
Facebook Login | |
Google+ Sign-In | |
Authentication | |
Authentication | |
Application-only authentication |