免费注册,打造高效身份管理
博客/开发者/怎样的登录框,才算优秀?
怎样的登录框,才算优秀?
Authing 官方2022.12.23阅读 885

开发任何一个应用,不管是像微信、微博这样社交类应用,还是像抖音、网易云音乐这类的泛娱乐类应用,还是淘宝、京东这样的电商类应用,甚至是飞书、销售易这样的企业类应用,我们都需要对用户的身份进行管理,正如点开 APP 后第一步都是要先注册或者登录。


营销漏斗模型对应了企业搜索营销的各个环节,反映了从展现、点击、访问、咨询,直到生成订单过程中的客户数量及流失率,这个一层层缩小的过程表示不断有客户因为各种原因离开,对企业失去兴趣或放弃购买。


在这个模型中,登录界面的易用性、健壮性直接决定了付费用户转换率。据统计,当一个 App 登录页加载时间超过 3 秒,就是用户放弃这个 App 的时候。


下面,让我们点开一些常用的登录框,看看它们是怎么设计的吧~


网易云音乐


微信


飞书


腾讯会议

纵观网易云音乐、微信、飞书、腾讯会议等登录框我们会发现,现在大部分登录都具备以下几个特点:

  1. 支持手机号、微信等多种登录方式
  2. 页面设计非常简洁
  3. 品牌露出
  4. 隐私协议
  5. 产品推广



如果从 Ui 角度来看,笔者比较喜欢滴答清单的设计:


这个 Ui 顶部的品牌元素,是以产品为核心,通过四个轮播图,介绍了滴答清单主要产品功能。用户在下载 APP 后,可以很直观地了解这个产品是否符合其使用需求。当然,滴答清单首屏登录页面没有手机号一键登录功能,显然增加了注册的时间成本。


如果从品牌认知角度,flomo 那句“我们不仅是在做笔记,还是在增援未来的自己”让人印象深刻,不仅传达了 flomo 是做什么的(做笔记),也传达了所做事情对用户的价值(增援未来的自己)。当然,flomo 同样不支持手机号一键登录功能甚至连验证码登录都不支持~


怎样的登录框算优秀的登录框?


第一,登录方式一定要简单。如果 2022 年的产品,还没有验证码登录或者手机一键登录显然不合适,因为很多用户使用习惯已经适应。


第二,品牌识别一定要明确。登录环节在某种程度上,是用户和企业第一次,“say,hi”的见面,能不能一见钟情,有一个好的第一印象,在一定程度上决定了用户后面对于产品的使用频率。此外 Ui 不仅要美观,产品 logo、slogan 一定也要有识别度,让用户说起 App 时,“就是那个有一个飞机头的,上来就给你发红包的 App”。


第三,Ui 设计要和产品调性、目标用户使用习惯匹配。假如一个工具效率类的 Ui 设计的非常花哨、炫技,色彩过于浓烈,就不符合效率“简洁、明了”的产品特性,假如一个照相类 App Ui 设计的很性冷淡,就不符合照相带给人阳光、快乐的印象等等。


Authing 登录组件 Guard 支持自主设置纯色或图片背景,可通过自主上传 Logo 来自定义加载图标,让定制化的登录页面成为企业的品牌化窗口。若企业对 UI 有严格的设计要求和统一性要求,Guard 也允许前端开发专家通过「自定义 CSS」功能,使用 HTML/CSS/JavaScript 实现更加个性化的登录框样式。

如果企业想更进一步,希望某应用的登录框能独立于全局登录框的配置,可以点击应用中的高级配置,然后打开自定义本应用登录框的按钮。全局登录框的相关配置会被直接继承,管理员可在此基础上进行单个应用的配置调整,而不影响全局登录框或其他应用登录框。



此外,针对拥有海外业务的企业,Guard 国际化短信能让企业设定默认区号,企业可针对面向的用户地区自行设置用户短信验证的区号,减少一一选择短信对应区号的麻烦。语言切换方面,则不再需要用户自行点击切换,登录框将默认跟随浏览器语言进行切换。未来,Authing 也会根据更多语言去做默认浏览器语言的适配。

Authing 将登录功能 API 化,并且适配 React、Vue、Angular、原生 JavaScript 等运行环境,可轻松实现登录、登出、获取用户信息等功能。


当前,Authing 共有 1000+ API,支持 5000 TPS 开发量级,提供主流语言 SDK,包括 JavaScript,Java,C#,Go ,Python,PHP,Ruby 等,覆盖 Web 端及 Android 和 iOS 移动端。拥有数十万开发者的社区生态,共计为 4000 万终端用户提供身份云服务,每月有超过 5000 万次的 API 调用次数。

 

关于 Authing
Authing 既是客户的支持者,也是客户的产品专家和战略顾问,更是值得信赖的合作伙伴。我们提供全球化的身份专家支持团队,通过网络或电话,7*24 小时不间断支持。Authing 的帮助中心提供最新的技术知识库、商业案例以及与您的同行和 Authing 专家联系的机会。无论您何时需要我们,Authing 的支持团队总能最快响应。
自 2019 年创立以来,凭借在身份领域的技术创新、产品优势与市场化方面等诸多突出表现,Authing 身份云获得了国内外众多权威机构的认可
Authing 先后被《中国网络安全产业白皮书(2018)》《2019 年网络安全产品报告(安全产品全景图)》、《中国网络安全行业全景图(第九版)》收录。
2019 年 9 月,Authing 以独家身份供应商入选中国信息通信研究院「卓信大数据第三批成员单位;科技部认定的「2021 国家高新技术企业」;中国信息通信研究院评选的「国内身份管理与访问控制领域创新企业」。
2021 年 8 月,Authing 入选福布斯亚洲「最值得关注公司」百强榜单,创始人谢扬入选福布斯亚洲 30 Under 30
2022 年 4 月 6 日,Authing 正式加入 W3C(万维网联盟), 将参与 WebRTC、DID、Web 应用及安全、身份验证、JSON-LD、数据集交换、MiniApps 等国际互联网标准制定。
2022 年 5 月,Authing 成功入选世界经济论坛(World Economic Forum)2022 年技术先锋榜单——全球 100 家最有前途的“技术先锋”(Tech Pioneer),中国大陆仅 15 家公司上榜。
2022 年 6 月 15 日,Authing 获得云原生产业「2022 年度云原生新锐企业」。
2022 年 10 月,Authing 入选 Gartner《2022 中国网络安全技术成熟度曲线》报告。
目前,Authing 身份云已帮助 30,000+ 家企业和开发者构建标准化的用户身份体系,感谢可口可乐元气森林招商银行、中国石油、三星集团、CSDN 等客户选择并实施 Authing 解决方案。
立刻了解 Authing

文章作者

avatar

Authing 官方

0

文章总数

authing blog rqcode
关注 Authing 公众号
随时随地发现更多内容
authing blog rqcode
添加 Authing 小助手
加入 Authing 开发者大家庭
身份顾问在线解答
当前在线
如何打造完整的身份体系?
立即沟通
authing
添加企业微信,领取行业资料
authing
authing
下载 Authing 令牌,体验快速登录认证!
免费使用
在线咨询
电话咨询