top of page
Jiagoon

JIAGOON

目標和習慣追蹤 App

DESCRIPTION

Jiagoon 是我製作了大約一個月的個人項目。主要目標是創建一個應用程序,幫助大學生與同一所學校裡的適配的合作夥伴一起致力於達成相似或不同的個人目標。

ROLE

產品設計

YEAR

2022 年5月 - 6月

TOOLS

Zoom, Google Jamboard, Photoshop, Figma

previewed-(6)-transformed 2.png
iOS Notification Dark1.png
iOS Notification Dark3.png
iOS Notification Dark2.png
問題

我們無法實現自我目標的原因有很多…是什麼導致又為什麼?

發想

2022 年年中,我和一個朋友見面慶祝她畢業。在所有話題中,其中一個讓我回到家後依然反覆思考。她告訴我堅持一個習慣來完成個人目標或學術挑戰是多麼具有挑戰性;學校的工作已經很混亂了,導致他經常覺得要投入到這個過程中非常有壓力,更不用說失敗後會變得多麼沮喪,同時在看到學校裡的其他人取得了他們的成就,她對自己感到更加失望,並失去了繼續努力的動力。

問題與痛點

我們如何打破這個一直困擾著我們將舊習慣改變為新的理想模式的循環,讓我們到達我們想要到達的目的?

First Stage — 同理 Empathize

同理

📋 初步調查 Initial Research

在閱讀有關如何致力於實現目標的文章時,三個建議對我來說很突出,其中一些讓我實現任務和目標的建議更符合了我自己本身的親身經驗。

01

管理並追踪已製定的每個目標

如果你是一個經常拖延的人,把目標寫在紙上或每天早上告訴自己其實沒有多大幫助。使用追踪器App應用程序可幫助您隨時跟蹤並宏觀的follow up目標和進度。

02

透過頻繁的記錄和分享成果來監控進度

根據美國心理學會發表的研究,我們對自己的過程和步調隨時監控得越多,我們成功的可能性就越大。

03

有一個問責制合作夥伴來幫助你做好準備

培訓與發展協會的一項研究表明,如果您將自己的目標分享告知給其他人,則成功的可能性為 65% ; 如果您與另一個人進行例行的約定以報告您的進度,則成功的可能性會增加到 95%。

🧠 頭腦風暴 Brainstorming

我為Design Challenge 提出了 3 種解決方案,讓用戶通過以下方式跟踪目標,

和具有相似目標的問責合作
夥伴一起實行
詳細的佈局每個跟踪目標
bubble-gum-woman-poses-at-a-photo-shoot.png
記錄下所有進展並發送證據,
以增加與合作夥伴的參與。

📈 競爭對手調查 Competitive Analysis

目前市場上有 50 多種移動應用程序可以幫助人們養成習慣。我以目標和生產力空間,分析了三個類似的應用程序。

我選擇分析的三個評估點是:

這些應用程序與解決方案的相似程度如何,有哪些功能?

他們的缺點是什麼?

他們還有哪些其他方式可以幫助用戶養成實現目標的習慣?

habit tracker icon.webp
Habit Tracker
snap habit icon.webp
Snap Habit
kin icon.webp
Kin

這些應用程序都專注於和他人一起追踪習慣,從聊天社區、日記、設置提醒和數據分析。其中一些還提供課程甚至是獎勵系統;大多數都與我們應用程序的理想目標密切相關。

👥 使用者 The Users

在開始構建問題和採訪參與者之前,我選擇以同一所學校的大學生作為我的主要用戶來設計和規劃。

🎙️使用者訪談 User Interviews

為了在確認我的假設之前先了解用戶,我在進行研究時採訪了 5 名參與者作為樣本和參考。 以下是我在所有互動中提出的一些一般性問題:

你設定的最後一個目標是什麼?

為了實現您的目標,最具挑戰性的部分是什麼?

過程中感覺如何?

你是把目標留給自己還是與他人分享? 如果你分享,那感覺如何,它有什麼幫助?

你如何跟踪你的目標?

分析收到的回复和反饋,

📌

幾乎每個參與者都願意使用追踪方式來記錄他們想要實現的習慣和目標,並表示他們每天至少使用一個應用程序來組織代辦事項或目標列表。

 我喜歡跟踪我所有的目標,要么寫下來或者設置提醒.有時我會拍照並存在特地命名的相冊中 。 

girls head.png

📌

