Running

重新思考、設計 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 持續不斷地更新功能,但整體看起來、感受起來卻仍一致不變的。

 

Nike Running app

點圖放大

nike+ app_002

點圖放大

 

如上圖,我們可由這張開發時間軸看出,在版本 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)。

”滑“ 手機並不是新的操作手勢,我們在 TinderFacebook PaperFlipboard 和 Snapchat 都曾看過精采的應用。而這些 App 之所以這麼熱門,原因就是它很直覺、好上手。在 App 設計上,這些要點我十分同意!這次 redesign 的主要思維為 – 減法設計(找尋可以除去的元素)。在畫面上可以看到,我移除原先的 hamburger menu,改成固定在上方的 Nike Store 按鈕。

 

Cards

nike+_cardDesign_001

點圖放大

 

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

 

nike+_cardDesign_002

nike+_cardDesign_003

 

Begin Run

nike_run_001

nike_run_002

 

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

 

nike_run_003

nike_run_004

_

 

 

Thanks for reading! 🙌

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

_

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

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

如果你也喜歡我們的文章,請 Follow 我們的 Facebook 專頁,每天都會分享許多精選文章!

分享此文: