完整的UI/UX設計案例研究

資訊頻道 - 設計技 來源:追波范兒 作者:cdo 2020-11-06

背景:

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

當前手頭的任務與問題

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

設計的流程

所采用的基本流程基于設計思維(Design Thinking),它幫助我定義并提出了重要的假設,這些假設通過原型測試和可用性測試來驗證。

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

挑戰(zhàn)

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

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

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

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

3、沒有現(xiàn)成的教練----82%的健身者;

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

5、不穩(wěn)定--88%的普通健身房用戶。

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

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

了解用戶

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

提出假設

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

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

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

構思

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

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

草圖和線框

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

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

視覺設計

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

新手引導頁

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

Aero Fitness入門新手指引頁

主屏幕

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

1、通知:即時通知,關于任何重要的提醒,發(fā)生的事情,健身房的時間,股票的更新等。

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

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

4、小部件:主屏幕也有一個可定制的儀表板部分,用戶可以在其中添加重要的小部件。

主頁

膳食管理

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

管理日記

鍛煉、跟蹤和計劃

觀看鍛煉視頻,跟蹤你的練習,并進行定制化訓練,幫助你達到短期和長期目標。報名參加根據(jù)你的目標定制的訓練計劃。你可以輕松地選擇一條學習路徑,并按照它成為專業(yè)人員。

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

鍛煉管理

發(fā)現(xiàn)與探索

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

發(fā)現(xiàn)頁面

即時聯(lián)系

隨時與你的培訓師和專家保持聯(lián)系,并獲得即時的幫助、反饋、推薦,以及更多。

游戲化體驗

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

游戲化體驗

智能手表的智能應用

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

視覺識別

創(chuàng)造一個精致而直觀的視覺設計,利用美學的可用性效果,提供愉悅的體驗。

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

產品價值

對于用戶來說

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

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

讓用戶隨時與他的培訓師聯(lián)系,這樣他就可以隨時得到幫助。

對于Aero Fitness & Enterprises

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

當用戶發(fā)現(xiàn)100%正品的產品時,補充劑和供應商的銷售量會增加。

自我實現(xiàn)--市場空間似乎很空曠,可以擴大范圍。

結論

經(jīng)驗教訓

設計過程相當全面,這有助于我通過研究了解行業(yè)以及用戶的發(fā)現(xiàn)。用戶渴望一個有用的應用,一定能幫助他們實現(xiàn)目標。讓用戶參與到應用程序中來是一個挑戰(zhàn),所以可用性測試將在用戶群體使用應用程序的自然環(huán)境中進行。每個用戶群體的用戶流程都相當清晰,他們只需按照標簽欄的用例進行針對他們的任務即可。根據(jù)用戶目標來定制應用的功能,也是用戶自己描述的這款應用最重要的能力之一。

未來工作

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

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

2、探索睡眠/冥想功能

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

4、建立設計系統(tǒng),簡化設計和開發(fā)過程。

可愛的你請把可愛的我設為“星標”。


譯文地址:追波范兒(公眾號)

聲明:站內網(wǎng)友所發(fā)表的所有內容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關推薦