80% 的參與者指出,他們通常會與朋友或家人一起分享和實踐他們想要完成的目標。創造他們都想為之努力的相同目標有助於防止懶惰,也有助於在他們覺得自己領先於同齡人時增強信心。

當你有人一起努力的時候,很難偷懶。我不想在每個人都得到他們夢想的目標時落後,而我還在找藉口。

boys head.png

來自用戶的其他關鍵描述:

“我和我的朋友們分享我的目標,他們也有相同或相似的計劃,他們也想完成。當你有一個鼓勵你的伙伴時,它永遠不會失敗!”

🤔洞見蒐集 Insights

根據affinity map的統計, 我通過將相似的筆記歸類到相似的標題下,得出了以下見解。

affinity map.png

🔑 研究發現 Key Findings

設立新目標的原因

當學生想要感到有動力時,他們會開始一個新的目標。

 

學生想要有所作為;無論是他們的外表還是他們的生活方式,他們都想要一些改變。

擁有合作夥伴是如何起到效益的?

合作夥伴給出建議、忠告、不同的觀點、支持和讚美。

合作夥伴或同行可以被視為導師、夥伴和競爭對手

過程感覺如何?

 

學生在這個過程中感到壓力太大而變懶惰。

 

學生認為他們可能高估了自己並感到沮喪和疲倦。

追踪方法和途徑

學生使用應用軟件App來跟踪進程和日程安排,但有時他們會忽略通知。

學生們會在他們的聊天應用程序中與他們的朋友設定一個目標,但最終這個目標經常會在很久以後被遺忘。

bubble-gum-white-star.gif

Second Stage — Define

定義

🙋 用戶畫像 User Persona

根據目標用戶群的研究資料,我創建了兩個不同的用戶角色。這兩個虛構角色各代表了應用的目標用戶群。

Jiagoon persona_Page_1.jpg
Jiagoon persona_Page_2.jpg

✅ 研究假設 Hypothesis Statements

bubble-gum-online-meeting-between-the-team.png

01

我認為如果使用者 Paula 能夠找到一群朋友一起設定目標並透過群組功能停止拖延,這將有助於增強她的信心。

bubble-gum-man-with-a-phone-writes-messages-in-a-chat.png

02

我相信,如果使用者 Daniel 能夠透過將證據發送到動態功能中與合作夥伴和同儕分享,這將有助於提高他在堅持新習慣方面的動機。

〰️ 用戶流程 User Flow

用戶畫像和同理心地圖讓我能完善的描繪出階層任務分析,然後使用它製作了用戶體驗地圖,由此可突出項目痛點和改進機會。

User Flow-1.png
User Flow with 3 tasks included.

Third Stage — Ideate

發想

🧩 品牌屬性 Brand Attribute

此項目的概念關鍵詞設定為生動、乾淨、迷人,搭配新鮮的色彩調板和最新的設計趨勢,即「布魯塔利主義」,以營造更加愉悅和鼓舞人心的氛圍。

0_GmKhbbFDUmIASs9R.png
0_H8ftQBW7KbdWeUfR.jpeg
0_mBjILstyShsrTSYo.gif
視覺風格參考以幫助展示這次的品牌主題設定。. ( Plant 22, Freepik, Dribble )

🎨 設計系統 Design System

Group 39952.png

LOGO

透過鼓勵的意象,我選擇了拍手的手作為我的標誌,象徵著使用者在這個應用中得到他人支持下,他們的目標永遠不會失敗。

Group 39957.png

COLOUR PALETTE

為了支持我為 Jiagoon 所創建的形象,黃色象徵著快樂、創造力和熱情,藍色象徵著責任、承諾和教育,已被選為代表這一訊息的主要顏色。

Group 39950.png

​文字排版

我選擇使用 Montserrat 字體來呈現大部分的標題,並使用 Open Sans 字體來呈現段落和描述。這兩種字體都簡潔易讀,同時也能突顯對使用者的細緻關注。

Group 39936.png
Group 39936.png
Group 39936.png

Disabled button

Active button

Habits that are not done yet

Habits that were done

UI 設計元素

大部分的按鈕都是全寬的,以提供全螢幕的體驗。

Group 39938.png
Group 39938.png

插圖圖像

這個應用中的每個插畫都需要呈現積極、快樂和鼓勵的氛圍。

Credits: icon8

原型

Fourth Stage — Prototype

Low Fidelity Wireframes

我根據使用者流程勾勒出了主要的畫面,以建立使用者在應用程式中移動的基本結構 - 首頁、證據上傳、群組詳情和動態頁面、探索頁面、新增追蹤項目和使用者頁面。

Jiagoon Home page.jpg
group tracker.png
sketch 2.png
evidence upload.png
mine.png
Low-fidelity Wireframe Sketches

Mid Fidelity Wireframes

我根據紙上的草圖創建了mid fidelity wireframes,並對組織和可視性進行了一些改進。這一步驟幫助我製作prototype並與用戶進行測試,以評估設計和其他方面是否有存在可能改進的機會。

mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
mid-fi wireframes.png
Mid-fidelity Wireframes

Fifth Stage — Testing

測試

📬 測試與反饋 Testing and Feedback

我對5位代表性用戶進行了prototype測試,以評估應用程式的使用友好性。測試是通過視訊通話和面對面訪談進行的,我在觀察他們如何在應用程式中導航時,給予他們以下任務。

​任務

查看已加入的目標並在動態頁面上發布一個證據片段。

查看「探索」功能,了解其他人正在進行的項目進度和目標。

創建你的習慣或計劃,並讓其他人加入。

bubble-gum-man-is-working-at-a-computer-and-talking-on-the-phone.png

01

向用戶解釋此項app應用程式的開發概念。

bubble-gum-sitting-woman-has-a-chat-with-her-boss-on-computer.png

02

要求用戶一一執行基準任務。

bubble-gum-business-man-checks-calendar (1).png

03

在每個任務完成後,請提供關於任務的反饋,包括哪些方面做得好和哪些方面需要改進。

bubble-gum-man-erases-the-inscription-from-the-board.png

04

分析測試結果的發現,並尋找數據中的用戶使用的相似模式。

bubble-gum-man-presents-a-phone-online.png

05

根據新的發現,整合並改善設計。

流程概述:

我收集了對prototype的正面反饋, 包含: 參與者能夠相對容易和流暢的使用這個app; 他們能夠有效地執行基準任務,並提供了一些關於他們在哪些地方感到困惑以及一些步驟讓他們難以完成的意見。

我得知大多數用戶希望以更個人化的專屬的方式體驗應用程式,例如在首頁上提供一個進度列表。這使得應用程式更具定制性,增加了更多功能和個人化的特色,因此我在進入最終產品之前對此方面進行了重新構建。

實施回饋意見並完成最終產品

對可用性測試中的建議進行了考量和參考,並做出了以下更改。

首頁

現在「Habits」和「Goals」更加明顯。「Habits」是個人的,而「Goals」是與伙伴共同努力的。

用戶可以在主頁上找到這兩個類別,還可以看到哪些已完成,哪些尚未完成。

Before

HOME 1.png

After

home-final 1.png

Before

After

​個人頁面

獎勵在「Mine」頁面的頂部區域顯示,因為大多數用戶更喜歡將獎勵作為個人資料頁面的首要目標。

MINE 1.png
mine-final 1.png

在經過兩輪測試,包括細微編輯和重新構建之後,最終結果如下所示。

ezgif-1-675b8538a9.gif
Splash Screen
ezgif-1-b9c2654d64.gif
Home Screen
ezgif-1-6f4fb0ca70.gif
Add Goals
最終定案

Final Stage — Key Takeaways

學習

📈 成功關鍵指標 Success Metrics

在最終設計確定後,我決定進行系統可用性評估量表(SUS)測試,以了解用戶對這個應用程式的可用性和市場潛力。

41%  的用戶認為這個應用程式易於使用。

43% 的用戶認為這個應用程式中的各種功能被很好地整合在一起。

45% 的用戶認為大多數人能夠快速學會使用這個應用程式。

56% 的用戶在使用這個系統時感到非常自信。

👀 通過這項專案我學到

改變方向可能是另一條更好的道路。

許多我訪談的參與者都提出了我能夠理解的原因和情境,這使得在創意階段有更多需要考量。我決定改變思維方式,不再問「為什麼我們總是放棄」,而是轉而問「是什麼讓我們堅持下去」。這時候,這個應用程式的概念變得清晰起來。同時,意識到這不僅僅來自線上的研究論文,還有人們在訪談中提到的內容,這證實了我走在正確的道路上。

🧗 下一步發展

如果我有更多時間,並且這個應用程式有潛力得到完全發展,我很樂意進行深入的陪同可用性研究,與具有不同經驗水平的使用者一起測試展示更多功能的原型。這將讓我完全表達我的所有想法,並堅持主要目標,即協助使用者在單一應用程式中實現不同目標,以確認概念對我的潛在受眾是否清晰。

Interested in this project?

bottom of page