top of page
cover 2.png

皮膚遠端醫療系統

智慧醫療 / 醫療紀錄App

scroll down

專案介紹|設計概覽

​台灣近年來偏鄉醫療情形,由人口老化、醫療資源分配不均、和交通不變等核心問題,延伸出的系列問題導致當地居民無法得到完善的醫療照護。

 

經過研究分析得知台灣偏鄉醫療在「皮膚科」醫療資源發展較不完善,因就診不易、設備不足等原因而導致偏鄉患者皮膚狀況的長期惡化。本專案提出皮膚科遠端醫療系統,媒合並優化專科醫師與患者的遠距看診體驗,結合AI人工智能診斷系統至遠端問診評估,輔以長期記錄病徵狀況的行動版醫療紀錄app。

​我在專案中負責醫療專業知識的研究調查、設計系統規劃、互動介面設計。

專案時長
16 週
專案職位
團隊
UX 研究員
UX 設計師
​UI  設計師
陳玉婕     UXUI研究設計
林昕慈     UXUI研究設計
陳玉書     UXUI研究設計
黃昱勳     UXUI研究設計
設計目標​|設計概覽
設計目標_工作區域 1 複本 3.png
設計流程|設計概覽
設計流程_工作區域 1_工作區域 1.png
分析台灣目前偏鄉醫療情況|前期資料研究

臺灣醫療品質與照護體系全球有目共睹,但在山地、離島地區的醫療資源,不論是人力或設備都遠不及全國平均。為消弭城鄉健康的不平等,使偏鄉離島居民能獲得完善及偏遠的醫療與照顧,政府近年來積極推動多項措施,如在地養成公費醫師制度、山地離島地區醫療給付效益提升計畫、強化緊急後送機制等,使偏鄉可近性及照護品質明顯提升。

其中,以遠距醫療設備與醫學中心專科醫師的合作,能夠讓偏鄉的民眾免於舟車勞頓,接受快速且正確的診斷與治療,也能夠及早發現嚴重疾病而適時轉診,大幅提升偏鄉醫療的品質。

難以根治的皮膚疾病|前期資料研究

​分析台灣在地氣候環境與偏鄉醫療情形之關係,我們發現皮膚疾病為多數偏鄉地區常見卻難以被根治的疾病種類。原因除了常見的交通問題和醫療資源不足外,更因為皮膚疾病多屬「慢性疾病」,需長期服用藥物及觀察紀錄病徵,然而偏鄉地區居民受人口老化的影響,導致當地居民除了缺乏衛教知識,同時也忽略了追蹤病情的重要性。

在眾多醫療領域中,皮膚科在病徵的評估和醫療器材的性質種類上,皆與遠端醫療的結合有著極大的發展空間。同時,也是台灣現今偏鄉醫療中不可忽視的問題,因此我們決定針對這個領域繼續深挖解決方案。

“ 我們如何設計一套皮膚科遠端醫療系統,
打造順暢的看診流程,
提升偏鄉居民就診率與衛教知識?”
走進使用者的生活|用戶訪談

​在這開始發想設計之前,我們將皮膚科遠端醫療系統的使用者定義為:專科醫師、護理人員、以及患者。

針對各個使用者進行訪談,從不同面向切入他們的生活經驗,並從中得出痛點、期待、以及最重要的:如何為三個核心使用者打造一套共通使用的遠端醫療系統?

訪談目標

專科醫師/護理人員

  • 皮膚科問診流程

  • 追蹤病情方式

  • 常見治療方式

  • ​看診過程/事後 經驗、痛點

​皮膚科患

  • 對病徵的處理方法

  • 皮膚科就診經驗

  • 對遠距醫療的經驗、看法

為了瞭解皮膚科專業領域的知識,我們首先透過與皮膚專科醫師的訪談,統整出皮膚科問診與照護的重點要素:

1. 診斷時主要由數量、大小、形狀、邊界、顏色、表面等可從視覺判斷的外觀著手

2. 為了觀察患者的病癥變化,病例裡會以高品質的照片搭配比例尺紀錄

3. 定期追蹤藥劑用量、使用狀況、生活習慣

4. 針對有些會有階段性的病症,必須跟病人解釋可能出現的症狀,進行衛教知識的傳播

pasi_2.png

