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

相关推荐

  • 不要忽视色彩在手机APP设计中的作用

    在本文中,我们将讨论在APP中与色彩相关的重要知识点。 我们将涵盖传统的配色方案模式(单色,相似色,互补色),不严格基于任何一种模式的自定义色彩组合,同时我们还将学习如何为你的APP选择色彩与对比度来增强可用性。

    2017-05-08
  • 广告与用户体验如何共存?

    今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

    2018-04-20
  • 网页的交互设计and界面与用户体验案例:Nike Tech Pack in store app

    第一段是动效的视频,请注意观看交互效果与配色设计。 图片都可以点击放大,更清楚哦。 原文地址:https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者: Shakir Dzheyranov / Detail …

    2016-01-10
  • 窥探交互设计师成长之路指南!

    一部窥探交互设计师成长之路的实用指南!传授高效、靠谱的交互设计学习方法!IAMUE网站创始人倾力之作!

    2016-06-13
  • 网易UEDC的交互设计书单 (上)

    为什么列这个书单?常有读者留言:想要学习(或精进)交互设计,有什么书可以推荐的?其实网上已经有很多交互设计的书单可以参考啊,那么我想读者问这个问题的真正含义应该是:有哪些书是真正值得读的?于是我们让…

    2017-08-04
  • 关注IAMUE官方微信送《Material design中文指导手册》

    Google 的Material design 设计规范在安卓新一代系统版本大放异彩,对于新手学习这个设计规范而言不是母语对我们不太有利。所以很多童鞋凑到一起组织翻译了一份中文指导手册,需求的同学可以免费获取   获取方…

    2015-07-27
  • iOS 9人机界面指南(二):设计策略

    译者注:本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会陆续更新,敬请期待。

    2017-06-01
  • 交互设计师的60日计划第二十天

    这几天觉得好像没有什么可写了,会不会是姨妈所以脑子比较迟钝→_→昨天初中闺蜜突然叫我十一去秦皇岛玩,因为找不到人陪我去台湾所以果断的买好了所有票订好了房和她们去玩玩,晚上同事为了犒劳自己这几天准备晋级的…

    交互专题 2015-08-20
  • 牛X的交互设计稿应该具备的5个特点

    在交互稿中,除了注意那些既定的、能够清晰辨别出是对是错的内容外,比如功能缺失,逻辑错误等,还有一些更高层次的特点,需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。

    2017-05-11
  • 为网页设计师 Web 设计编写的简要历史

    编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计 发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。

    2014-12-30