2014-2-21 藍藍設計的小編
轉載藍藍設計( axecq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 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 |