APP登录页面设计的几个细节

   登陆

  注册

  结账

  计算

  搜索条件

  多重步骤

  长表格

  今天正好和我们的攻城狮们讨论了登录页面的思路,顺手总结一下:

  1. 登陆页面最容易被忽视的基础

  第一次做登录页面原型的时候,我们很容易有以下错误:

  注册放在登录前面,占据显著位置

  忽略“忘记密码”/"找回密码"这个细节。

  实际上,比较成熟的设计都会这样安排重要性:

  登录>注册>忘记密码

  所以,一个起码能用的登录页面应该长成这样:pattern gallery是虚拟名称。


  注册-1

  2. 社交账号登录已逐步成为主流,但要防2个坑

  通过社交账号登录,用户只需要点击一下对应的社交媒体图标,即刻完成。而传统的登录,至少需要填写 账号+密码 两个复杂的输入步骤。

  所以如果可能,通过社交账号登录是增加打开率的重要方式。

  然而在和工程师的讨论过程中,我们发现了下面2个坑:

  1)后端程序猿提出,用户如果在创建独立账号的时候没有绑定社交账号(比如微博,qq),第一次通过社交账号登录时,系统会创建一个新用户。想要再次绑定,则必须通过手机认证,这是一个很复杂的过程。或者,有的APP压根就不让你有再次绑定的机会。

  好,如果这样,那我们就只提供社交账号登录,不能独立创建账户如何?这样看来也不用通过独立账号登录了,最简便。

  不行!

  这就是第二个坑- -我们的IOS 攻城狮提出来的:apple store的审核现在变得更加严格了,对于只有社交账户登录的app,基本都无法通过审核!因为你需要考虑到,如果用户手机里没有这几种社交app的话,他还是可以正常登录的,否则就是在诱导下载(apple store的考虑之周全,的确让人佩服)。

  此时Android工程狮很淡然,表示完全没有这样的苦恼。

  所以,这样的情况下我们依然应该保留独立ID的登录提示,然后是第三方平台的登录提示。但是,不开放独立账号的注册功能,以避免发生刚刚说的第一个坑。

  如果不开放独立账号的注册功能,会有用户因为没有安装我们连接的第三方平台而放弃注册么?理论上来说有可能,然而实际上来说,我们认为,我们的目标用户起码应该具备:微信/微博的账户,如果这几个都没有,那么即使不注册也不算损失。

  所以,目前看来比较合理的想法如下(名称及图表都为虚拟):


  注册-2

  来自@夕照寺65号 的补充提醒,觉得很有帮助的经验,也收录下来:

  个人认为,就算是社交账号登录其实也需要一个创建自己账号的流程。仅以简书注册登录举例,我注册时候用的豆瓣账号,现在每次网页登录都要进入第三方网页,而非直接输入账号密码就可以登录。有时候第三方网页无法刷出,我连账号登录的方式都没有了。同比可看,国外的产品或者知乎,虽然你登录是拿社交账号,但在引导后你是具备了网站独立账号并绑定社交账号的。而此步也很简单,就在注册,确定个人信息时就可完成。

时间: 2024-10-14 19:13:06

APP登录页面设计的几个细节的相关文章

手机app接口开发-手机APP登录接口设计问题,不知道加密方式如何登录?

问题描述 手机APP登录接口设计问题,不知道加密方式如何登录? 不知道网站的密码的加密方式,知道密码,手机APP接口该怎么设计登录呢? 解决方案 用fiddler调试,看看密码是不是明文传过去的.如果不是,再用js调试工具看密码在客户端的加密方式是什么. 解决方案二: 设计基于HTML5的APP登录功能及安全调用接口的方式(原理篇)设计基于HTML5的APP登录功能及安全调用接口的方式(原理篇) 解决方案三: 知道密码,但不知道加密方式,这个就需要从 PC,即网页端分析了.只有分析出加密的算法,

优秀WEB登录页面设计

  从公共平台的角度看 用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,"门面'就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的"门面". 从个人博客的角度看 个人登陆页面一般只有自己会用到,所以别人基本是看不到的,但也不排除像我一样无聊什么都好奇的人存在,什么都想看看

拒绝平庸——浅谈WEB登录页面设计

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,"门面'就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的"门面". 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情

从手机产品登录页面设计想到的

一.架构设计和流程设计 我一直追求简单而高效的设计,尤其欣赏臭鱼这一篇文章<为产品结构的设计,为用户任务的设计>.他用图1很好的诠释了这个观点:首先要保证产品逻辑结果清晰.准确,其次要为用户任务架起一些快捷操作的桥梁. 图1 "产品结构设计"和"为用户任务设计"的关系 好的流程设计能使产品具有更清晰的架构,更良好的体验.我的老大曾经举过一个串珠子的例子,说PM给我们的功能列表都像是一堆零零散散的珠子,而我们要做的,就是把这些珠子串起来,把功能串起来,最后

30 +创意的登录页面设计灵感

今天编译了登录页面列表,所有的人都有创造性地设计.   1. WP login page 2. Member Login Page 3. Virtual Login Page 4. Green Globe Ideas 5. Yahoo! Login Page 6. Login Window 7. Mail Chimp 8. Music Battle login  9. How-r-u 10. Mobile Me 11. Mig33 12. Skuba Login 13. Wakoopa 14. 

WEB登陆页面设计技巧:登陆界面表现形式

文章描述:拒绝平庸:优秀WEB登录页面设计. 关于登陆估计大家每天使用的都很频繁了,每次上网都会习惯性登陆下微博,淘宝,邮箱,空间等,在每天进进出出无数门户的时候有谁又曾在密码不错误的情况下停留在WEB登陆页面看一眼呢?下面就谈谈这道不起眼的门. 从公共平台的角度看 用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.

现代404页面设计趋势分析与案例

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面 就派上用场了.一个可靠的404页面 在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要的内容. 所以,搞定一个404 页面并不会花费太多的精力,但如果想设计一款自然而又非常有用的404 页面,还是要费一番功夫的. 随着技术的发展,404页面在设计.功能上也随之有所改变,而今天的文章就是总结一下当前404页面设计的趋势,并用真实的案例为这些技巧进行说明. 理解404 诸多常见的

Android实战打飞机游戏之菜单页面设计(1)_Android

本文目标实现控制小飞机的左右移动.躲避子弹.打boss. 本节实现 开始菜单界面 1.首先 资源文件拷过来 2.划分游戏状态 public static final int GAME_MENU = 0;// 游戏菜单 public static final int GAMEING = 1;// 游戏中 public static final int GAME_WIN = 2;// 游戏胜利 public static final int GAME_LOST = 3;// 游戏失败 public

拒绝平庸:浅谈用户登录页面的设计表现形式

用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客.古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,"门面'就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的"门面". 现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情