敏捷開發
最小可行性產品
社會設計
使用者體驗/介面設計
第二階段上線
The FAO App
一個幫助養父母認識收養流程以成立寄養家庭的指引

團隊規模

1 位產品負責人、4 位工程師、1 位設計師

專案角色

UI / UX 設計師

時程

2022 年 10 月 至 2022 年 11 月,2023 年繼續

工作內容

線框圖、線框流程圖、原型製作

背景

一位前端工程師引薦我參與這個公益專案。The Forgotten Adoption Option 是由團隊產品負責人(PO,Product Owner)-Marcy Bursac 發起的非營利專案;跨國團隊合作推出這個 App 服務,希望幫助在美國的養父母減少探索繁雜領養流程的心力,讓 113,000 位等待被領養的孩子們,順利成為永遠的家人。

挑戰

敏捷開發

我們在為期一個月的專案周間定期開 Sprint Retro 和 Planning 會議,志工來自不同國家,必須在短時間內建立合作默契和非即時完成 MVP。

遠距協作

團隊使用 Trello 管理進度,我在一周內從 Backlog 和 Discord 頻道中認識專案對象、了解團隊狀況,並藉由 Figma 分頁組織設計進度、繪製介面和溝通體驗流程,和夥伴達成專案共識。

專案目標

團隊目標:六週內在美國 2022年11月19日的 National Adoption Day 之前上線最小可行性產品。

設計目標:

  1. 繪製 MVP wireframe
  2. 建立以 React 為基礎的 Material UI 元件資料庫製作介面
  3. 以互動原型釐清平台互動體驗流程

本專案產品負責人在發起專案前累積了不少與養父母互動的經驗,因此需求和功能建置是在開發過程中團隊透過討論逐一擬定的。

在美國,一個孩子的領養過程從準備、考證照到真正成為家人,往往費時將近兩年的時間。Marcy 總是帶來很多不同的養父母困境故事,提到這個應用程式的優勢在於其內含清晰的步驟,為在政府網站迷路的養父母提供指引。

設計

電腦版需要再設計

我加入前團隊的開發以行動版為優先,主要是以 Drawer 的形式呈現,方便使用者點擊不同的領養步驟。考量電腦版有較大的幅度可以呈現資訊、開發時程、以及使用者操作多以滑鼠操作等因素,我進行基礎政府網站調查後繪製了初步的概念和 PO 及工程師討論。

夥伴們給予的回饋表示喜歡使用這種快速產出概念的方式溝通,一方面可以在早期快速修正產品,一方面也確保團隊在相同的目標上開發。過程中有過不同的設計提案討論,最終決定結合側邊選單加上內容區塊的形式開發。

wireframe & sketch

豐富的說明頁面內容

在 wireframe 中,我將文章內容放到行動版頁面後發現內容豐富。考量每篇文章內容的必要性/易讀性、搭配 Marcy 個人網站/出版書籍的品牌識別,希望讓讀者能夠有更一致性的體驗,我們也一起嘗試了不同的字型標題及內文字型組合,經團隊討論後以現在的組合呈現。

mobile flow

團隊也決定採納增加 Breadcrumbs 在文章上方的設計, 讓整個服務為使用者提供更好的導覽體驗。

breadcrumbs

部分步驟的最後,需要加上相關的 Podcast 連結,團隊曾討論以串聯第三方音樂服務的內嵌播放器形式呈現,但考量上線時程及團隊量能,目前以各集數搭配平台標誌連結。

podcast design

使用 Material UI 進行設計

為了增進開發效率以及維持一定水平的設計品質,團隊採用開源、相對樣式豐富及成熟度高的 React UI 元件,這大大幫助了工程師的開發流程,以及使用元件上的便利性。

專案成果

經過所有團隊成員的合作,MVP 成功在一個月內上線,並因為 Marcy 不遺餘力地位這個服務尋求曝光管道,獲得了許多迴響,一週內累積 900 次左右的瀏覽。大家也很高興這個服務幫助簡化了養父母的領養流程、降低學習路上的阻礙;並相信這會是能改變更多孩童人生的契機。

當中我最印象深刻的是一個夥伴跟大家分享的小故事-工程師想請他的朋友協助測試專案平台,結果同事回覆到:「你知道嗎?我正在考慮要了解領養相關的申請事項,而你就讓我看了這個平台!」此時夥伴們的臉上充滿著驚喜。每每聽到這些讓使用者想馬上分享平台給他人、充滿正面回饋的小故事,我們都會覺得神奇又感動,是這個專案很不一樣的收穫。

前往:The Forgotten Adoption Option App

專案回顧

設計無所不在

雖然我在專案中擔任設計師,但我發覺每個人都是很棒的設計者;每個人的獨特經驗回饋,都曾在每個衝刺中讓平台體驗變得更加完善。

多次確認任務的內容

全英語溝通的團隊中,我發現即使大家對目標有共識,還是會需要找範例、繪圖輔助等,才能盡快凝聚出可行的解決方案。

尊重團隊職能

雖然和夥伴多數是線上溝通,但互動的過程中深深感受到大家對彼此的信任及尊重,對於專案推進是很關鍵的幫助。