悅跑圈 3.0,重新定義跑步 App
文章分享了悅跑圈 3.0的改版歷程,希望通過本文能夠給你啟發。
悅跑圈一直專注于跑步基礎服務,致力于為跑者提供跑步訓練和跑步比賽過程中的全方位服務。過去一年,我們相繼發布了全新跑步流程,約定跑,賽事 Live 等功能,深受廣大跑者喜愛。
在廣州馬拉松到來之際,代表悅跑圈重大里程碑的 v3.0 也將隆重發布。對于本次改版,相信會讓用戶看見一個全新的悅跑圈。在此,我們希望通過分享此次改版的歷程,讓大家更了解本次改版,更了解未來的悅跑圈。
首先,來聊聊我們眼中的跑步是什么,跑步產品應該怎么做?
不知大家有沒看過詹姆斯·卡斯 《有限游戲與無限游戲》一書,里面提到 “有限的游戲,其目的在于贏得勝利;無限的游戲,卻旨在讓游戲永遠進行下去。有限的游戲在邊界內玩,無限的游戲玩的就是邊界。有限的游戲具有一個確定的開始和結束,擁有特定的贏家,規則的存在就是為了保證游戲會結束。無限的游戲既沒有確定的開始和結束,也沒有贏家,它的目的在于將更多的人帶入到游戲本身中來,從而延續游戲?!?/p>
我們理解跑步就是一場無限游戲,跑者目的在于將更多的人帶入到游戲本身中來,并且通過自身努力和「利他」行為讓游戲永遠進行下去。
因此,基于我們對跑步的理解,我們認為跑步不單單是一個人的事情,也不是簡單的一個運動,它會在未來升級為一群人共同打造的無限游戲生態(即 跑步生態)。這個生態里面,隨著跑步能力提升和延續跑步游戲的內在動力,一個跑者會從一個「普通跑者」不斷往「團長/團員」「活動&賽事志愿者」「活動&賽事組織方」這幾個角色進階,并且將更多人帶入這個游戲生態中。而這個跑步游戲,會根據跑者的不同能力&目標提供豐富樣化的跑步模式「普通跑步」「訓練/契約PK」「挑戰&活動」「賽事&馬拉松」。
而悅跑圈在這其中就好比一根線,連接了跑者的成長和跑者需求的升級。
同時,隨著市場的變化,各方的訴求也在不斷進化。從公司&業務訴求方面,悅跑圈從一開始的「跑步工具」,往一個承載了跑者「生活/社群的平臺」,到今天演變成「跑步+文化/商業的跨界平臺」;從市場&用戶訴求方面,跑步市場從「健康跑跑」到「跑步是生活的一部分」再到「跑步是一種文化和感情承載」或者「跑步是一份職業/事業」,同時隨著跑步用戶的增多,加上跑步用戶能力&需求的升級,不同階段跑者需要高效快速找到適合自己的跑步模式和目標,完成自己在跑步生涯的成長。
基于上述的背景,我們梳理了本次改版的設計理念。
我們認為 3.0 悅跑圈的產品框架,應該立足于現階段的強工具屬性,同時又兼顧未來跑步市場升級后作為跑步平臺和跨界平臺的擴展性。由此我們得出這次改版的核心關鍵詞:高效專注、連接升級、多元平臺。
- 高效專注:通過體驗和設計提升不同目標下開始跑步的效率,同時在跑步過程的單一場景做到簡單專注;
- 連接升級:重新梳理核心跑步場景和模式,連接不同階段的目標和需求;
- 多元平臺:通過合理的結構來呈現豐富的賽事服務、文化內容;
以設計理念為中心,我們希望通過以下三個方式解決相應的問題。
- 框架為底部五個 Tab 導航結構,中間「跑步」 Tab 為核心,往兩邊遞減;以此在產品架構上,滿足跑步市場和用戶的需求升級,完成悅跑圈從 「工具 – 生活/文化/社群 平臺 – 專業/賽事 平臺」的升級;
- 同時把「跑步」 Tab 定為默認 Tab,采用扁平的頂部導航結構,高效地把不同階段跑者匹配到對應的跑步模式;
- 最后在眾多的跑步模式下做到跑步主流程的簡單、高效、專注;
最后回到產品本身,以產品形態來傳達我們的理念,為用戶提供服務。
整體產品框架下,我們通過以下三個方面來重新構建。
- 一是跑者需求升級:底部導航結構,從中間到兩邊遞減。跑步、活動、好友、精選、我 都是通過重新歸類和梳理原來散亂的功能,并且根據用戶需求重要程度,從中間到兩邊遞減來排列底部一級導航欄。
- 二是跑步模式多樣性:首頁跑步 Tab 頂部導航,把跑者高效指向不同模式,采用扁平的頂部導航,跑步模式的層級非常的扁平,保證用戶可一眼看到全部的模式。
- 三是跑步線性流程一致性:所有模式的線性流程都是跑步流程,針對不同模式通過組件方式來區分差異性。在跑步工具的單一場景下,做到簡單&專注,去掉冗余界面元素,只保留最核心的功能,還原工具類應用簡單易用的本質。
在頁面結構上,我們根據每個頁面所承載的功能及屬性,選擇不同的結構。主要分為幾類:T型結構、兩段式結構、全屏式結構、宮格式結構、列表式結構。
其中, T型結構頁面空間大,適合展示多元化的內容。因此一些核心界面,如「跑步」「精選」「活動」界面采用的是 T 型結構。
全屏式適合功能單一的工具類應用,讓用戶專注于場景本身,所以「跑步流程」的界面主要采用的是全屏式。
列表式適合單一內容型的界面,主列表展示核心內容,頂欄兩邊放置甚至收起一些不常用的內容,以保持主界面的簡單高效。所以「好友」界面采用列表式,把不常用的功能「聊天」「添加」收起,把核心內容「跑友」「跑團」的信息列出。
而宮格式適合功能入口較多的情況,因此「我」界面,作為個人數據和信息,還有各種功能入口的界面,宮格式既能充分利用橫向空間,放下更多入口,同時也更為直觀而清晰。
以上,就是悅跑圈 3.0 的產品設計背景及理念。在未來,悅跑圈還將對跑者提供更多優質服務,線上線下相結合,形成更全方位的服務體系,幫助跑者在跑步生涯里不斷成長,在跑步生態中不斷進階。
本文由 @悅跑圈產品團隊 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自unsplash,基于CC0協議
Ui有點 發 吖。眼睛都看 發 了。??
一張頁面顏色怎么這么多
顏色確實用的很多