首页 > 建站资源 > 网站运营 > UI设计:APP结构指南之注册和登录

UI设计:APP结构指南之注册和登录

时间:2018-06-13    来源:优设网

注册登录一直是应用中必不可少的一环,用户打开应用可能第一步就是登录页面,这相当于一款应用的脸面,也是用户使用产品的源头。当然也是因为不常被用到所以更容易被忽视,它作为一项基础功能,使用场景一般是用户初次使用应用或者退出登录,又或是大版本更新和登录过期才会使用到。注册登录的意义就在于给用户独有的个人中心,包括数据的同步,或是用户注册后会通过用户已完善的资料进行相关的内容推荐。

登录相对而言属于高频次的操作,注册、修改密码等属于相对低频次的操作,但是他们都会关联到产品内的个人资料和设置模块。几乎所有的社交应用都是需要注册登录的,用户拥有了个人账号才能继续使用产品。

当然也有一些系统的应用是不需要注册登录就可以使用的,比如系统自带的计算器、日历、天气等或是一些第三方的轻应用,这里就不多赘述了,下面主要还是说说需要用到注册登录功能的情况。

注册/登录整体结构:

△ 以下图片来源于应用截图,仅作为学习交流使用

一、注册登录的方式

1. 只使用第三方账号注册登录

这种方式比较少但是无疑是最快捷的方式,相信大家平时应该用这种方式也比较多,因为可以避免使用手机注册带来的繁琐步骤,可以节约很多时间,你在第三方应用中进行授权后产品会直接调用接口,生成ID登录后,你的头像、昵称等个人信息甚至可能同时会获取你的好友列表,让你知道还有哪些好友也在使用产品,可以有效地减少对产品的陌生感,同时也便于应用在第三方中进行分享。

当然这种方式对产品也很有利,因为相信很多用户在不了解产品的情况下,用户可能只是想初步了解一下产品,但是又不想进行手机注册那么麻烦,所以就直接使用第三方进行注册吧,待进入应用初步使用了解后,再通过产品的用户引导(比如红点标记或是局部引导等)功能再进行手机号/邮箱/微信/微博等账号的绑定,这样做对新用户的产生有积极作用。

我遇到过当已经使用了第三方应用注册登录了之后,会立即出现让用户绑定手机号的页面,这样做是想快速产生新用户,出发点是好的,但是我觉得用户在不了解产品的情况下,绑定手机号的可能性很低,所以最好可以在绑定手机号页面有「跳过」功能,给用户选择的余地,不要强制用户,待初步了解产品后再通过引导进行绑定,这样做最佳。

2. 只使用手机号注册登录

使用手机号获取验证码是目前最常用的注册登录方式,这种方式的优势不必多说,相信大家都很熟悉流程,通过发送短信获取验证码在60- 90 秒内进行注册登录,这么做是为了确认用户拥有该手机号的使用权。手机号+密码是用户常用的方式,而手机号+验证码是比较简便的方式。这里注意一点的是在输入手机号后,为了让用户查看是否输入正确,建议手机号显示样式为3-4- 4 模式(比如156 1815 5555),这些都是细微之处,虽然无关大雅,但是可以看出一个产品的用心之处,比如下图可以对比一下,明显图二更优。

手机号也是商家进行用户维护的有效手段,毕竟手机都是随身携带,可以在节假日发送祝福或是促销短信,也可以在你长期未使用产品,进行短信提示,避免你将产品遗忘,但是过度的短信轰炸则会让用户感到反感。另外使用手机号注册登录,需要做一个判断,是否是第一次登录,是的话就跳转引导页,不是的话就跳转至首页。

这里插一句题外话,你们有没有遇到过在已经注册成功后但是还需要重新输入账号密码登录的情况,其实这种做法个人觉得是比较多余的,可能 2 次输入账号密码可以加强用户的记忆,但是可能很多人用手机号注册都是用的一个同密码,因为现在的应用可选择的余地实在是太多了,如果每个应用都使用不同的密码可能很难记得住。

3. 使用手机号/第三方账号注册登录

这种样式是最常见的,也是上面两种样式的结合,这种样式给用户留有选择的余地,自愿使用手机号或是第三方。但是一般这样的组合方式多数是希望用户使用手机号注册,所以手机注册登录比较突出,第三方注册会置于页面底部,相对弱化。

相关推荐
如何打造一款用户喜爱的移动App应用?
遵循用户需求的设计:最美APP的9条闪光定律
试析社交APP设计思路:如何赢得市场和用户
从电商网站应用设计中学到的九个成功秘诀
4个因素设计出一款令用户上瘾的App
极简主义:移动应用设计之七剑下天山
今日最佳设计:人像即按钮 社交应用新趋势
App开发人自白:做APP是一场赌局你要会押注
如何给Android产品设计一款合适的图标?
Web APP与原生APP有哪些交互设计区别?
一个老外产品经理如何看中国APP的
APP开发:短时间内外行人如何成为APP大神
App开发冷思考:初创App从零用户到冷启动
一次回归初心的探索!豆瓣App分析体验报告
这是个看脸的世界 即便你是APP也是如此
以微信网易为例:新闻型产品列表设计分析
干货:设计APP产品不得不知的4个心理学原理
百度官方出品!2015-2016交互体验趋势
APICloud:一站式实现快速APP开发、管理、测试的平台
APP产品设计:让用户看见 才是王道!
页面策划:空白页面应该如何设计?
nice 启示录: 看移动 App 的产品设计和运营策略
好的移动应用设计,就该这样
想要App做得美,这些UI/UX设计趋势你要知道啊
前网易PM总监:移动APP登录、注册等设计经验
设计一款APP产品需要考虑哪些因素?
从产品经理的角度算 做一个 APP 需要多少钱
微信老外产品经理的《中国移动应用设计趋势》
从交互设计角度 聊聊Web网站和移动App六大差异
iOS app制作教程:iPhone App制作不求人
APP开发教程:浅谈APP登录的逻辑设计
谷歌也中枪!APP如何用正确姿势获取用户权限?
为什么国外的App 乃至互联网产品通常都很简陋?
不断换脸的豆瓣 App,在这一版回到了原点
极简设计:移动端设计新趋势化繁为简
22个UI UX细节很棒的APP界面设计 UI设计必备

精彩推荐

热门教程