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

相关推荐

  • 从谢尔丹认识交互设计

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。如同武侠世界里的隐居剑客,高手榜上虽没它的名字,但江湖中处处是它的传说。交互设计了解一下交互设计(英文Interaction Design, 缩写IXD),是设计系统动态、人机互动方式的领域,通俗来说就是“用户...

    2018-04-17
  • 3步帮你搞定PRD文档

    很多新同学问道写PRD文档时不知如何下手,在这小编整理了一下如何搞定PRD文档的思路,还望对大家有帮助,这样也就值了。 一、理解什么是PRD? PRD:Product Requirement Document,产品需求文档,可以看出它是用来…

    2015-06-05
  • Facebook 改变「点赞」背后的故事

    Facebook 在上段时间做出了一个改变,堪称是最近科技界的最重磅的新闻之一,那就是他们改变了自己实施已达 7 年的「赞」的功能,增加了 5 种新的回复选择。从某种程度上说,这是 Facebook 近几年在自身产品设计上迈…

    IxD案例 2016-03-03
  • 透视Pad用户与使用行为

      随着Pad的普及,人们如何使用Pad、有哪几类典型用户成为值得深入研究的问题。针对这些问题,ISUX北京设计中心于近期开展了Pad用户基础调研,综合日记卡记录、观察法、深度访谈、问卷调查等多种研究方法对Pad的使…

    2014-12-02
  • 交互动画设计案例—1688首页动效

    随着CSS3和HTML5的发展,越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花,根据最新的浏览器市场份额报告,IE6的份额已经降到了5.21%,这简直是一个喜大普奔的消息,做动效可以完全不care低端浏览器的时代已经在…

    2015-04-24
  • 7个未来网页设计的发展

    太多的文章会告诉你什么是酷的在网页设计中。 我要带你做一些真正的预测。 1. 手势是新的点击 我们忘记了滚动网页曾经是多么困难。 大多数用户会刻意将鼠标移动到屏幕的右边缘,使用一些“古代”称为“滚动条”: 作为一…

    2015-08-19
  • 『旧时好文』别再吐槽12306了,有本事你来写架构

    在平时,12306也就是个正常的电商网站。但一到黄金周,12306就是一个全站所有商品都秒杀,所有SKU都是动态库存的变态。

    IxD案例 2016-08-29
  • 杜蕾斯158张经典海报设计,你眼中的污都是它的精华液!

    90集PS视频教程,点击下面二维码获取:来源:  LOGO大师(ID:logods)引言:转眼间2017年已经走过了一半,今天大大君扒一下老司机杜蕾斯经过半年“辛苦耕耘”究竟污了多少次。废话不多说,快坐稳,要发车了!杜蕾斯的官博一直以来的形象都是“有点坏、有点情趣,有点流氓”的性情中人。他用轻松诙谐的手法传播普及性知识,特别是每次结合热点的海报作品,都能引发大家无尽的遐想。- 国际特别“日”篇 -#全球OK日# 无论大小,都OK!#世界...

    2018-03-07
  • 译文|界面设计中,关于字体设计的10 个锦囊

    字体作为界面设计的一个元素,对用户的阅读体验起着至关重要的作用。本文是 UI 设计师 Viljami Salminen 分享的用户界面字体设计的基本规则和技巧。一个优秀的设计师懂得:网页上的文字不仅仅作为内容而存在,它还是用来交互的界面。
    – Oliver Reichenstein
    Helvetica 真的弱爆了。它不是为小屏显示而设计的。像「milliliter」这样的单词显示效果就很差。
    – Erik Spiekermann

    2017-05-22
  • 化繁为简——网易云音乐WP1.0设计思考

    项目背景 Windows Phone一直是各家公司缺少投入的平台,WP用户不得不经常面对一个成熟的APP到了WP上就变得各种功能缺失、体验支离破碎,他们渴望应用软件在体验 上能和其它平台一样受到同等重视,音乐APP也不例外。…

    2014-10-31