Aero Fitness,一個完整的UI/UX設計案例研究

原文地址：

https://medium.muz.li/aero-fitness-a-ui-ux-design-case-study-f620186a46de

譯文地址：追波範兒（公眾號）

背景：

Aero Fitness是一款多功能健身應用程式，適合想要點燃保持健康體魄的健身愛好者。

當前手頭的任務與問題

其中一個主要的利益相關者恰好是這個產品的聯合創始人，他向我提出了開拓健身市場的建議。隨著健身越來越成為主流，很大一部分人都在為自己的身心健康而努力，這個市場空間可以被挖掘出來，讓人們更容易上手。

設計的流程

所採用的基本流程基於設計思維（Design Thinking），它幫助我定義並提出了重要的假設，這些假設通過原型測試和可用性測試來驗證。

子流程包括進行用戶研究以了解市場，創建用戶角色和用戶移情圖。採用親和力圖譜進行創意解決方案的頭腦風暴，並將其轉化為草圖、線框、模擬圖和高保真設計。建立設計-測試-反饋的循環，以改進設計。

挑戰

客戶最初報告了大量的挑戰，通過調查和訪談進一步的用戶研究發現了更多的問題。我們產品的基本目標是解決所有這些問題。代表問題（用戶需求）的關鍵詞的累計百分比幫助我們確定了最小可行產品（MVP）的功能，以及商業目標和技術能力。

至少80%的人直接或間接提到的主要問題包括以下幾點：

1、難以追蹤卡路裡--87%的體重增加者。

2、一段時間後就失去了去健身房的動力--93%的入門者

3、沒有現成的教練----82%的健身者；

4、找不到正宗的補品--90%的普通健身房用戶

5、不穩定--88%的普通健身房用戶。

6、定期檢查所有生命體徵----94%的起動者；

7、而其他問題包括忘記喝水或走路、沒有本地化的解決方案、忘記添加卡路裡、直觀的手機應用、了解鍛鍊角度、性別不同的健身房等幾個問題。

了解用戶

在對人們進行訪談後，開發了用戶角色和同理心地圖。還使用了調查問卷。通過這些活動的結束，我知道了用戶的痛點，以及用戶的目標是什麼，我們的應用需要如何為這些目標提出解決方案。

提出假設

所有上述的研究都幫助我們總結了在原型設計階段測試的假設。我們列舉了多個假設，因為我們的目標是要創造一個多合一的產品，集中解決多個問題。

去健身房的人發現很難保持自己的動力，因為體育活動總是一項艱巨的任務，人們需要在繁忙的日程中抽出時間。需要更多的一致性。

研究中發現的痛點和問題幫助我們定義了所有的案例，其解決方案在下一階段進行了構思。

構思

思想研討會期間產生了各種想法。主要的利益相關者在現場和遠程聚集在一起，以找到解決已確定問題的辦法。頭腦風暴幫助我們分化並找到所有可能的解決方案。在這些討論中，最有用的想法、最理想的想法、對大多數人來說最容易的想法、最實用的想法和最可持續的想法被分組。我們製作了一張親和圖，幫助我們將這些想法按目標分類。

把每個人的想法以便利貼形式展示

草圖和線框

在頭腦風暴階段收集到的應用想法的草圖，幫助我將所需的功能轉化為更易理解的解決方案，乾巴巴的，讓利益相關者很容易理解。

從草圖到線框逐步推進，描述應用的流程和定義應用功能的元素的邏輯結構。每個用例都被快速原型化為線框，這樣我們就可以理解流程，並最終定義產品的信息架構。

視覺設計

在以線框圖、用戶流、用戶角色、用戶移情圖、親和圖的形式定義了主要的用戶體驗後，移動應用的視覺設計與每個界面的微副本一起設計。

新手引導頁

一套簡單易懂的上機界面，突出app的主要功能，並可輕鬆選擇跳過並上手。簡易註冊，採用步驟式嚮導設計模式，輸入基本信息，為用戶快速啟動App。

Aero Fitness入門新手指引頁

主屏幕

一個描述性的，儀錶盤作為主屏幕，向用戶展示最重要的信息。主要屬性包括

1、通知：即時通知，關於任何重要的提醒，發生的事情，健身房的時間，股票的更新等。

2、提醒：提醒總是在上面。推送通知也是用來提醒用戶各種重要的事情。

3、每日見解：在登陸屏幕上快速查看每個重要的生命和活動。

4、小部件：主屏幕也有一個可定製的儀錶板部分，用戶可以在其中添加重要的小部件。

主頁

膳食管理

探討了一個直觀的用戶在日記中加餐的流程，讓鍛鍊後大多疲憊的用戶有了一個簡單的日記方式。

管理日記

鍛鍊、跟蹤和計劃

觀看鍛鍊視頻，跟蹤你的練習，並進行定製化訓練，幫助你達到短期和長期目標。報名參加根據你的目標定製的訓練計劃。你可以輕鬆地選擇一條學習路徑，並按照它成為專業人員。

假人視頻取自VGFit健身與健美應用，以備展示之用。

鍛鍊管理

發現與探索

用戶可以輕鬆搜索到任何他們需要的東西，包括正品補品、教練、附近的健身房、賽道、教練，甚至是健身房配件。

發現頁面

即時聯繫

隨時與你的培訓師和專家保持聯繫，並獲得即時的幫助、反饋、推薦，以及更多。

遊戲化體驗

基本的遊戲化的健身房體驗，誘導用戶更加穩定和積極。用戶可以在健身房籤到時掃描二維碼獲得積分。積分可以隨心所欲的兌換，同時還有排行榜來爭奪獎品。

遊戲化體驗

智能手錶的智能應用

為了讓一些功能更容易使用，智能手錶的應用也在醞釀之中，這樣一來，在旅途中或健身的用戶就可以輕鬆使用該應用的主要功能。

視覺識別

創造一個精緻而直觀的視覺設計，利用美學的可用性效果，提供愉悅的體驗。

之所以考慮使用黃色，是因為黃色的暖色變種能刺激心理活動，產生肌肉能量。

產品價值

對於用戶來說

與健身和健康生活方式有關的所有信息的單一來源。

改善用戶的健身習慣，輕鬆學習運動，同時保存測量記錄。

讓用戶隨時與他的培訓師聯繫，這樣他就可以隨時得到幫助。

對於Aero Fitness & Enterprises

困境中的健身房可以上雷達，讓更多的用戶看到他們的身影，再加上廣告宣傳。

當用戶發現100%正品的產品時，補充劑和供應商的銷售量會增加。

自我實現--市場空間似乎很空曠，可以擴大範圍。

結論

經驗教訓

設計過程相當全面，這有助於我通過研究了解行業以及用戶的發現。用戶渴望一個有用的應用，一定能幫助他們實現目標。讓用戶參與到應用程式中來是一個挑戰，所以可用性測試將在用戶群體使用應用程式的自然環境中進行。每個用戶群體的用戶流程都相當清晰，他們只需按照標籤欄的用例進行針對他們的任務即可。根據用戶目標來定製應用的功能，也是用戶自己描述的這款應用最重要的能力之一。

未來工作

以下是未來需要努力的幾件事：

1、與工作環境中的實際用戶進行深入的可用性測試，以了解他們的反饋意見。

2、探索睡眠/冥想功能

3、通過A/B測試和R編程分析的幫助，去除不必要的元素，縮小用例範圍。

4、建立設計系統，簡化設計和開發過程。

可愛的你請把可愛的我設為「星標」。