IAMUE经验分享-APP关于登录 与 注册引起的思考

1. 何时会触发登录与注册

A. 第一次打开,启动页滑动结束就触发登录与注册
    • 页面没有返回button
    • 根据产品阶段,或强调注册或强调登录
    • 点击注册button,注册页面从右向左进入,左上角是返回icon

如IN 脉脉

    • 注册时的,选择框是否接受用户协议,改为 点击下一步(注册)即表示同意用户协议

IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

IN(IOS) 点击注册button,注册页面从右向左进入
IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

脉脉(IOS)

B. 打开后可以试用app,某些操作会触发登录与注册页面

比如界面 flipboard、 黄油相机、 淘宝

    • 页面左上角有返回icon 和 取消button或X icon
    • 返回icon 页面是自右向左进入(表示层级关系)
    • 取消button或者X icon页面一般是从底部弹起覆盖(表示层次关系)
    • 淘宝iOS 返回icon和转场动效不符 例如,导航栏两个tab, 一般是面的表示(语义上点击)标签栏的切换项一般是底部有粗线表示(语义可以滑动切换)

IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

界面iOS(从右向左进入)            黄油相机iOS(从底部弹出)

点击评论触发                                      点击收藏,ding等功能触发
IAMUE经验分享-APP关于登录 与 注册引起的思考     IAMUE经验分享-APP关于登录 与 注册引起的思考

Flipboard iOS(从底部弹出)                    淘宝iOS(从右向左进入)

点击收藏等触发                                       点击我tab 会触发登录与注册界面

 

C. Android

  • 触发登录与注册时,安卓一般是自从右向左进入 (如enjoy klook)
  • 触发界面一般是登录界面,界面突出手机号登录或注册(优先级第一),一般根据产品阶段,产品初期一般触发的界面应该突出注册 比如(kelook 良仓)

IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

Enjoy 触发登录与注册
IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

2. 语义与动效一直性

IAMUE经验分享-APP关于登录 与 注册引起的思考           IAMUE经验分享-APP关于登录 与 注册引起的思考

QQ iOS 点击切换消息和电话页面              虾米iOS 滑动和点击切换我的/推荐/乐馆页面

3. 底部弹框 取消在左or 右???

下面截图都是ios原生app 的底部弹框,取消有在左上角的(右上角有完成或确定/下一步的button),也有在右上角的(左上角无          button)

So,究竟取消应该在左上角或者右上角呢?个人看法如下:

  1. 当右上角需要放完成/确定/下一步button时,取消肯定是只能放左上角
  2. 如果右上角,没有button时:个人认为:

    1).一般情况下,放左上角会好些(从习惯上来说,左上角一般表示退出当前页面)

    2).随着大屏手机的普及,一般都是双手操作,左手拿手机的情况下,左手点击左上角比点击右上角更容易些,右手点击左上角或右上角差别不多,但是点击左上角位移会多些(相比点击右上角)。

IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

IAMUE经验分享-APP关于登录 与 注册引起的思考IAMUE经验分享-APP关于登录 与 注册引起的思考

 

总结

  1. 产品语义与转场或切换要一致
  2. 产品登录与注册触发时机,根据产品特性,比如微信,陌陌这种,只有注册登录后才能玩; 食色/因味/界面,产品用户量不大,产品不需要登录注册就能玩就能看,尽量登录与注册延迟。
  3. 触发的登录或注册页面,强调注册或者登录,根据产品用户量和阶段而定,比如,产品早期,用户量少的情况下,触发的界面需要把注册等同于登录优先级,或者优于登录。
  4. 取消在左上角或者右上角?当右上角需要有button时,肯定是左上角放取消,如果没有,取消放左或右都可以,但建议尽量放左上角。
  5. 关于注册流程的问题,网上已经有很多文章,各种方案的优劣点也有分析。需要注意的是:
    • 注册尽量分几步走,同时第一步不要出现性别 年龄等关于个人隐私的信息(ios审核会被拒),放在第二步或者第三步都ok,因为审核人员不会每个app审核都拿一个手机号注册试试。
    • 注册分步骤,几步为宜,需要考虑产品需求和用户注册时的使用场景。如果网络差,分步骤多,每一步都需要前端与后台交互,会造成很注册体验很差。

文章来自Charles Yan投稿

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/9661/

(0)
TinadminTinadmin
上一篇 2015-09-22 09:29
下一篇 2015-09-23

相关推荐

  • iPhone十年,移动用户体验领域已经到达成熟阶段

    译者:Daisy全文共 3904 字 7 图,阅读需要 8 分钟———— / BEGIN / ————最开始的iPhone于2007年6月发布。2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛...

    2018-04-11
  • 提高交互技能点,一些常见移动端交互方法

    “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

    2017-05-30
  • 译文|Facebook将推"dislike"按钮

    Facebook users will soon be able to 'dislike' posts and pictures on their feeds. Facebook用户很快就可以“dislike”订阅内容里别人发的帖子和图片了。 The social networking site's founder Mark Zuckerberg r…

    交互设计 2015-09-18
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22
  • 交互设计岗位面试攻略

    面试交互设计岗位的同学应该准备以下几点: 1技能交互理论,熟记于心,信手拈来做为交互设计专业的学生,如果连一些普通的理论认识都不了解的话,是会很吃亏的。你所做的设计很容易遭到别人的质疑。这里推荐同学们…

    交互设计 2015-12-03
  • 为了色盲用户的友好体验,你应该注意五点

    世界范围内,每12个男性中有1名男性、每200名女性中有1名女性受色盲或者色觉缺失(CVD)的影响。这意味着每100个web或app用户中,至少有8个人的实际体验和你的预期有很大差别。如何确保你的设计对这些用户也有足够的吸引力?我们会在本文提出一些方法帮助大家。别急着满带恐慌地投奔你的设计团队,先来看看我们列出的色彩可用性设计的几项重要事项。

    2017-05-05
  • 用户体验设计必须知道的产品9种状态

    作者:Yjjj @ UI设计狮联盟   之前在脉脉上有看见过有人提到的这12种状态,但是明确的说应该是用户在使用产品时的状态,但是细想之后觉得有几个状态应该修改一下,那么我们重新定义为9种状态吧: 等待 初始 寻找 无…

    交互专题 2017-08-07
  • 通过微信学习用户体验和产品迭代

    这几天一直不停的开会,讨论产品,活生生的从运营的位置跑偏到了产品,似乎可以调岗了,andy一直在聊迭代的问题,想来想去,觉得还是微信做的最牛逼,那就翻翻历史,聊一聊吧。微信是2011年1月21日才面世的,为什么能在短短六七年的时间实现9亿多用户?在QQ已经在通讯社交行业占据霸主地位时,微信又是如何脱颖而出实现反超的? 在米聊率先面世创下不俗业绩后,微信又是如何后来居上的? 微信的成功对于产品人来说有很多值得挖掘、学习的地方。初期的微信和...

    2018-05-05
  • 交互设计师从业时间长度与对应状态

    不同的经历决定了你的认知,而我们中的很多人往往以自己的认知去度量别人的工作和成果,每每于此,长不自拔而废咦! 从业0-2年: 这个阶段往往是浑浑噩噩进入这个行业,读了几本书,分析过几个案例,感觉自己掌握了…

    IxD案例 2016-05-24
  • 百货类微信服务号改版:一个“失败”的设计案例?

    整理了一个售前项目的案例,重新绘制了36个原型页面,1张思维导图,3张流程图,2张对比图,1张结构图,介绍一家百货购物中心微信服务号改版的设计。

    2017-05-07