【Material Design】Chrome iOS版微交互创新(下拉管理tab)

平时在手机上主要用Safari,今天用Chrome时下意识的手指下拉滑动,发现已经可以通过下拉操作来管理tab,而且不仅仅是下拉刷新,还有进一步的优化和创新:

  • 直接下拉是刷新当前tab
  • 下拉并往左滑可打开新的tab
  • 下拉往右滑则是关闭当前tab

操作效果动态图:

【Material Design】Chrome iOS版微交互创新(下拉管理tab)

翻了下Chrome App 的 Version History,在4月16日的更新内容中有那么一条:“Ergonomically-designed: Pull to reload and open / close tabs. (人机工程优化设计:通过下拉操作来刷新、打开、关闭tab标签) ”。

【Material Design】Chrome iOS版微交互创新(下拉管理tab)

该优化乍一看是个很小的改进,但实际操作感受起来,会觉得很舒服。相比现有大部分App的tab管理方式要更便捷、更流畅,不但操作次数更少,方式也更统一。比如Safari现有的tab管理方式如下:

  • 刷新tab:点击顶部地址栏右侧的刷新按钮;
  • 打开tab:点击底部bar右侧的tab管理按钮,然后点击底部中间的加号按钮,然后继续输入网址或者从书签中选择;
  • 关闭tab:点击底部bar右侧的tab管理按钮,然后点击切换出来的tab列表中某个tab卡片左边关闭按钮。

【Material Design】Chrome iOS版微交互创新(下拉管理tab)

是不是觉得用文字描述起来都很啰嗦,操作起来也是感觉先要点这,然后再点那。相比之下,Chrome 的这个改进可以无需思考先点哪,再点哪,几乎可以无脑下拉滑动就好。根据《Don't make me think》的核心思想来说,这无形中帮用户节省不少精力,自然用起来会觉得舒服,毕竟浏览网页的tab切换动作还是很高频的操作类型。

话说Google自发布Material Design以后开始,发力明显,大有赶超Apple的架势。个人觉得这是个好势头,可以形成良性竞争,对用户、对业界都有益处。

最后还有个感受:好的UX设计就是无形的,不喧宾夺主,只是默默的让你用起来很舒服。

作者:

【译】学习Axure RP 8 Beta – 编组功能-IxD交互设计学堂专注交互原型与用户体验-我是UE

Shunz@UX

Something about UX.

原创文章,作者:yanz kontol,如若转载,请注明出处:https://www.iamue.com/8003/

(0)
yanz kontolyanz kontol
上一篇 2015-08-19
下一篇 2015-08-19

相关推荐

  • 老外看中国的移动App设计精髓-4 定位、下载、广告

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • #UX第四课 我学会了玩玩具

    在同一时间,我成为一个父亲,刚进入UX的世界我,试图弄清楚,如何让我的产品,图象,可以理解的,易于使用的,直观的。我是一个巨大的玩具风扇,还是玩弄他们之前,我的儿子回来了,不过他在家里意味着更多的玩具和更多机会和他生命中的第一个月他观察他的互动玩具。看着他让我想起了和界面设计的普遍经验在我们的生活从一开始,我们如何如果我们打算建立一个可以理解的产品从那些经验特别是学到很多。

    2014-12-28
  • 国服筹备进度公开 将重点打造用户体验和品牌社会影响力

    4月22日UP2018腾讯新文创生态大会(以下简称UP大会)当晚,腾讯于北京举办了一场《绝地求生》国服生态交流会。本次交流会邀请了来自各大硬件厂商和直播平台的代表与《人民日报》、《解放军报》、中央广播电视总台等十余家主流媒体的嘉宾参加。腾讯游戏副总裁黄凌冬、PUBG公司中国区总经理郑秀英、PUBG开发室室长李昌浩、PUBG公司创意总监Brendan Greene、腾讯互动娱乐合作市场部总经理朱峥嵘、腾讯互动娱乐PGame合作产品中心总经...

    2018-04-25
  • 移动端图片阅读—交互设计分析

    ↑点击上方蓝字,加个关注吧~↑今天老冰给大家分享一个移动端图片浏览的交互方式这个APP的阅读教程中,一共介绍了四种交互方式,左右滑动翻页浏览,上下滑动阅读更多,下拉放大图片,侧划查看时间线以往资讯。在这里并没有介绍左滑,有人问,左右滑动不就是左滑吗?其实,并不是,当你位于第一张图片时,也就是现在左滑已经没有内容了,此时你的左滑便有了刷新的作用,不同于其他(很多app刷新都是下拉刷新),这也是值得称赞的地方,它通过自己的交互思维,产生了自...

    2018-01-30
  • 设计和记录用户体验的细节

    设计和记录用户体验的细节体验设计是产品开发过程中一个复杂、多用途、耗时的阶段。组织良好的流程通过减少误解使结果可预测来减轻团队压力,在本文中,我希望着重将主流方法映射到实际项目中,并且将可交付的成果归总在一起。阶段1: 构想这个阶段的目标是弄清楚客户的业务如何运作以及产品目标是什么。低保真原型是一种工具,它可以帮助你与利益相关方确认产品的心智模型,并讨论设计方法,在这一点上,我们正在寻找一个关于“我们正在建设什么东西?”问题的答案。附注...

    2018-03-31
  • 如何设计一份专业且有价值的交互规范

    很多设计团队都会有一套比较成熟完整的交互规范,好的交互规范能够保证设计的一致性,减少沟通和开发成本,提升效率。由于笔者是设计手机系统和App相关的,所以简单的和大家聊下如何设计交互规范。

    2017-05-11
  • 如何编辑交互设计说明书

    当你搜索并查阅了很多网上资料后,仍可能不会编辑交互设计说明书。那么究竟该怎么编辑交互设计说明书呢?在编辑的过程中又有哪些要点和注意事项呢?

    2016-08-05
  • 页面状态还是组件?到底什么才是交互的中心?

    随着信息行业的日益发展,软件的开发设计得到了更多人的重视,软件的原型设计也同样的变得原来越重要。我们目前使用的原型设计工具中,设计的模式普遍为两种,一种是以页面状态为中心来设置交互,比如Flinto for Ma…

    2023-03-03
  • 用户为王时代,美的如何开创用户体验新模式

    4月23日,美的联手京东推出了巅峰24小时AR新玩法,不仅福利多多,还将家电焕新的概念融入到趣味游戏中,打造了良好的用户体验,赢得了众多用户认可。随着大数据、云计算、社交商务、移动技术等新技术的发展,用户对个性化的产品和服务的需求更加强烈,并期望企业去了解他们真实的需求和提供卓越的服务体验。在此变化下,美的坚持以用户为中心的理念,推进实施关注用户实际需求的创新模式,通过用户体验实证推动产品销售和企业发展。产品研发融合需求从以前的设计师主...

    2018-04-23
  • 皮克斯教给我们的22条改善用户体验的原则

    注:皮克斯动画工作室(Pixar Animation Studios),简称皮克斯。1986年,在史蒂夫·乔布斯以1000万入主以后,创作了《玩具总动员》、《海底总动员》、《头脑特工队》等经典3D动 画电影。2006年,皮克斯被迪士尼以74…

    2016-06-12