top of page
cover 2.png

FUJICARE

Dermatology Telemedicine Solution

scroll down

Project Overview

FUJICARE is a dermatology telemedicine system that facilitates and enhances remote consultations between specialists and patients. It integrates AI-based diagnostic tools into remote consultations and is supported by a mobile app for long-term symptom tracking in medical records.

Duration
My Role
16 weeks
UX Researcher
UX/UI Designer
Team
Xin-Tsu, Lin
Yu-Shu, Chen
Yu-Hsun, Huang
Design Overview
設計目標_工作區域 1 複本 3.png
Design Process
設計流程_工作區域 1_工作區域 1.png
Problem Declaration

In recent years, the healthcare situation in Taiwan's rural areas has faced a series of challenges stemming from core issues such as population aging, unequal distribution of medical resources, and limited transportation options. These factors have led to inadequate healthcare for local residents. Research and analysis indicate that dermatological healthcare resources in rural Taiwan are particularly underdeveloped, with patients experiencing long-term deterioration of skin conditions due to difficulties in accessing care and insufficient equipment.

Problem Scoping

Analyzing the relationship between Taiwan's local climate and rural healthcare conditions, we found that skin diseases are a common but difficult-to-treat ailment in many rural areas. In addition to common issues such as transportation challenges and insufficient medical resources, skin diseases are often classified as "chronic illnesses" that require long-term medication and symptom tracking. However, due to the aging population in rural areas, residents often lack health education knowledge and tend to overlook the importance of monitoring their conditions.

Among various medical fields, dermatology holds significant potential for integration with telemedicine, both in symptom assessment and the types of medical equipment required. It is also an important issue within rural healthcare in Taiwan that should not be overlooked. Therefore, we have decided to further explore solutions specifically in this field.

User Research

We interviewed specialists, nursing staff, and patients that are involved in medical consults in dermatology. Exploring their life experiences from various perspectives to identify pain points, expectations, and, most importantly, identify the problem and opportunities of that can be transformed into an online solution.

Interview Objectives

Dermatologist & Nursing staff

  • Dermatology Consultation Process

  • Methods for Tracking Condition 

  • Common Treatment Approaches

Patients

  • Dermatology Consultation Experience 

  • Methods for Managing Symptoms  

  • Experience and Opinions on Telemedicine

We made an affinity diagram while analyzing the result, which is presented below:

第三組偏鄉醫療_問題 - Frame 1_edited.jpg

We made an affinity diagram to analyze the results (see the photo below). From there, we concluded three functional problems during the consulting process, and user needs of each stakeholder either mentioned or observed during the interview.

Functional Problems

  • Unclear communication in telemedicine makes it hard to convey precise information.

  • Inconsistent symptoms tracking for dermatologists to determine the appropriate treatments for patients.

  • Lack of medical education among patients that makes it hard to perform preventive healthcare.

  • Unclear communication in telemedicine makes it hard to convey precise information.

  • Inconsistent symptoms tracking for dermatologists to determine the appropriate treatments for patients.

  • Lack of medical education among patients that makes it hard to perform preventive healthcare.

User Needs

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

Dermatologist

  • Clearly document patients' symptoms  

  • Regularly monitor the condition of the disease  

  • Provide patients with accurate health education information

pexels-rodnae-productions-5637802.jpg

Patient

  • Clear and straightforward consultation process  

  • Regularly record changes in symptoms and medication adherence  

  • Health education concepts for preventing skin diseases

pexels-cedric-fauntleroy-4270086.jpg

Nursing Staff

  • Assist patients during consultations

  • Communicate prescription details

To understand the knowledge in the field of dermatology, we summarized the key elements of dermatological consultations and care through interviews with dermatologists:

  1. Diagnosis primarily focuses on visible features such as quantity, size, shape, borders, color, and surface appearance.

  2. To observe changes in the patient's symptoms, high-quality photos with a scale are included in the medical records.

  3. Regularly track medication dosage, usage patterns, and lifestyle habits.

  4. For certain conditions that progress in stages, it is essential to explain potential symptoms to the patient and provide health education.

pasi_2.png

Using psoriasis patients as an example, the assessment is based on different levels of redness, thickness, and scaling.

User Persona

After conducting interviews and initially summarizing the research data, we created personas representing dermatology specialists and patients using first-hand and second-hand information. 

  • Mrs. Chang: 65 years old. She has been in diagnosis of Psoriasis for nearly 5 years. She needs access to medical resources for regular check ups and to receive medication.

  • Ms. Chen: 38 years old. She is a dermatologist serving in a hospital in the city. She needs consistent data of patient's symptoms tracking to conduct precise treatments during telemedicine sessions.

Persona(湯婆婆)-01.png
Persona(醫師)-02.png
User Experience Map

Based on the interview data, we mapped the pain points and design values onto the user journey map to identify design opportunities from the users' behaviors and feelings during and after the consultation process. This approach allows us to comprehensively reassess our design concepts and functionalities, ensuring that all user goals can be met, pain points can be alleviated, and unnecessary features can be avoided.

CJM__1_.jpg
How Might We?

Based on our user research findings, we concluded 3 How Might We questions to ask ourselves during the ideate process:

  • How might we facilitate clear communication between dermatologists and patients?

  • How might we improve healthcare access rate for rural elderlies?

  • How might we enhance patient's health education knowledge?

HMW.png

How might we 分析法截圖

Frame 2 (1).png
Design Solution

The new dermatology telemedicine system utilizes multiple devices as the system platform, ensuring that "medical consultations" are no longer hindered by transportation issues. It integrates the needs of three target user groups to provide rural skin disease patients with a high-quality medical experience despite limited environmental resources. Additionally, with features like symptom tracking records, a skin encyclopedia, and an intelligent drawing board, the quality and efficiency of treatment can be significantly improved.

solution-desktop.png
Information Architecture Structure
第三組_偏鄉醫療wireframe - IA Structure_手機APP.jpg

手機端 IA structure 

Story Board

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

storyboard_病人.jpg

Patient Story Board

storyboard_醫生.jpg

Dermatologist Story Board

Wireframe

We visualized how functions would interact within the three platforms involved in this telemedicine system. It was important for us to keep it simple, and ensure the structure of information hierarchy is accessible to elderlies.

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

Patient side app wireframe.

Dermatologist side system wireframe.

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

Health center system wireframe.

Design system

In terms of color and component usage, we focused on conveying clarity, aiming for users to quickly grasp the key information displayed on the device. Therefore, in designing the system, I opted for high-contrast color schemes and standardized component to ensure consistency and logic. 

Frame 667.png
Frame 668.png
Frame 670 (1).png
Frame 669.png
Prototype

In terms of color and component usage, we focused on conveying clarity, aiming for users to quickly grasp the key information displayed on the device. Therefore, in designing the system, I opted for high-contrast color schemes and standardized component to ensure consistency and logic. 

mock.png

Symptoms Calendar

An overview of patient's symptom records, along with the symptom change notification system, making it easy to keep track of the condition of the affected area.

mock (2).png

Symptoms Tracker

Use a status recording template to clearly track important information about symptom changes.

mock (3).png

皮膚衛教百科

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

mock -掃描.png

​系統同步資訊QR code

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

iMac Pro Front View Mockup-1.png

遠端視訊看診

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

​看診畫記功能

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

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

Application UI components

電腦.png

Health Clinic side system UI components

Design Demo
實測與回饋|使用者測試

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

​設計目標 #1

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

使用者回饋

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

​設計目標 #2

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

使用者回饋

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

​設計目標 #3

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

使用者回饋

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

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

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

bottom of page