【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竞品分析报告

    一、摘要 为了能深入了解主流新闻客户端在「功能模块」、「内容运营」以及「界面交互」上的特点,我对Zaker、今日头条、网易新闻这3款APP进行了对比分析,并得出结论: Zaker定位于具备明确新闻需求的用户,整体较…

    2015-03-17
  • 你知道交互稿完成过程中的六个要点吗?

    目标明确的情况下,再开展设计!

    2017-05-16
  • 交互设计 | 一部自嗨的头号玩家为什么吸引你?

    Create Your Difference. by CYD头号玩家头号玩家到底什么吸引你?情怀吸引了你?动漫迷的高达情怀电影迷的金刚情怀恐怖情怀或者跳舞机情怀?或许美国大片吸引了你?▲有坏美女▼坏boss▲坏人老出BUG▼好人老有神助▲英雄要崇拜▼大部队会赶来不管什么吸引了你把你所有的感触和情绪放大一万倍的东西是艺术和科技当然,我相信你们都知道不就是VR和AR吗整个电影都建立在VR和AR的基础上没有这牛逼地眼镜,这个故事还没开始就可以...

    2018-05-05
  • 【总结】我的产品工作心得

    作者:Wiki 由于负责公司UED工作的原因,经常会和公司的产品经理/交互设计师沟通需求,他们每天都会很忙,时刻都在修改网站,优化app,但我从没看出他们忙的价值在哪里?原因是,很多人只是依照某BOSS的指示去做一些意淫…

    交互设计WiKi 2015-06-08
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02
  • 案例分析|一次消灭产品文档的实践探索

    作者:Dougee全文共 2120 字 5 图,阅读需要 5 分钟———— / BEGIN / ————在刚入职眼前这一份工作的时候,CTO就对产品组提出了新的要求:以后不用再另外输出产品文档,直接在原型上标注就可以了,而且以后要输出动态原型。先介绍一下我本人的情况:产品经验2年,对于Axure的交互设计有一定实践经验,但从来没有想过把动态的原型与产品说明结合来表达需求。对于CTO的决定,我想了一下,大概是出于以下三点原因:太多文件数量...

    2018-03-27
  • 「确定」和「取消」按钮哪个该放在左边?

    永恒之战 “确定/取消”党与“取消/确定”党在这场旷日持久的按钮排序之战中,各执己见,至今未能统一。 “确定/取消”党的见解: 符合自然说话/阅读习惯。日常生活中当我们提出问题并伴随肯定与否定的选择时,往往会这样…

    2015-12-10
  • 探究当前数据可视化的用户体验设计趋势

    作者:Jake Rocheleau 译者:ITsCrystal   我们发现,对后台设计的技巧通常不会像普通网页布局设计那样公开分享。这是因为我们通常很难在网络上找到后台的一些样例。由于要进入后台界面都需要账户和密码,所以很多…

    交互专题 2017-08-07
  • 2015年移动端UI/UX设计风格报告与2016年仍会持续火热的5大UI/UX设计趋势

    概述:随着响应式Web设计的持续升温以及Google移动友好性的提升,2015流行的一些UI/UX设计趋势将会在新的一年里持续升温。本文就来预测下2016年仍会持续火热的5大UI/UX设计趋势。 预测:2016年仍会持续火热的5大UI/…

    2016-01-03
  • Axure RP 8 入门手册 – 第6章(三)

    第8节检视功能-元件属性Alice.:小楼大大好!小楼大大帅!我有些小困惑,想请你帮我指点下。可以吗?小楼:你诚实直白的我无法拒绝。Alice.:嘻嘻!我的问题有点多哦。小楼:来嘛!Alice.:我想做个密码输入框,就是输入文字时只能看到圆点那种。帅帅的小楼老师,这个怎么实现呢?小楼:这个是文本框的类型,看来你对这个元件的属性不太了解呀!我给你详细讲解吧!在检视功能的属性面板中有每个元件的属性设置,不同元件的属性会有差别。这里我对各类元...

    2018-04-22