hket 香港人才通 & TOPSchool Responsive Website

UX Research

• 集中搜房、子女擇校及求職三大困難，提供有效解決方案及建議：

  1. 搜房困難【解決方案】重點發布適合外來人才的租賃及購房盤源。

  2. 子女擇校困難【解決方案】為外來人才介紹全港不同類型學校（官津、直資、國際學校...等）的優缺點、學位供應及申請流程。

  3. 求職困難【解決方案】重點發布針對外來人才職業技能的職位空缺。

• Competitive Market Analysis

• User Personas

  訪問了 10 個人：有個人身份來港的外來人才（25-35 歲）、有攜同家庭成員來港的外來人才（35-45 歲）。所有面試均透過 google meet 遠端進行。

• 步骤 01：

  以 KEY Questions 作為訪談基礎。

• 來港生活後，您在搜房、子女擇校及求職上遇到了哪些挑戰？

• 發現困難後，您有尋求任何幫助嗎？如果有的話，是哪一種？

• 您最期望某一方面可以得到改善？

• 步骤 02：

  收集好使用者訪談的記錄後，拼砌出 Affinity Mapping，並得出以下幾個使用者的痛點和需求。

• 搜房上的痛點

  • 限制買樓政策欠彈性，香港樓市政策未配合人才計劃，置業難。

  • 個人來港發展，租金貴，10K以下房租的單位大概只有10平方米左右。

  • 一家三口，面積較大的房租起碼25～30K港元起跳！

• 子女擇校上的痛點

  • 唔清楚邊間學校教學質素好，要入讀心儀名校又難，排隊人數比學位多出幾倍。

  • 學校插班要求嚴格，申請入學程序複雜，名額有限，競爭激烈。

  • 子女難適應粵語教學，語言唔通...融入唔到。

• 求職上的痛點

  • 不懂粵語難以與同事、業界人士建立良好關係，缺乏人脈資源，影響求職和職場發展。

  • 內地專業資格在香港或面臨不被認可，要重新考試並需本地專業人士推薦。

  • 簽證續簽限期短，搵工難...如果送外賣能續簽我會做！

• 最大的需求

  • 提供香港樓市政策的詳盡資訊及指引，減低人才計劃在港置業的憂累。

  • 推介針對外來人才的在職培訓粵語課程，提供設有人才子女粵語培訓的學校資訊。

  • 推出多元服務平台，一站式圍繞搜房、子女擇校及求職的支援服務。

• 步骤 03：

  綜合訪談獲得的知識和見解，礙定出以下人物角色，從而鎖定目標客群 (Target Audience) 的偏好及行為。

UX Design

• Project Goals

  從 UX 研究結論得出，業務和用戶目標基本上是一致。下圖為找出兩者之間的共通點後所定出的最終專案目標。

• User Flows

  坊間數據指出，外來人才在 3 大核心需求當中，主要順序為搜房＞子女擇校＞求職；在搜房部分，慣常會在近期熱推房源當中搜尋目標；在子女擇校部分，慣常會即時輸入關鍵字以尋找目標學校；在求職部份，則慣常會以行業種類篩選職位空缺；流程圖包括起點至終點／頁面或部分／使用者的決定或選擇選項。

• Low - Mid Fidelity Wireframes

  以 Low - Mid Fidelity Wireframes 嘗試礙定不同的佈局和導航選擇，重點在於搜尋、篩選及加入心水等基本功能。

UI Design

• UI Library Components

  決定好 key Screens 並展開 UI 設計的研究。鑑於本項目以資訊傳遞為核心，主色調需營造舒適且易於閱讀的視覺體驗。同時，考量到 3 大主題在色彩表現上必須具備明確區分，色彩風格亦需保持一致性，因此打造出一系列 UI 元件，涵蓋標題文字與次要段落、主按鈕與次按鈕、超連結...等互動元素，確保用戶在瀏覽過程中能夠清楚辨識並順暢操作。

• High-fidelity Key-screens

  整合所有 UI 元件，並在外觀、質感、色彩、字體、圖片等視覺元素上精心設計，使畫面達到接近最終產品水準的 High-fidelity Key-screens。

Usabiliy Test

• Prototype

  與 4 位用戶進行了 Usabiliy Test，向他們展示了 Desktop / Mobile Prototype，並發問一條模擬真實搜尋體驗的情景題。是次測試旨在發現可能阻礙用戶順暢瀏覽及獲取搜房、子女擇校和求職資訊的各種障礙。

• 情景題：

• 如果您已獲得外來人才資格並準備來港，能否輕鬆在此「一站式資訊服務平台」上快速掌握租賃或置業、子女擇校和求職的相關政策及流程？

• 所有用戶都能夠順暢瀏覽及獲取相關資訊，且過程中幾乎沒有遇到任何困難。

• User Feedback

• 搜房時，我希望有更多對應香港時事話題的篩選標籤，方便我快速搜到心水盤源，建議可加入：新資本投資者精選、供平過租、減價盤...等標籤。

• 下拉式選單操作方便，能疊加篩選並即時顯示結果！不過中學篩選條件較多，我經常需要反覆調整，若能增設「重設所有」按鈕，再選就更方便。

• 我通常在上下班途中用手機搜尋心水學校，當我進入學校內頁並向下捲動瀏覽時，學校名稱會上移滑走，讓我不太確定正在看哪間學校，有點迷失。

• Iterations

• 01：

  加入香港時事話題的篩選標籤，搶先掌握市場脈動，搜尋盤源更快捷、更到位。

• 

• 02：

  在篩選功能中增設「重設所有」按鈕，有效避免篩選條件錯誤累積，幫助用戶快速恢復初始狀態，提升操作準確性。

• 

• 03：

  在學校內頁加入 Breadcrumb Navigation 並固定置頂，以幫助用戶在頁面捲動時了解當前所在位置，也能快速返回上一層，不但讓瀏覽更方便，並且對搜尋引擎優化（SEO）有明顯的正面影響。

• 

Conclusion

• 自從網站上線後，我收到了很多用戶的正面回饋。他們普遍反映介面簡潔易用，能快速搜尋並獲取相關資訊，節省了很多時間。從研究、Wireframes、Prototype 至 Usabiliy Test 的過程中，幫助我確保平台能真正解決用戶的痛點，並帶來有意義且順暢的使用體驗。

• 接下來的工作重點包括：

  1. 持續更新網站上關於房屋買賣、子女擇校及求職等多方面的資訊，確保內容豐富且貼近用戶需求。

  2. 持續進行用戶測試，結合回饋意見，不斷優化平台的使用體驗，以滿足用戶日益增長的期待。