提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
当我搬到挪威,第一件让我特别注意的就是 – 每个人都在跑步,而且都很认真地看待跑步这件事。一年后,我也给了自己一个承诺 – 从今年五月重新开始跑步!
在购买跑步所需要的装备前,我载了 App Store 上所有的跑步 app,发现到几年前的那些 app 至今还在,这些 app 虽然名称没换,但 logo 与 app 都改版过了。但是有一个 app 例外!
Nike Running app
当初使用 Nike Running app 已是 2013 年的事了~ 这 app 真得挺棒的– 它所提供的功能很到位、有免费的训练课程,而且它来自于 Nike(世界上最酷的公司之一),还有还有… Casey Neistat 也是使用者之一。不过,令我感到最惊讶的是 Nike Running app 完全没变,一切就如同我在 2013 年时使用的样子。这个现象看在如同 Nike 这样规模的公司上,的确挺令人讶异的!尤其看到它过去所出的软硬体、跑步配件等,都跟 Apple 的公司文化很相似。在运动品牌领域中,它是一个精神品牌且受人尊敬。虽然 Nike Running app 持续不断地更新功能,但整体看起来、感受起来却仍一致不变的。
如上图,我们可由这张开发时间轴看出,在版本 V4 后才因 iOS7 的推出,做了些微的调整,并追随扁平化的趋势与 拟真化 say goodbye。
我大概能推测为何 Nike 没有在此 App 的 UI 上做出重大的改变,主要就是对 App 来说,做出巨大的改变是十分冒险的(这是我在 Opera Software 时所学到的其中一件事)。即使只是一个小小的改变,都可能让使用者抱怨,并在 App Store 给予负评。我想这是所有开发者、设计师最不想遇到的事吧!
我已经安装了 Nike+ app,也开始到户外跑步。以目前的体验来说,此版本还不赖。跑步时 UI 画面上呈现了有效的资讯,按钮也够大且容易使用。此外,Nike+ Coach 提供一些很有用的免费训练课程。不过,我一直看着它并思考,我觉得这 app 是可以被改善的,就在跑完步后,我开始在纸上画起一些想法的草图。
Introducing the New Nike+
SoundCloud 是目前我最喜欢的 App 之一,当你在开车或走在街上时,试着使用 SoundCloud,并与其他的音乐 app 比较看看,是不是觉得 SoundCloud 在这些情境下做的比较好呢?当你选歌、暂停或是变换下一首歌时,一切都很直觉。另外,SoundCloud 删减了许多按钮,并且让这个 app 在操作上更友善(thumb friendly)。
”滑“ 手机并不是新的操作手势,我们在 Tinder, Facebook Paper, Flipboard 和 Snapchat 都曾看过精采的应用。而这些 App 之所以这么热门,原因就是它很直觉、好上手。在 App 设计上,这些要点我十分同意!这次 redesign 的主要思维为 – 减法设计(找寻可以除去的元素)。在画面上可以看到,我移除原先的 hamburger menu,改成固定在上方的 Nike Store 按钮。
Cards
在移除 hamburger menu 后的第一件事,就是调查 menu 中有哪些项目是使用者所需要的。而我将这些项目放置卡片上,使用者只需要轻松地滑动这些卡片,就可以看到上方的重要资讯。如介面所示,你不再需要透过点击 menu 开启资讯,而是透过滑动卡片来查看你的跑步状态、跑步纪录、朋友 … 等等。如果你希望看到卡片中的更多资讯,只要一个 touch,就会进入并看到这张卡片内更多资讯。
Begin Run
在准备起跑的介面设计上必须简单,因为使用者不会想花太多时间在设定上。如同上图你所看到的,这页的设计主要有三个区块:1)选择跑步模式、2)快速设定的选项与 3)选择 Spotify 上的播放清单。底下,放着大大的 CTA 按钮,按下 “开始” 起跑吧!
影片 DEMO: https://vimeo.com/169595106
Thanks for reading!
希望能听到你的想法与建议,上 twitter @azizfirat 或 寄 email 给我吧!
本文章已获得作者 Aziz 授权,文章出处:Rethinking Nike+ Running,翻译:设计大舌头。
设计大舌头是一个长期关注用户体验相关(UED)议题的共笔平台,包含用户介面(UI)、互动设计(Interaction Design)、产品设计趋势、设计专利以及服务设计等,试图让更多读者了解设计师们的巧思,并推广 Design Thinking 的思维,欢迎更多人加入这一个讨论园地。
如果你也喜欢我们的文章,欢迎大家到我的 Blog(设计大舌头)瞧瞧:https://designtongue.me/
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册