top of page

UI/UX Design for IOS

StudentCare

重新設計 StudentCare 保險應用程序,以提供預約看診、承保資訊和收據提交等服務。

Studentcare_cover.png

我的角色

UX Researcher
UI/UX Designer

專案期間

6 週

工具

Figma
Miro

目標

設計簡化學生保險的醫療流程

專案概述

StudentCare是一個為國際學生提供基本健康保險計劃的第三方平台。該平台使學生能夠了解他們的保險計劃,包括費用減免,並上傳醫療收據以領取索賠。

專案背景

根據我們自己的經驗,我們能確定關於學生健康保險應用程式的某些流程和功能方面會對使用者體驗產生重大困惑的影響,我們希望可以重新制定設計並且添加額外重要的功能, 讓國際學生們能從改進後受益。

Studentcare_old_logo.png

目前的問題

缺乏意識

許多學生不知道學院的醫療保險提供的好處。

去哪個診所?

不熟悉該地區的國際學生可能需要了解哪些診所最好,或者可能不知道哪些診所接受保險或金額。

哪裡可以索取保險?

康尼斯託加學院目前使用的程序要求學生將帳單上傳到學生關懷應用程序,以便收回保險,但很少有人使用它。

設計流程

設計思考過程的核心是透過優先考慮使用者的需求來解決問題。透過利用研究方法,我們可以根據真實的使用者回饋快速解決產品缺陷。

Studentcare Design process.png

使用者研究

Studentcare_interviews.png

從訪談中收集數據

研究方法:訪談法

我們進行一對一的使用者訪談,以了解他們對學生保險的看法和經驗。透過開放式提問和觀察,我們可以有效地了解他們的痛點和使用行為。

  • 您在尋找合作夥伴診所資訊時遇到了哪些挑戰?

  • 您使用哪些工具或資源來幫助您尋找學生健康福利資訊?

  • 當您使用學生健康福利應用程式時,您想要實現的主要目標是什麼?

  • 您無法如預期完成健康福利退款流程中的哪些問題或困難?

數據匯總

同理心地圖

Studentcare_Empathy map.png

​使用者洞察

  • 大多數國際學生有興趣探索附近的診所以提高他們的醫學知識。

  • 當學生接受醫療時,他們常常很難正確完成提交收據和獲得保險退款的過程。

  • 如果是初次用戶,他們可能需要透過有用的信息或教學來獲得幫助。

概述使用者:完成目標的行動

使用者故事地圖

Studentcare_user story map.png

在分析使用者故事地圖後,我們發現使用者在旅程的每個階段都面臨障礙,並且通常直到最後才收到有關其問題的回饋。

構思

追蹤我們的競爭對手在哪裡

競爭性審核

在構思階段,我們進行了競爭性審核,以研究競爭對手提供的現有解決方案。這有助於我們了解他們產品的優點和缺點。因此,我們清楚地了解了保險應用程式如何發展以及我們的產品如何無縫融入用戶的生活。

Studentcare_Competitive Audit.png

內容結構

資訊架構

我們在創建線框之前建立資訊架構,以實現清晰的頁面佈局設計。

Studentcare_IA flow.png

UI Flow & Design

Wireframe

我們將數位線框轉換為可點擊的低保真原型以進行可用性測試。這有助於團隊快速發現問題並解決問題,從而降低以錯誤方式創建產品的風險。

Studentcare_wireframe.png

Usability Test

我們將線框轉變為低保真原型,並進行可用性測試以改進應用程式。

研究方法

我們透過結構化的一對一訪談進行了適度的可用性測試,其中提供了 3 種情況和 5 項個人任務,其中夾雜著 20 分鐘的開放式問題,供受訪者瀏覽 Studentcare。

為了更好地管理回饋和我們的觀察結果,我們設定了一個 Google Excel 工作表,其中所有任務都列在頂行中。根據受訪者完成任務的容易程度,我們在相應的單元格中放置了 1 到 5 之間的數字以及評論。受訪者的情緒、感受、行動和建議都以這種形式記錄下來。

Interviewer.png

研究目標

  • 檢查我們的圖像和術語是否易於理解。

  • 檢查我們的功能是否直覺。

  • 確定 Studentcare 是否易於使用並提供流暢的使用者體驗。

UI DESIGN STEP 1

視覺設計系統

01 Logo

我們重新設計了徽標,並將其與“Studentcare”一詞配對。為了使其更令人印象深刻,我們設計了代表應用程式核心功能的醫療標誌和學生圖示。

student logo.png

02 Colour Palette

藍色和綠色是平靜的顏色,可以創造舒緩的環境,這在使用者可能感到焦慮的醫療環境中很重要。 顏色之間的緩慢過渡營造出動態和深度感,增強了平靜的效果。

Studentcare_colour.png

03 Typography

Studentcare_Typography.png

04 UI KIT

Studentcare_UI KIT.png

高保真頁面

01 高亮頁面-登入後

取得保險範圍的知識

註冊後,新手用戶將收到彈出的教學視頻,我們希望讓新用戶能有效使用學生保險平台。

Studentcare_video.png
Studentcare_homepage.png

02 高亮頁面-首頁

立即查看您的保險狀態

用戶可以從主頁輕鬆搜尋保險相關問題並查看基本保障計劃和歷史記錄。

03 亮點頁面 - 發現頁面

協助您尋找附近的合作診所

用戶可以輕鬆找到和查看附近的保險合作夥伴診所、安排預約並瀏覽醫生的評論,然後做出最終選擇決定。

Studentcare_Discover.png
Studentcare_mockup01.png
Studentcare_mockup02.png

點擊 Prototyping 

期望產出

60%+     

覆蓋範圍使用

1000+    

日瀏覽人數

整體來說,重新設計後我們希望能讓App的使用者在這裡停留得更久、瀏覽了更多關於自身的保險涵蓋資訊、查詢合作的診所、最終能提交保險收據的功能。這些數字也證明了我們的使用者在我們的產品有更高的黏著度,也更享受在 Studentcare 應用程序的體驗。

重點回顧

儘管 Studentcare 應用程式可能沒有得到國際學生的廣泛認可,但我們已經對其進行了調查和重新設計以解決當前的問題。 我們的計劃旨在教育更多學生了解他們的保險權利。

使用者體驗設計不僅僅涉及規劃佈局。 在這個專案中,我們學會如何專注於大局,而不被小問題所困擾。 我們還學習瞭如何透過提出正確的問題並產生見解來識別真正的問題來進行深入的使用者體驗研究。

------------

最重要的是,我們必須了解我們要解決的根本問題。

studentcare_board.png
bottom of page