以乾癬患者舉例,會以不同程度的紅腫、厚度、皮化程度作為評分

Screen Shot 2022-03-18 at 1.57.27 PM.png

​訪談親和圖

從使用者的角度了解開發系統背後的環境與問題

在整理龐大的訪談資料的同時,我們以親和圖的方式整理出目前醫師、護理人員與患者分別遇到的痛點與需求。

透過親和圖整理訪談內容,我們得知除了問診當下需要有完善的醫療配備(如:膚鏡)輔助醫師從視覺上分析病徵外,診斷背後的關鍵在於患者對於病症的照護與紀錄。

因此,若要發展皮膚相關疾病的遠端醫療系統,不僅要著重在看診過程,更要確保診斷後的照料及追蹤。在訪談階段,我們統整出各個可能使用者們在進行皮膚科問診與照護時的需求:

ani-kolleshi-7jjnJ-QA9fY-unsplash.jpg

​皮膚專科醫師

  • 清楚記錄患者病徵

  • ​定期追蹤病症情況

  • 向患者傳播正確衛教知識

pexels-rodnae-productions-5637802.jpg

患者

  • 清楚明瞭的看診流程

  • 定時紀錄病徵變化、服藥情形

  • 預防皮膚疾病的衛教觀念

pexels-cedric-fauntleroy-4270086.jpg

護理人員

  • 輔助患者看診

  • ​傳達處方籤內容

以使用者需求為起點,創造解決方案|Persona 人物誌

在進行完訪談以及初步歸納研究資料後,我們透過第一手和第二手資料,建立了分別代表皮膚專科醫生患者的角色人物誌。目的在於能依照此角色,融入系統使用者的生活脈絡,更貼切地從使用者角度設計系統的體驗,確保設計能夠確實符合情境,滿足使用者的需求。

Persona(醫師)-02.png
從情境故事了解使用者|CJM 使用者旅程圖

我們根據訪談資料,將痛點和設計價值映射到使用者旅程圖中,從使用者在看診過程/之後的行為和感受找出設計機會點。如此一來,我們可以從整體上重新評估設計理念和功能,確保用戶的所有目標都能實現、痛點可以得到緩解,並且避免不必要的功能。

CJM__1_.jpg
Persona(湯婆婆)-01.png
連結系統與人的關係|How Might We 我們如何能夠

了解使用者需求與痛點後,我們需要從不同的角度發想:系統與使用者之間的關係能夠如何發展?在HMW環節中,我們探討使用者在不同狀況下的行為與目的,經由brainstorming激盪出一些更以人為導向的設計解法,重新去形塑人與系統的關係,產出對於使用者而言有意義的創新產品。

HMW.png

How might we 分析法截圖

MVP.png

優先矩陣

定義「需求的優先級」

​進行完一輪設計發想後,我們從重要程度和開發成本的矩陣中,篩選出系統中可發展的功能,以平衡我們的時間和資源以及使用者需求。

Frame 2 (1).png
皮膚科照護遠端系統|設計概念

新皮膚科遠端醫療系統以多元裝置作為系統載體,讓「看診」不再受阻於交通不便,整合三方目標使用者的需求,在有限的環境資源內提供偏鄉皮膚病患良好的醫療體驗。同時,藉由病徵追蹤紀錄、皮膚百科、智慧畫板...等多元的輔助功能,讓療程品質及效率能夠有效提升。

solution-desktop.png
讓使用者找到資訊、理解資訊|IA Structure 資訊架構

​在開發系統功能的過程中,我們不僅要讓使用理解功能的使用方式,更要幫助用戶快速找到信息並且完成操作,因此以資訊架構的方式統整系統的層次結構及功能分類。

第三組_偏鄉醫療wireframe - IA Structure_手機APP.jpg

手機端 IA structure 

讓使用者找到資訊、理解資訊|Story Board 故事板

進入到系統的開發階段,我們將使用者帶入到故事的情境中進行討論,確認團隊對系統的使用方法和流程,以及環境、使用者、互動形式等達成共識。 藉由情境視覺化的方式,根據故事內容進行場景想象,在體驗中更加感同身受,便於理解。 

storyboard_病人.jpg

患者端 Story Board

storyboard_醫生.jpg

醫生端 Story Board

製作系統視覺藍圖|Wireframe 線框稿

