设计与产品blog.mailchimp.com
社交登录按钮并不值得
Social Login Buttons Aren’t Worth It
2012 — 2014,它一次次回到首页
黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。
导读
MailChimp 这篇博文回顾了他们撤掉社交登录按钮的决策:数据显示真正使用社交登录的用户很少,而简化登录表单、改进错误提示等改动反而提升了登录成功率。作者由此质疑社交登录按钮是否值得,并引出登录体验、安全与产品测试方法的讨论。
为什么经久不衰:它用真实产品数据挑战了“社交登录必然改善体验”的默认假设,而且关于登录设计、B2B 场景和独立测试的讨论今天仍然适用。
HN 评论精选
质疑低使用率数据可能有选择偏差,并建议用更轻量的设计、可另设密码等方式保留社交登录,而不是直接砍掉。
很有意思,但 MailChimp 一开始并没有这些社交登录选项吧?所以用它们登录的人比例低,很可能只是说明大多数用户是在这些按钮上线之后才注册的?至于 CEO 邮件里说的首页选项过多造成困惑,那只是设计问题:这些按钮不必占那么大空间、那么醒目,可以只是默认登录表单下方带小图标的链接。直接去掉这些选项会损害现有使用者和偏好快速注册的未来用户。后面说社交登录服务可能消失、因此不可靠,也可以用 SoundCloud 的办法解决:允许用户在设置里另设用户名和密码。至少我当时用 SoundCloud 时,唯一的问题是必须重置密码才能启用。安全风险是用户自己的选择,而同时拥有站内凭据和社交绑定也是额外好处。
mnicole查看英文原文
Interesting, but MailChimp didn't start with these social media login options, did they? So the low percentage of people using those to sign in probably means that most of those people registered after they were in place? Also, regarding the CEO's email and the confusion of so many options on the homepage, that's merely a design issue. Those buttons don't need to take up so much room or be so bold. They could simply be links with tiny corresponding icons underneath the default login form. Taking those options away would be a detriment to both current users of those methods and future users who prefer the quick registration process it provides. The argument thereafter that these logins could easily dissipate and are therefore unreliable is solved the same way SoundCloud does it; allow the user to set a username and password separate from their social networking account in their settings. The only problem with the SoundCloud method, at least at the time I did it, was that in order for it to activate, you had to reset your password. As far as the security point is concerned, that's a risk the user takes and another benefit to having both site-specific credentials and the social media tie-in.
文章本质是 CEO 以审美理由否决决策;他更支持 Google 登录甚至浏览器自动生成凭据的极简方案。
我的理解是,这其实是 CEO 基于审美理由推翻了决定。就这个案例,我个人更愿意用 Google 登录,那就需要三个按钮:Twitter、Facebook、Google。我理解“页面像赛车服贴满赞助商标志”的批评,但也相信用户足够聪明,至少能处理钱包里那么多身份选项。也许最好的方案更极简:干脆不提供登录选项!让浏览器替你自动生成凭据和唯一密码,之后每次看到这个网站就自动登录。
codinghorror查看英文原文
The way I read this, it's about the CEO overriding the decision based on aesthetic reasons. Personally I'd much rather log in with Google in this case, which means there would need to be three buttons: Twitter, Facebook, and Google. I'm sympathetic to the "nascar-ization" argument, but I also believe your customers are smart enough to process at least as many options as there are in their wallet for providing identity. Perhaps the best solution is even more minimal: no login options at all! Let the browser auto-generate credentials and a unique password on your behalf, then automatically use that to log you in every time it sees that website. http://www.codinghorror.com/blog/2011/09/cutting-the-gordian-knot-of-web-identity.html
真正的教训是独立测试和增量迭代,否则会把无关改动误认为有效。
我认为更大的重点与社交按钮或登录体验无关:要独立测试每项改动,并做增量改动。他们以为社交按钮提升了登录成功率,其实没有;一个不相干的文案改动反而提升了成功率。如果分别测试这些改动,就能更清楚地看出到底是什么在起作用。
matthewowen查看英文原文
I think the bigger point has nothing to do with social buttons or login UX. Test your changes independently, and make incremental changes They thought social buttons improved login success. They didn't. An unconnected copy change improved login success. If you test these things independently, you'll get much better insight into what makes a difference.
结论有场景限制:MailChimp 是 B2B 产品,不能直接推广到所有消费者产品。
我认为真正的结论是“社交登录按钮不值得,但仅限于 B2B”。很少有人会用个人 Facebook 或 Twitter 账号注册/登录企业账号,也很少有企业会让很多人直接访问自己的 Facebook 页面和 Twitter 信息流。
rqebmm查看英文原文
I think the real takeaway is "Social Login Buttons Aren't Worth It _For B2B_" Very few people are going to sign up or log into a business account using a personal facebook or twitter account, and few businesses are going to have a lot of people with direct access to their facebook page and twitter feeds.
历次讨论
同类还值得读
贝塞尔曲线入门
A Primer on Bézier Curves
Pomax 编写的贝塞尔曲线在线教程,从基础概念一路讲到曲线求交、投影、曲率等进阶内容,并配有可交互的示例和配套的 bezier.js 库。
设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示:在浏览器里实时渲染一片水面,展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议:永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议,主张在界面和绘画中改用深灰或带色相的暗色,并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开,探讨我们用来思考和表达复杂问题的媒介,以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验:团队做了一个更轻量的页面版本,起初从整体平均加载时间看反而更慢;按地理区域分层后才发现,轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com