프로젝트 시작하기 시작하기
사례 연구사례 템플릿 · My Health
My Health헬스케어 · 디지털 제품
피부과 진료 의뢰: 내 차례, 진료 예약, 다른 누구를 기다리는 일 없음
환자가 예약할 수 있는 상태
가정 수면 검사: Dr. Chen 진료실, 평소 2일 중 1일차
의사 진료실 대기 중
알레르기 검사 진료 의뢰: 의사 진료실에서 평소보다 지연, 4영업일 대기, 평소에는 2일
후속 조치할 샘플 요청

서비스

  • 프로덕트 디자인
  • UX/UI 디자인
  • 프런트엔드 개발

도구

  • 수행해야 할 과업
  • 사용자 스토리
  • 고객 여정 매핑
  • 시장 조사
  • 경쟁사 분석
  • 사용자 흐름
  • 정보 구조

기술 스택

  • React
  • React 디자인 시스템
  • TypeScript
  • Vite
  • MapLibre GL
  • CSS 변수
  • Playwright

My Health

요청이 의사 진료실, 보험 플랜, 클리닉 사이를 오가는 동안 환자가 이를 추적할 수 있도록 돕는 헬스케어 앱 콘셉트입니다. My Health는 현재 단계, 책임 조직, 가능한 다음 조치를 보여 주며, 의사를 위한 연결된 경험도 함께 제공합니다.

이 경험을 만든 이유

요청을 보낸다고 해서 환자가 다음에 무슨 일이 일어나는지 알 수는 없습니다. 진료 의뢰에는 진료실 검토, 보험 플랜 승인, 예약이 필요할 수 있으며, 각각 다른 곳에서 처리됩니다. 저희는 이 진행 상황을 이해하기 쉽게 만들고 환자에게 실질적인 후속 조치 방법을 제공하는 데 집중했습니다.

저희의 제품 결정

요청과 그 단계를 중심으로 경험을 구성했습니다. 포괄적인 대기 상태 대신, 환자는 누가 요청을 맡고 있는지, 다음에 무엇이 오는지, 자신이 할 일이 있는지 확인할 수 있습니다.

후속 조치를 요청 안으로 가져와 관련 연락처와 참조 정보를 동작 가까이에 두었습니다. 처방전과 진료 요약은 별도 화면을 유지합니다. 약을 수령하거나 치료 계획을 다시 살펴보는 일은 승인을 추적하는 일과 다른 작업이기 때문입니다.

저희의 기여

환자와 의사의 경험을 같은 진료 요청을 중심으로 구성했습니다. 누가 맡고 있는지, 무엇이 대기 중인지, 다음 조치가 무엇인지입니다. 요청 단계, 후속 조치, 약 화면, 환자 정보를 디자인한 뒤, 의사 측에서 지원되는 결정이 환자 경험에 반영되도록 프런트엔드를 구축했습니다.

프로세스: 진료 의뢰와 승인을 사람별로 묶고 각각의 단계를 표시
모든 프로세스
진료 의뢰: 두 건은 재촉이 필요, 한 건은 내 차례, 각 카드에 이유 표시
진료 의뢰

다음 단계가 필요한 요청을 확인합니다.

개요 화면은 진료 의뢰, 승인, 검사를 사람별로 모아 줍니다. 각 요청은 고유한 단계와 상태를 유지하므로 환자는 하나씩 열지 않고도 진행 중인 여러 항목을 확인할 수 있습니다.

진료 의뢰 목록은 환자가 진행할 수 있는 요청, 진행 중인 요청, 후속 조치 대상으로 표시된 요청을 구분합니다. 샘플 날짜와 처리 시간은 이러한 상태를 보여 주는 것으로, 보편적인 기한을 정하지 않습니다.

보험 플랜을 현재 담당자로, 영상 센터를 다음 단계로 보여 주는 샘플 MRI 요청. 소요 시간은 예시입니다
현재 담당자와 다음 단계

어느 조직이 요청을 맡고 있는지 파악합니다.

진료 의뢰는 환자가 예약하기 전에 여러 기관을 거칠 수 있습니다. 하나의 요청 안에서 인계 과정을 보이게 하고, 완료된 단계, 현재 담당자, 다음 목적지를 순서대로 표시했습니다.

MRI 예시는 영상 센터로 넘어가기 전에 보험 플랜에 있습니다. 이 맥락은 환자가 각 기관에서 처음부터 다시 시작하지 않고 어디에 진행 상황을 문의해야 할지 파악하도록 돕습니다.

기한이 지난 것으로 표시된 샘플 물리치료 요청, 현재 보험 심사 단계와 예시 날짜 포함
후속 조치 대상으로 표시된 샘플 요청
미리 준비한 샘플의 후속 조치 옵션: 보험 플랜에 연락, 진료실에 후속 조치 요청, 재검토 문의, 민원 제기
연락처와 요청 세부 정보 준비 완료

연락처를 동작 옆에 둡니다.

요청에 후속 조치가 필요할 때 환자가 여러 곳에서 식별 정보를 모을 필요가 없어야 합니다. 동작 시트에는 보험 플랜 연락처, 가입자 및 요청 세부 정보, 추천 문구가 함께 담겨 있습니다.

준비된 시나리오는 의사 진료실을 참여시키거나 재검토를 문의하는 방법도 보여 줍니다. 후속 조치를 준비하기 쉽게 만드는 예시일 뿐, 앱이 승인을 앞당길 수 있다고 주장하지 않습니다.

비타민 D2 처방전: 약국 단계, 수령 가능
약국에서
비타민 D2 처방전: 복용 방법, 공급량, 재처방
기록된 지침과 재처방

처방전에 필요한 세부 정보를 제공합니다.

처방전의 다음 단계는 진료 의뢰와 다릅니다. 처방전 페이지는 약국 단계와 수령 정보를 보여 주고, 기록된 지침, 공급량, 남은 재처방 횟수, 비용을 한곳에 유지합니다.

이 화면을 별도로 두어 수령 소식이나 재처방 정보를 찾는 환자가 진료 의뢰 트래커를 거치지 않고 약으로 바로 갈 수 있게 했습니다.

My Health 환자 진료 요약
진료 요약

대화가 끝난 뒤에도 진료가 유용하도록 합니다.

진료 요약은 기록된 소견과 계획을 진료 후에도 볼 수 있게 합니다. 환자가 논의한 내용과 앞으로의 일을 떠올릴 때 돌아올 곳이 되어 주며, 진료 중 생성된 요청과 처방전도 함께 볼 수 있습니다.

양측이 모두 추적할 수 있는 요청.

이 결과물은 환자가 보는 진행 상황을 의사의 결정 및 후속 업무와 연결합니다. 가상의 진료 데이터로 두 인터페이스와 지원되는 공유 흐름을 살펴보세요. 기관은 연결되어 있지 않으며, 표시된 소요 시간과 어시스턴트 내용은 예시입니다.

다른 사례

KO