2014-2-21 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
和單純的注冊(cè)與登錄不一樣,現(xiàn)在是社會(huì)化的合作時(shí)代,一切都講究共贏、!而社交登錄表單界面設(shè)計(jì)正是為我們提供了一個(gè)快速進(jìn)入網(wǎng)站的入口,通常包括注冊(cè)和登錄兩部分。社交登錄入口一般都是facebook、推特、新浪、qq等。
要想使用網(wǎng)站設(shè)計(jì)提供的社交登錄表單功能,前提是你有那些社會(huì)化網(wǎng)站的帳號(hào),不過(guò)這個(gè)時(shí)代,誰(shuí)會(huì)木有QQ或者微博呢:)話說(shuō)國(guó)內(nèi)的一些網(wǎng)站利用社交登錄表單登錄后,體驗(yàn)很不好,層層跳轉(zhuǎn),進(jìn)入網(wǎng)站后,依然要填寫(xiě)一大堆個(gè)人資料。而且每次還不能記錄登錄狀態(tài)!這哪里是提供便捷,分明只是一個(gè)噱頭而已。
直觀看一個(gè)例子 Wunderlist:
該應(yīng)用允許用戶使用社交賬號(hào)登錄,也可以另外直接創(chuàng)建賬號(hào)。
直白地說(shuō),社交登錄表單就是一個(gè)進(jìn)入某系統(tǒng)的入口,用戶可以在這里注冊(cè)賬號(hào),實(shí)現(xiàn)快速登錄。
例1:Pinterest
(使用facebook賬號(hào)或者郵箱鏈接到pinterest系統(tǒng))
該應(yīng)用是為用戶提供圖片分享的地方,用戶可以在這里分享圖片吸引關(guān)注。
例2、StumbleUpon
(注冊(cè)表單相對(duì)pinterest復(fù)雜得多,但是只需要填寫(xiě)一次就走完流程了,后續(xù)不必再填寫(xiě))
如果用戶選擇用facebook鏈接進(jìn)入系統(tǒng),那么后續(xù)可能還要填寫(xiě)用戶名、郵箱密碼等一系列信息。當(dāng)然也可以直接沿用facebook的昵稱。
例3、Canva
(這是一個(gè)在線設(shè)計(jì)協(xié)作網(wǎng)站,登錄頁(yè)面非??帷#?/p>
由于該軟件比較新,才剛開(kāi)始和facebook建立鏈接關(guān)系,所以如果用戶使用facebook鏈接登錄的可能還需要另外填寫(xiě)注冊(cè)信息。
還記得我們推薦過(guò)這個(gè)網(wǎng)站么《要失業(yè)了!在線圖形設(shè)計(jì)平臺(tái)Canva正式上線》
例4: RunKeeper
許多研究表明社交登錄表單是非常有益而便捷的。比如這個(gè)跑步應(yīng)用,當(dāng)你注冊(cè)完畢后它會(huì)跟蹤你的跑步活動(dòng)。而你的登錄方式可以直接使用第三方社交平臺(tái)登錄。
跑步結(jié)果你可以分享到社交平臺(tái),一來(lái)二去,互惠互利。
例5、Karma
Karma是一個(gè)小小的wifi熱點(diǎn),用于小伙伴間共享網(wǎng)絡(luò)。
登錄Karma可以使用facebook鏈接,系統(tǒng)自動(dòng)存儲(chǔ)和使用用戶來(lái)自facebook的資料。但是有個(gè)弊端,一些例如TechCrunch和Gizmodo等批判社交網(wǎng)站不實(shí)信息的新聞?lì)?、科技類公司?huì)要求用戶使用真實(shí)的Karma資料,所以facebook登錄變成一個(gè)可選之項(xiàng),并非完全必須的。
這個(gè)例子又給我們上了一課:在其他軟件中,給用戶一個(gè)是否愿意使用社交網(wǎng)站應(yīng)用程序鏈接的選擇。
例6、Airbnb
在Airbnb上,用戶使用facebook登陸本站的好處比不使用facebook登陸的多。包括添加信任、安全驗(yàn)證,和一些需要預(yù)定或托管的環(huán)節(jié)。
例7、Buffer
在某些情況下使用社交賬號(hào)登錄是強(qiáng)制性的,適用于web應(yīng)用程序。比如一些鏈接中間頁(yè)強(qiáng)制要求你鏈接到社交賬號(hào)用以管理自己的文章。
例8、Quora
Quora要求每個(gè)用戶都需要自創(chuàng)一個(gè)賬戶,不允許游客的存在。這使得有些記者和用戶有點(diǎn)兒不舒服,但是它也提供了社交登錄方式,至少減少了注冊(cè)時(shí)填寫(xiě)表單的痛苦。
更多的例子:
例9、Weebly
例10、Gumroad
例11、Asana
例12、 Foursquare
例13、Fitocracy
例14、hackpad
例15、Map your runs
從上面的例子可以看出,使用社交賬號(hào)登錄實(shí)現(xiàn)了用戶和開(kāi)發(fā)者的雙贏。
其中,
1、給用戶帶來(lái)的好處:
2、為開(kāi)發(fā)人員帶來(lái)的好處:
有時(shí)候某些網(wǎng)站僅允許用戶使用社交賬號(hào)登錄。這些工具是用來(lái)幫助用戶管理自己的社交賬號(hào)的。
熱門(mén)社交賬號(hào)登錄API文檔
有的須自備梯子。
Platform | Link to API documentation |
Facebook Login | |
Google+ Sign-In | |
Authentication | |
Authentication | |
Application-only authentication |
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com