2025.05

Findurself 社群學習APP

  • UIUX
  • APP
  • Side Project

Findurself APP 是學生生涯探索與社群學習的工具軟體,我以設計思考方法從訪談研究、功能規劃、草圖和原型等等,開發完整的社群學習體驗與介面設計。

一、產品背景

找自己生涯探索團隊是一個高中生職涯探索的公益組織,希望能透過產品達到品牌「公開資訊交流」與「形象塑造」,除了提供使用者與內部團隊一個交流的管道,也能將職涯探索的艱難議題推向更好的未來。

目標受眾分析

不同的受眾擁有不同的使用動機,根據需求能規劃產品未來設計方向,更有效探討職涯探索議題。

  • 高中生:對於未來職涯規劃受到最大影響的決定者本人。
  • 教師:指導高中生知識與提供未來職涯規劃方向的最直接支援者。
  • 家長:給予高中生期待或其他決定規劃重要因素的主要影響者。
  • 學長姐:協助以上三者不同資源管道或資訊交流的志願者。

二、使用者故事

高中生職涯探索是一個每個人都會遇到的重要議題,使用者故事可以藉由不同的目標受眾情境,分析痛點並找到產品設計目標。

As a___ (Who)
I want to ___ (What)
So that I can ___ (Why)
沒有特別興趣的普通高中女學生。 找到我想讀什麼科系和興趣。但我並不知道我喜歡什麼或想做什麼工作? 避免讀了才發現沒有興趣。曾參考自己最高成績的公民,讀了法律系最後不喜歡,畢業後才發覺自己喜歡做設計。
喜歡物理和程式的技專理工組男學生。 找到適合我的大學科系。網路上查了很多資工系內容,也發文問網友,但類似領域太艱深也看不太懂。 避免學了該專業才發現好無趣。曾跟隨朋友填大學志願,結果不喜歡半導體相關,後來才去補習班學網站後端。
熱心教英文的正式班級導師。 協助學生進行生涯探索規劃。與其他老師或學校合作,藉由輔導課、性向測驗或活動,鼓勵學生及早規劃或諮詢。 盡可能關注到每一位學生的生涯探索。因為資源和時間有限,很難輔導學生進行規劃,力不從心。
希望孩子有好前途的母親家長。 幫助孩子找到自己的興趣科系。未經謹慎地思考而選錯科系,我也不確定是否要規勸,甚至可能會害了他們的未來。 讓孩子未來有快樂的工作和生活。有人讀了中文教育系,結果還是選擇轉行當房仲業,努力重新開始學習新知識。
會回母校演講的學姐。 與老師和其他學長姐合作分享經驗。不同領域的問題我也回答不好,希望學弟妹燈能找到自己的興趣科系。 傳承學習與工作經驗。就算因為現實工作或時代變遷,導致學弟妹的問題不易回答,生涯探索議題也能持續改善。

三、影響地圖

產品目的存在著一個主要目標,藉由「影響地圖(Impact Mapping)」分析使用者對產品的影響與成果,以制定產品功能方向。

四、使用者訪談

針對不同受眾設計訪談大綱,在題目上以不誤導為前提反覆地調整,充分收集各群體的不同意見,最終整合訪談結果並製作人物誌分析痛點與規劃產品發展目標。

設計觀點

為了制定快速迭代的初期產品原型,首先根據訪談內容定義使用者達成目標所需要的活動與任務目標(Activity and Task)。

  • 學生與家長:
  • 任務:了解科系內容與探索自我興趣
  • 活動:查看相關文章
  • 活動:諮詢相關人士
  • 活動:報名相關活動
  • 活動:參與相關測驗
  • 教師與校友:
  • 任務:資源整合與資訊交流
  • 活動:整合與舉辦交流活動
  • 活動:線上與線下諮詢回覆
  • 活動:文章發表與知識分享
  • 活動:產學合作與活動邀約

五、功能心智圖

依照訪談結果進行產品功能分析並繪製功能心智圖(Function Map),彙整用戶的痛點和需求,並依照「CRUD原則」快速迭代產品的功能原型。

局部功能流程圖(Partial Flow Chart)

根據使用者活動與任務,進行局部功能流程圖的規劃與繪製,目的是快速產出最簡可行性產品(MVP)。

六、頁面草圖

利用Figma建立設計系統(Design System)並繪製產品頁面草圖(Wireframe),並針對產品功能進行初步測試。學生與家長的功能目標分成「報名活動」、「查看文章」、「訊息傳遞」、「線上性向測驗」;教師與校友則為「舉辦及報名活動」、「線上交流」、「訊息傳遞」、「查看文章」。

七、介面設計細節

利用Figma建立設計系統(Design System)並繪製產品頁面草圖(Wireframe),並針對產品功能進行初步測試。學生與家長的功能模塊分成「報名活動」、「查看文章」、「訊息傳遞」、「線上性向測驗」;教師與校友則為「舉辦及報名活動」、「線上交流」、「訊息傳遞」、「發表文章」。

底部標籤列以「活動」、「訊息」、「文章」、「個人」區分任務模塊,根據用戶性向測驗狀態推薦精選活動,與即將到期活動,初次使用的用戶會出現引導訊息,協助了解如何開始探索活動。
任務聚焦在篩選活動方法,逐步引導用戶如何找到適合自己的活動,也在選擇科系領域引用教育部的「16學群分類」,在探索活動的任務過程是產品進行條件與引導設計時的重點規劃,也是進行使用者研究測試的重要數據分析。

▲ 首頁與引導訊息|搜尋結果頁面

▲ 活動搜尋|特定領域篩選

▲ 活動詳細資訊|購票與報名

▲ 報名時的訂單保留|報名成功

回覆諮詢訊息與聯絡合作都需要使用內建的訊息功能,也另外直接加入線上課程的會議教室功能,在教室內可以快速參與線上座談與知識交流,只有設為講師者才可以發言,但其他學員可以在活動過程參與主持人發起的活動(Ex:票選、問答),在社群學習中打造新的用戶體驗。

▲ 訊息頁面|個人聊天室

▲ 進行中的線上會議|線上參與人員列表

文章的撰寫與發表都可以在產品中完成,分享文章與快速閱讀知識都是生涯探索的重要任務。
個人頁面中也依照教師訪談結果加入各式性向測驗,幫助學生完成自我探索過程,也能加入自己的學生證與客製化名片,所有的任務目標與瀏覽紀錄都會在此頁面做資料的彙整與數據的分析,成為未來的生涯探索一大墊腳石。

▲ 文章頁面|文章發布預覽

▲ 個人頁面|測驗總覽頁

UI 設計規範(Design Guideline)

八、總結

生涯與職涯探索一直是我和朋友們注重的社會議題,也是我曾從事教育相關科系所探討的公益議題之一,產品的設計目標也是希望可以改善社會的一大痛點,未來展望更希望可以推廣正確的教育方針,讓我們共同用自己的方式關注議題,也讓我繼續用設計改變台灣。