FB LIKE JACKER

最佳 Android 应用新准绳 —— Timely 闹钟

2013 年Aug月 24 日由 发布 | 类别: Android Design 研究会, Android 应用, 译文 | Tags: ,

前天早上 (中国时间), Team Tasks (现在叫做 Bitspin) 发布了他们最新的一款应用 —— Timely. 这款应用瞬间在 Android 界掀起轩然大波, Android UI Patterns 的 Juhani Lehtimäki 写了一篇文章, 基本说出了我想说的所有话. 于是我就偷个懒不自己写文章, 改成翻译了. 能翻墙, 英语能力过关的同学请看原文.

Tasks 是我长久以来在不同场合用以展示优秀 Android 应用所拥有的简洁的例子之一. 这是一个一直以来追随和采用了最新的 Android 设计, 并且以非常简单基础的方式实现他们的应用. 当人们不知道应该往哪里寻求设计资源时我就会用这个应用作为范例告诉他们该怎么做. 现在, 同一个团队做出了他们的新一个应用. 而且, 它很漂亮!

2013-08-20 13.01.31_framed 2013-08-20 13.01.17_framed  2013-08-20 13.01.59_framed

在你继续往下阅读之前, 为啥不去 Play Store 免费下载它来试用一下呢? 这个应用有太多东西是单纯的截屏不能展示的了.

设计准则

这个应用上市的时机太完美了. 最近有无数的关于 Android 设计准则的讨论, 就连 Matias Duarte 都忍不住开口了. 这些争论都是以一个不错的应用 —— 雅虎天气 —— 为中心展开的反映强烈的批判.

很多人似乎觉得遵循设计规范意味着对创造力的制约并最终会导致所有的应用都变得一模一样. 这显然大错特错了. Timely 就是专门来打他们脸的, 最响的一巴掌.

Timely 闹钟完美的遵循了 Android Design 规范. 随便抓一个 Android 用户来用这个应用, 他们都会从看到第一界面的瞬间就觉得这是一个原生而美丽的应用. 而且更重要的是, 它看起来一点儿也不山寨.

超越极限

另一个关于设计规范的错觉就是如果你遵守了设计规范, 你就只能用 Android 提供的那些标准的控件. 这显然也是大错特错的.

Timely 闹钟的团队创造了全新且奇特的新建闹钟的方式. 在建立闹钟的页面你可以从左测的时间轴上向右滑动来建立闹钟. 在此之前我没在任何一个其他应用上看过这样的操作方式  (NovaDNG: 我也没有). 这是一个新主意, 而且这主意不错.

2013-08-20 13.02.28_framed 2013-08-20 13.02.49_framed

创造全新的交互方式是绝对没问题的. 但是新的交互方式往往会带来另一个问题, 那就是可见性. 如果你采取了平台上原来就有的, 大家都熟悉的交互方式, 你可以放心的认为用户们都知道该干些什么, 但是如果你创造了全新的交互方式, 你就要认真的对用户进行指导. Bitspin 出色的完成了这个工作.

Screenshot_2013-08-23-12-00-50_framed Screenshot_2013-08-23-12-01-14_framed

(图片由 @detecti1914 同学提供)

我曾经见过有些用用采用弹出窗口之类的方式来告诉用户该怎么做. 跪求别! 指引最好放在应用内容中. 和 Bitspin 学着点儿, 把可用的操作列在应用中, 这样应用主体不会被那些指引给遮住, 用户也能够直接在上面实践指引的提示.

不要重新发明轮子!

除了无数创新而美观的设计之外, 这个应用也毫无违和的采用了大量 Android 标准的控件, 图标和设计模式.

UI 控件与图标

2013-08-20 13.02.49 2013-08-20 13.03.25

在 Android 系统中本来就已经有足够用且简明扼要的开关了, 所以干嘛要自己再去搞一个? 而且像垃圾桶图标这样的东西也已经有很多了, 所以干嘛要自己再去画一个? (NovaDNG 吐槽: 这句话送给之前文章里某些评论足矣) 只有在实在需要的时候才创作新的图标, 否则的话直接用标准图标来体现标准的动作. 用户们看到这样的图标就会知道它的含义的.

UI 设计模式

我很喜欢这个应用的其中一点是它并没有使用完整的 Action Bar, 而对于某些”原教旨主义者”而言 Action Bar 却变成了个在每个应用里都”必须要有”的元素. 这只不过是个设计模式啊老兄. 就像其他所有的东西一样, 当你需要用到它的时候你就用啊 (但是如果你用的话, 就请用标准的样式!). 不过这个应用确实是用到了 Split Action Bar, 这样就能够方便的腾出地方来显示应用需要的功能和放置 Action Overflow. (NovaDNG: 作者稍微搞错了一点, Stacked Tabs 也是 Action Bar 的一种 —— 不过说实话我也不是很确定这样的 Tabs 到底是不是 Stacked Tabs…)

2013-08-20 13.03.49_framed 2013-08-20 13.03.25_framed

值得注意的地方是当应用需要 Action Bar 的时候, 你还是得要显示一个 Action Bar 出来的. 举个例子, 如果用户需要对选中的项目进行操作, 那么这时候就应该显示出 Cotextral Action Bar.

还有另一些你可能会熟悉的 Google Android 团队介绍过的, 与时俱进的 UI 模式.

设置

作为一个 Android 应用, 设置是有其标准的. 为什么要改变这个标准? 这个应用采用了令人舒服的, 大部分应用亦然如此的设置, 这么做可以让开发者节省很多时间在这方面的设计上, 并且把这些时间花在应用开发上. 但是并不是意味着这里的设置就缺乏设计 —— 你会注意到, 设置的背景和当前场景的背景颜色是同步的.

2013-08-20 13.04.37_framed 2013-08-19 07.44.11_framed

 

大屏兼容

如果一个 Android 应用没能很好的兼容不同的屏幕大小, 那么这就不算是个很好的 Android 的应用. Timely 在这方面已让能起到表率的作用. 在大屏上, 空间充足, 时间 Tab (中间那个) 会保持在屏幕中. 这是一个聪明的合理利用空间的设计.

2013-08-20 15.19.30_framed 2013-08-20 15.19.38_framed 2013-08-20 15.19.52_framed

其他视图下也有做很好的适配.

2013-08-20 15.20.17_framed 2013-08-20 15.20.30_framed

动画与转场特效

这个应用不单单是好看, 而且还很令人愉悦. 每次你点击什么地方的时候你都会从怡人的动画中得到反馈. 每个场景的转换都是经过深思熟虑而巧妙的实现的.

在一些应用中, 动画做的事情太多了以至于用户会感到不适 (NovaDNG: 我怎么觉得 Carbon 躺枪了…?). 但是这个应用并不会, 所有的动画都恰到好处. 动画流畅而短促. 他们都有一个明确的目的, 要么让用户能感受到更清晰的应用结构, 要么传递了某个动作的信息. 这才是动画本应该是的样子.

不要搞错, 动画的实现是困难甚至是危险的. 给应用加入动画并不会直接让它变得更好, 除非这些动画都是经过精心设计的. 所以, 除非你像 Timely 这样有足够完美的资源来实现完美的动画, 否则不要随便加入动画.

技术

光是设计的很漂亮还远远不够, 在技术上, Timely 也是优异的. 他能自动在不同的设备间不怎么耗电的同步闹钟, 这个功能让 Timely 变得更加名符 Android 平台上最优秀的应用其实. 功能和设计并非只能两者取其一, 他们完全可以在一个应用中完美共存.

付费模式 (原创非翻译)

和大多数应用不一样, Timely 采用的是一种基于 Freemium 模式的付费方式. 它鼓励用户在社交网络上分享这个应用, 并且每当他们的朋友通过分享到链接下载 Timely, 分享者就能得到一个点数, 相应数量的点数能够换购高级功能, 二十个点数能够解锁所有功能. 当然, 高级功能也能够通过付费来实现 —— 如果你不愿意污染朋友们的时间线的话. 这是一种挺不错的模式, 值得开发者学习 (毕竟在天朝, Android 应用内付费是件基本没谱的事儿).

雕琢, 雕琢, 雕琢

这个应用里的一切都在吼叫着: “我是经过精雕细琢的!” 每个场景, 每个过场, 每个动画都经过了精雕细琢, 完美无瑕 (NovaDNG 吐槽: 其实 Bug 还是有的, 只要你认真找…). 要在应用中做到如此精细的修饰可不是免费的. 我几乎不愿意去猜测 Bitspin 团队究竟花了多少时间来做出这么个应用. 不管他们花了多少时间, 我相信肯定短不了. 但是这些时间都体现在了应用上. 当你使用这个应用的时候, 你不仅仅能立马学会怎么使用它, 你还会一次又一次的被它惊艳到. 这是个顶级应用. 就算是这个应用的网站都是那么的厉害. 团队花了不少时间来布置展示了 Timely 在不同的设备中运行的样子. 我绝对希望在更多的地方看到这样的展示.

结论

我觉得我已经说不出什么话来了. 这绝对是我见过的最好的 Android 应用. 这是我将会发送给每个与我合作的设计师的应用. 我将会在我的演讲中提到它, 并且它将会在每个早晨唤醒我.

我们, 作为一个 Android 社区, 欠了 Bitspin 团队一笔. 幸好世界上所有的公司都会看到这个应用, 并把它视为”我能在 Android 上做出优秀应用”的完美例证. 我希望它能够引起一股潮流. 让我们向世界展示, 我们能够推动 Android Design 向前发展, 并且是以不打破规则的形式. 设计规约不是局限, 它们是为了帮助你而存在的!

现在, 如果你还没下载它的话, 赶紧去 Play Store 给自己搞一个能够定义下一代 Android 设计的应用吧!

« 米黑玩盒子 —— 小米盒子上手评测
代价 —— 当付出和应得的回报不相当 »

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~ ;-)
閃開│讓專業的來 沒辦法│我這個人就是太正直了