最新消息:欢迎访问Android开发中文站!商务联系微信:loading_in

APP登录设计,你真的会吗?

产品 AndroidChina 6433浏览 2评论

大多数情况下,登录模块是产品设计中不可避免的一环,在设计之前必须先理清登录设计逻辑。目前常见的登录方式主要有:

1.账号登录(手机、邮箱)

2.第三方登录(微信,QQ,微博)

3.游客登录

4.手势登录,语音登录,指纹,人脸识别(比如微信的语音登录、iphone指纹解锁)

5.一键快捷登录(比如工具类产品)

那么,我们为什么要设计登录呢?如果不设计登录,意味着无法获取用户信息,无法对用户信息做进一步的决策。既然用户信息对产品来说很重要,那么在设计的时候,要重点考虑用户信息的安全性以及便利性,让用户放心登录,快捷登录是我们设计的目标。所以,如果登录后能很好保护用户隐私,那就做吧。

另一点就是,要不要设计登录模块,还要看产品的特性。一般来说,像相机、手电筒、时钟、天气等纯工具产品是不需要登录这个环节;而像强社交需求的产品、涉及到较多用户财产安全的产品、用户对操作记录等个人隐私比较关心的产品,登录是必须的。

确定好是否要设计登录环节,下一步考虑这个环节应该放在哪里合适,也就是用户需要什么时候登录。

常见的有,

第一种,在启动的时候就检测用户是否登录,若未登录则让用户登录(比如IN);

图1

这种方式称也前置登录,就是说,如果用户信息贯穿到产品核心功能各环节,这时候可以将登录前置到启动环节(比如强社交、强个性化推荐的产品),简单一句话就是,如果你不登录,你就用不了我产品的很多功能。

另一种情况,当需要用户的信息的时候再检测用户是否登录,由未登录跳转到登录页面,比如淘宝,你逛淘宝有时候就是逛逛,未必要买,那干嘛要填个人信息呢。只有在你需要买东西时,你才要登录填写自己的信息,不然怎么收货呢。

这种方式就称后置登录,如果产品只是在某些环节需要用户的信息,这时候可以登录后置(比如电商、新闻类的产品),一般倾向放在最后一步登录,目的是不想在第一步将用户卡死;如果放在第一步,用户无法预知后面还有多少步骤,会造成用户的流失。

一图胜千言,请戳:

图2

理清了登录设计的逻辑,下面谈谈APP登录页的设计策略和方法:

1.减法:登录页面要保证页面简洁性,只保留必要的信息,尽量不要参杂干扰信息,如:功能介绍、公司介绍、推广广告等;

2.引人注目的用户界面

a.模糊背景;

图3

b.暗色调背景(使登录表单成为吸引用户的主要事物);

图4

c.扁平化的纯色背景(色彩上需精心搭配);

图5

3.清晰的视觉纵线:人的视觉浏览呈“L”型视线,意味从上到下,从左到右。表单设计需按照这种规律来。

4.注重用户体验设计:

a.减少用户输入(注册表中每增加一个字段,注册率就会下降);

b.信息化注册提示(比如密码多少位合适,数字、字母怎么搭配),不要等用户填完了才告诉他格式不对,换句话说,不要挑战用户的耐心,那样会流失你的用户;

c.减少强制性操作(出现验证码状况),看看12306的验证码,你就知道有多头大!

d.错误密码输入记忆:系统提示用户再次输入错误的密码。设计时可对错误密码进行记忆。

最后,欣赏一些优秀的APP登录页面设计:

国外30个精美APP登录界面UI设计欣赏

APP登录注册页面欣赏

文/我都想知道(简书作者)
原文链接:http://www.jianshu.com/p/a8a169c5eba9
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

转载请注明:Android开发中文站 » APP登录设计,你真的会吗?

您必须 登录 才能发表评论!

网友最新评论 (2)

  1. 图片怎么显示不粗来~
    BassZou2016-04-07 11:22
  2. 怎么 今天也加载不出来这篇日志的图片~~~
    BassZou2016-04-08 09:28