在與團隊反覆討論app與電腦介面上主要的資訊時,我們將資訊在頁面上的排版與架構視覺化,以便於描述使用者將如何與系統互動。

tempImage2Hfdh3.jpg
第三組_偏鄉醫療wireframe - 大螢幕WIREFRAME (醫生端).jpg

醫生端電腦系統 wireframe

患者端app wireframe

第三組_偏鄉醫療wireframe - 大螢幕 Wireframe_護士端.jpg

患者端電腦系統 wireframe

建立UI元件資料庫|Design System 設計系統

在色彩與元件的使用上,我們著重於清晰度的傳達,希望能讓使用者一目了然的掌握裝置上顯示的重點資訊。因此在設計系統的規劃中,我選用高對比度的色彩配置、以及統一規格的元件狀態,使其具有一致性與邏輯性。除了掌管視覺元素的設計外,也透過設計系統讓團隊中的每個人對每一個元件功能與功用的認知在同一條線上。

Frame 667.png
Frame 668.png
Frame 670 (1).png
Frame 669.png
主要功能|設計原型
mock.png

病徵月曆

​患者可利用病徵月曆一覽病徵紀錄狀況,搭配病徵變化系統提醒,輕鬆掌握患部狀態。

狀態紀錄

利用狀態記錄模板,清楚追蹤病徵變化的重要資訊。

mock (2).png
mock (3).png

​系統同步資訊QR code

看診時由醫院方掃描患者端紀錄app的QRcode,快速掌握病患皮膚狀況,加速看診效率與精準度。

皮膚衛教百科

​提供患者獲取皮膚衛教知識的管道,幫助患者從日常生活開始實踐皮膚保養與照護。

mock -掃描.png
iMac Pro Front View Mockup-1.png

遠端視訊看診

專為皮膚科看診客製的視訊看診畫面,重新設計使用者體驗,簡化複雜的看診流程。

​看診畫記功能

多元輔助功能,擬照實體看診流程,讓遠端看診的成效最大化。

iMac Pro Front View Mockup.png
淺色物件.png

手機app端 UI 元件

電腦.png

大螢幕端 UI 元件

​設計概念影片|設計原型
實測與回饋|使用者測試

​從使用者測試中得到的回饋,我們重新對應到本次皮膚科遠端醫療系統設計的目標與使用者需求。

​設計目標 #1

協助患者規律紀錄病徵變化

使用者回饋

要達到有效的皮膚治療效果,必須搭配患者有規律且確實的紀錄病徵變化,經過使用者測試,我們可以驗證以月曆形式搭配簡單易懂的紀錄表,能夠有效提升病患紀錄病徵的意識,並且幫助專業醫師追蹤病情,提供患者最合適的療程。

​設計目標 #2

優化遠端看診體驗,提升看診品質

使用者回饋

​在重新設計皮膚科遠端看診介面後,我們加入了可輔助看診進行的智慧畫板、病徵圖庫、以及掃描QRcode同步紀錄...等功能,將遠端看診體驗盡可能貼近實體看診的診斷效果,在使用者測試中獲得醫師回饋:「智慧畫板及病徵圖庫的功效也能幫助實體看診時醫師與患者的溝通,是應用性很高的輔助功能。」

​設計目標 #3

皮膚照護由日常做起,實踐預防醫療

使用者回饋

皮膚相關疾病的形成與患者的日常習慣息息相關,經由皮膚百科功能的統整,提供了患者可靠的皮膚衛教知識來源。在使用者測試中,我們提出讓患者查詢皮膚日常保養的方式,除了原本要查詢的資訊以外,亦成功增加患者對於其他衛教知識的觸擊率。

總結與未來展望|專案感想

本次專案中最有挑戰性的部分在於:從無到有的去了解皮膚科專業領域的知識,並且將資訊統合轉化為符合使用者需求的設計。過程中與專科醫師反覆諮詢,我們不斷進行發散、整合的循環,一次次地逐漸將視野收斂至的設計的關鍵點,再藉由訪談病患,將複雜的專業知識轉化為符合使用者易用性的功能。介面設計的配色和排版也必須兼顧皮膚狀態紀錄的清晰度,以及使用者的操作體驗。在未來的類似專案中,我會希望加入更多使用者測試及疊代修正的環節,進一步優化設計,讓其更順暢地融入使用者的生活中。

bottom of page