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

相关推荐

  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 交互设计新人在阿里的走心实习总结 ▏新手设计成长指南

    互联网行业的设计师,工作中是埋头苦干?还是想要寻找一些能真正提升自己的“诀窍”?其实很多时候,所谓“诀窍”,就是厘清自己的思路,让成长有正确的方向。本文的作者走心地梳理了他在阿里几个月的实习期里为他留下…

    2017-08-04
  • APP小红点如何使用与实现逻辑

    作者:APP君   我们现在已经习惯小红点的不断的骚扰了,每天都不知道要点掉多少个手机APP上的小红点。有些童鞋点击 APP小红点 都已经成瘾。只要看到有小红点就会自然而然去触摸一下。 所以,APP的交互设计已经影响…

    交互专题 2017-08-07
  • 天下产品一大抄!!!

    提要:互联网的产品设计是个快速迭代的过程,我们都希望自己的产品和别人不一样,也提倡创新精神。而笔者提出了一个不同的观点——抄越。因为抄袭,所以卓越。 个人觉得互联网的产品设计首先是个快速迭代的过程,其次…

    2015-01-08
  • 从一次活动设计聊聊交互设计师的3个阶段

    我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师 对交互设计 理解的不同阶段。

    2017-05-22
  • 腾讯MXD:资讯app为什么都长一个样?

    作者: Celine Wang@腾讯MXD   打开手机,国内的资讯 app 除了品牌 logo 外,几乎都长一个样。就如你敲开不同的门,发现房间不光装修风格一样,还住着品味雷同的主人。是什么造就了它们? 资讯产品的本质是连接内容…

    交互专题 2023-03-03
  • 原型尺寸规范总结

    最近公司安排我带一下新来的交互设计师,我想给他制定一份交互设计规范。这样一来,即使新来的交互设计师没什么基础,也可以根据这一份规范,做出大致标准的原型图。 因为Ui设计稿是先做iPhone6的,方便向上适配iPh…

    2016-09-05
  • 【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03
  • 2018 阿里UCAN设计论坛会议纪要

    阿里UCAN设计论坛会议纪要 1.开幕词—张建锋 阿里巴巴首席技术官 1.1 UED的关键词 用户体验背景下ued未来的两个关键词是创意与智能。从产品的角度来说是与用户的交互和视觉表达,依赖于三个部分: 第一,信息架构的…

    交互专题 2018-04-24
  • 关于引导页的整理与分析

    随着ui设计的不断发展,引导页的形式也在随着变化,根据不同产品的特性,其作用与意义也不尽相同。本文将分别从“静态引导页”与“动态引导页”两种形式与大家分享我对于“引导页”的一些认识。

    2017-05-17