完整的UI/UX設(shè)計(jì)案例研究

資訊頻道 - 設(shè)計(jì)技 來源:追波范兒 作者:cdo 2020-11-06

背景:

Aero Fitness是一款多功能健身應(yīng)用程序,適合想要點(diǎn)燃保持健康體魄的健身愛好者。

當(dāng)前手頭的任務(wù)與問題

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

設(shè)計(jì)的流程

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

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

挑戰(zhàn)

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

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

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

2、一段時(shí)間后就失去了去健身房的動(dòng)力--93%的入門者

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

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

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

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

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

了解用戶

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

提出假設(shè)

所有上述的研究都幫助我們總結(jié)了在原型設(shè)計(jì)階段測(cè)試的假設(shè)。我們列舉了多個(gè)假設(shè),因?yàn)槲覀兊哪繕?biāo)是要?jiǎng)?chuàng)造一個(gè)多合一的產(chǎn)品,集中解決多個(gè)問題。

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

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

構(gòu)思

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

把每個(gè)人的想法以便利貼形式展示

草圖和線框

在頭腦風(fēng)暴階段收集到的應(yīng)用想法的草圖,幫助我將所需的功能轉(zhuǎn)化為更易理解的解決方案,干巴巴的,讓利益相關(guān)者很容易理解。

從草圖到線框逐步推進(jìn),描述應(yīng)用的流程和定義應(yīng)用功能的元素的邏輯結(jié)構(gòu)。每個(gè)用例都被快速原型化為線框,這樣我們就可以理解流程,并最終定義產(chǎn)品的信息架構(gòu)。

視覺設(shè)計(jì)

在以線框圖、用戶流、用戶角色、用戶移情圖、親和圖的形式定義了主要的用戶體驗(yàn)后,移動(dòng)應(yīng)用的視覺設(shè)計(jì)與每個(gè)界面的微副本一起設(shè)計(jì)。

新手引導(dǎo)頁

一套簡單易懂的上機(jī)界面,突出app的主要功能,并可輕松選擇跳過并上手。簡易注冊(cè),采用步驟式向?qū)?a href=http://seniorhumorist.com/ target=_blank class=infotextkey>設(shè)計(jì)模式,輸入基本信息,為用戶快速啟動(dòng)App。

Aero Fitness入門新手指引頁

主屏幕

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

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

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

3、每日見解:在登陸屏幕上快速查看每個(gè)重要的生命和活動(dòng)。

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

主頁

膳食管理

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

管理日記

鍛煉、跟蹤和計(jì)劃

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

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

鍛煉管理

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

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

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

即時(shí)聯(lián)系

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

游戲化體驗(yàn)

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

游戲化體驗(yàn)

智能手表的智能應(yīng)用

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

視覺識(shí)別

創(chuàng)造一個(gè)精致而直觀的視覺設(shè)計(jì),利用美學(xué)的可用性效果,提供愉悅的體驗(yàn)。

之所以考慮使用黃色,是因?yàn)辄S色的暖色變種能刺激心理活動(dòng),產(chǎn)生肌肉能量。

產(chǎn)品價(jià)值

對(duì)于用戶來說

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

改善用戶的健身習(xí)慣,輕松學(xué)習(xí)運(yùn)動(dòng),同時(shí)保存測(cè)量記錄。

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

對(duì)于Aero Fitness & Enterprises

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

當(dāng)用戶發(fā)現(xiàn)100%正品的產(chǎn)品時(shí),補(bǔ)充劑和供應(yīng)商的銷售量會(huì)增加。

自我實(shí)現(xiàn)--市場(chǎng)空間似乎很空曠,可以擴(kuò)大范圍。

結(jié)論

經(jīng)驗(yàn)教訓(xùn)

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

未來工作

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

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

2、探索睡眠/冥想功能

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

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

可愛的你請(qǐng)把可愛的我設(shè)為“星標(biāo)”。


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

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

全部評(píng)論

暫無相關(guān)推薦