交互学堂
专注分享专业知识

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

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

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

    如IN 脉脉

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

      IN(IOS) 点击注册button,注册页面从右向左进入

      脉脉(IOS)

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

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

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

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

      点击评论触发                                      点击收藏,ding等功能触发
           

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

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

       

      C. Android

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

      Enjoy 触发登录与注册

      2. 语义与动效一直性

                 

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

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

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

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

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

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

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

       

      总结

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

      文章来自Charles Yan投稿

      赞(0) 打赏
      未经允许不得转载:IAMUE » IAMUE经验分享-APP关于登录 与 注册引起的思考

      觉得文章有用就打赏一下文章作者

      支付宝扫一扫打赏

      微信扫一扫打赏