FB LIKE JACKER

Google Maps for Android (7.0+) 对 Android Design 来说有什么突破?

2013 年Jul月 15 日由 发布 | 类别: Android Design 研究会 | Tags: , ,

unnamed

这篇文章来源于我在知乎上的一个问题, 以及自己的答案…

突破与可取之处

首先, Maps for Android 颠覆了很多人对 Android Design 的一个固有的认知, 就是”Action Bar 是必须的”. 虽然在 Earth 中, Google 就已经基本上消去了标准 Action Bar 的身影, 但是还为它保留了一个半透明的 Bar, 以及标准的 Drawer Hamberger. 而在 Maps for Android 中, Action Bar 完全的为 Search Bar 所取代.

framed_Screenshot_2013-07-10-18-40-52

仔细观察一下这个 Search Bar, 就会发现这个 Search Bar 实际上比标准的 Action Bar 要高一些(包含了上方的 Margin).

和 Earth 一样, Maps 里标准 Action Bar 存在的意义不大, 因为这个应用最主要的功能就是搜索→导航, 其他功能都是极少用到的功能(咳, 本来应该是常用功能的 Latitude 被 Google 自己给砍了…). 这就意味着, 没必要采用热门的 Drawer 来进行功能上的导航, Tabs 的意义也不大(因为不需要经常切换试图——理论上来说). 而画面中只剩下一个搜索栏的话, 也可以减少用户认知的成本. 举个例子, 旧版地图中, 我要导航到某个地点可以有两种方法, 搜索→导航或者导航→搜索. 实际上就是调换了顺序而已. 而搜索框右边两个 Borderless Button 则分别是导航(可以直接由搜索框取代, 但是为了照顾某些用户的需求保留)和个人(历史记录, 星标地点, 搜索记录, 家/工作单位… 相当于原先的Action Bar Spinner), 虽然看起来元素少了不少, 但是依然能够快速完成一个地图应用最主要的任务.

那么什么应用可以参照这种模式呢? 答案很明显嘛, 地图应用以及其他以搜索为主导的应用.

另外, 新的搜索结果展示界面也证明了一个问题, 即“有一套 UI 可以同时在 iOS 和 Android 上都显得很和谐”. 例子是下面两张图:

framed_Screenshot_2013-07-10-14-07-54 framed_Screenshot_2013-07-10-14-08-02

如果我把 System Bars 去掉, 这个界面放在 iPhone 上也是毫无违和感的. 好吧, 某些国内互联网大公司, 学着点儿~

左侧抽屉也是个很有意思的变化, Google 没有采用标准样式的 Drawer(Action Bar Hamburger, 覆盖式 Drawer), 而是把 Action Bar Hamburger 挪到了下方, 变成了专门的 Drawer Handle——而且还保留了三道杠的外形, 很有意思. 和普通的 Drawer 一样, 可以由点击或拉动操作来开启 Drawer.

framed_Screenshot_2013-07-10-19-11-53

地图图层切换(Less Frequent Actions)被放进了 Drawer, 和设置等排在一起. 值得注意的是, 这里的 Drawer 并没有用阴影来展现层级关系, 而是用展开地图露出 Drawer 的动画来表达. 这点我觉得十分值得商榷, 我个人并不是很喜欢这样. 比起 Maps 的 Drawer 展开方式, 我倒是更喜欢如 Falcon Pro 那样的细微的动画. 如果你对 Drawer 有疑问, 请参看我以前写过的文章.

对了对了, 摇一摇汇报 Bug 这个功能也很有意思, 之前在微博上讨论的时候, @南雨北调 同学开玩笑说这么设计的目的是”Google 期望用户因发现问题而绝望地摔手机时, 能够通过 feedback 进行吐槽反馈”, 让我笑了半天. 这其实是个挺有意思的设计, 默认开启. 据说在 iOS 上所有的 Google 应用中都有这个功能.

然后… 说说掉眼镜的. 原本在 Android Design 上, Action Bar 的高度是有规定的(48dp), 但是在 Maps 的平板版本上…

framed_2013-07-10 20.49.52

Whoooooooa! 这么高的 Action Bar! 我和我的小伙伴们都惊呆了!

更高的 Action Bar 提供了更大的显示控件以便于显示名称, 但是… 这样的 Action Bar 和内容之间没有任何分隔的呈现形式… 会不会有点山寨啊? (被山寨的对象, 你们懂的)

吐槽

把离线缓存做成隐藏功能实在是一个非常脑残的举动… 而且更搞笑的是在 Maps 里还没有任何的相关提示. 我在上 G+ 之前一直就没能发现如何开启这功能… 还好在 7.0.1 版本里加回来了. 不过新版里想要打开离线缓存还是很麻烦, 我甚至宁愿用老办法来缓存地图. 而且, 旧版的缓存功能也非常直观, 还能批量缓存, 这对于网络不能随时保持畅通的我而言是非常方便的功能.

不知道为什么, 在手机版的详情界面中所有的按钮都变成了”卡片按钮”. 虽然我知道卡片的泛用性很高, 但是卡片真的不适合纯按钮… 卡片的隐喻适合“滑动”, 但是和“点击”的相性基本为零啊.

Google 在 Android Design 中明确表示过:”有其形者具其能”(出处:Design Principles), 但是在下导航界面下, 看起来似乎能左右滑动进行切换的 Tabs 却不具备这个功能——我实在是想不出在这里有什么理由需要禁用左右滑动切换 Tabs 的操作. 算了, 反正不是第一次被骗了(Google+ 的个人资料也是这样).

framed_Screenshot_2013-07-10-18-55-37

另外不得不抱怨的就是实验室功能的消失. 比例尺功能和距离测量功能都是非常实用的小功能, 而且理应能够毫无违和的加入新版的 UI 中, 我不知道他们是出于何种理由被干掉的.

至于 Latitude… 其他人在其他地方的抱怨太多了, 我就不在这里再散布负能量了…

« 来自 Google 的 2013 年暑期漂亮应用推荐
一个有趣而又有迷惑性的问题 »

About NovaDNG

Nexus 4 (Android 5.1), Xperia Z3 (Android 5.0), Xperia Z2 Tablet (Android 5.0), veer 4G (webOS 2.1.2), Chromebook Pixel LS (2015). Guest Member of HiHex. Product Design @ Zhihu.com

» has written 188 posts

锋客的朋友们

  • 少数派
  • 煮机网

签订契约成为机油吧!

Buy me a coffee~ ;-)

Buy me a coffee~ ;-)
閃開│讓專業的來 沒辦法│我這個人就是太正直了