APP

重新思考、設計 Nike+ Running app

當我搬到挪威,第一件讓我特別注意的就是 – 每個人都在跑步,而且都很認真地看待跑步這件事。一年後,我也給了自己一個承諾 – 從今年五月重新開始跑步!

在購買跑步所需要的裝備前,我載了 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, FlipboardSnapchat 都曾看過精采的應用。而這些 App 之所以這麼熱門,原因就是它很直覺、好上手。在 App 設計上,這些要點我十分同意!這次 redesign 的主要思維為 – 減法設計(找尋可以除去的元素)。在畫面上可以看到,我移除原先的 hamburger menu,改成固定在上方的 Nike Store 按鈕。

 

Cards

點圖放大

 

在移除 hamburger menu 後的第一件事,就是調查 menu 中有哪些項目是使用者所需要的。而我將這些項目放置卡片上,使用者只需要輕鬆地滑動這些卡片,就可以看到上方的重要資訊。如介面所示,你不再需要透過點擊 menu 開啟資訊,而是透過滑動卡片來查看你的跑步狀態、跑步紀錄、朋友 … 等等。如果你希望看到卡片中的更多資訊,只要一個 touch,就會進入並看到這張卡片內更多資訊。

 

 

Begin Run

 

在準備起跑的介面設計上必須簡單,因為使用者不會想花太多時間在設定上。如同上圖你所看到的,這頁的設計主要有三個區塊:1)選擇跑步模式、2)快速設定的選項與 3)選擇 Spotify 上的播放清單。底下,放著大大的 CTA 按鈕,按下 “開始” 起跑吧!?

 

_

 

 

Thanks for reading! ?

希望能聽到你的想法與建議,上 twitter @azizfirat 或 寄 email 給我吧!

_

本文章已獲得作者 Aziz 授權,翻譯自:Rethinking Nike+ Running

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

大舌頭總編輯

喜愛藝術的浪漫卻又執著於理性的思考,常常把自己逼到令人無法理解的老胡同。最近專注於數據觀察與設計思維的交互驗證,期待兩者之間的激情火花。

Recent Posts

《UX 互動設計聖經》:深入探索 UX 設計核心原則

這本書深入探討了使用者體驗(U...

3 個月 ago

2025 八耐舜子手繪明信片日曆

每一年的年底,都是嘖嘖日曆大噴...

5 個月 ago

海外留學生使用 VPN 的好處

畢業季的來臨,有些人選擇直接就...

12 個月 ago

AI 協助繪製 LINE 貼圖,5分鐘內搞定?

現今社交通訊軟體已經成為人們生...

2 年 ago