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

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

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登录注册页面欣赏 



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容