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

相关推荐

  • 【面试】不吹牛13,我是如何7天拿到百度&网易&创新工厂等6个实习offer的...

      “不卑不吭,保持谦逊”,这是管静总结的与HR和面试官打交道的八字法典。 又是一个40度的夏天,没有喧闹,只有窗外吱吱的蝉鸣。刚过完大三的同学,都开始了寻找实习的路程,有人欢喜有人愁。就读于贵州一所普…

    交互设计 2015-08-17
  • 112家IT公司薪水一览表

      本文转自:人人都是产品经理 作者是西电通院2013届毕业硕士,根据今年找工作的情况以及身边同学的汇总,总结各大公司的待遇如下,吐血奉献,公司比较全。以下绝对是各大公司2013届校招的数据,少数几个是201…

    2014-10-13
  • Axure原型管理与展示

    因为墨刀是自带生成分享链接以及分享二维码功能,这里主要写关于Axure的原型管理与展示。AxureShareAxureShare是Axure RP官方的免费原型托管网站,可以直接在Axure中共享发布。发布后Axure的源文件也会保存在官网的地址中,在其中还可以设置访问密码。But, 这么好用为什么用的人少呢?因为访问的时候,会慢的你心碎。2. 产品大牛产品大牛是济南公司开发的产品托管网站,解决了Axureshare连接速度慢,访问体验...

    2018-03-24
  • 帮UX新人摸清用户体验设计各岗位的典型特征【UXRen译#172】

      作者:Christian Beck  |  翻译:小蟹,校审:Duke   当我面试刚从学校毕业的准设计师时,我总是问他们:“当你被指派到一个新的项目时,你希望做哪一部分的工作,哪一部分的工作又是你心里祈祷别人会做的?” 众所…

    交互专题 2017-08-07
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • 为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法

    你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结出一套优化方法来分享给大家,相互启发。

    2017-05-09
  • APP中使用UI交互设计动效的三个好处

    1.让整个画面充满活力 在界面中加入了动态元素,可以很大的增加用户使用app趣味性,使整个app界面看起来不会那么枯燥,ui设计需要做的就是让 这些动态的元素效果有一种和用户在交流的情感。 来源 来源 来源 2.提高…

    2015-11-11
  • Axure RP 7.0安装教程

    Axure RP 7.0Win版/64位下载地址:https://pan.baidu.com/s/1qN-SzT5g9U-O9OSzCMEnEw密码:8b6sAxure RP简介:Axure RP是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。适用系统:win7,win8,win10安装有问题或需要远程安装请联系:...

    2018-04-30
  • 【优秀作业展示】交互设计基础(二)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优秀作业。优秀学生作业第二期申婉彤产品设计15101高铁购票界面设计地点选择日期选择车次车座选择身份认证界面支付界面支付宝支付银行卡支付01Te...

    2018-04-22