복잡한 문진 로직을 직관적인 UI로 풀어내기

배경

검진 유형별 타겟 사용자와 문진의 구성이 달랐습니다.

강북삼성병원은 일반검진·종합검진·기업검진 세 가지 유형의 건강검진을 운영합니다. 일반검진은 법정 필수 검진 성격이 강해 일반인과 직장인을 대상으로 기본 수준의 문진을 진행하고, 종합검진은 질병 조기 발견이 목적이라 개인을 대상으로 훨씬 깊고 세밀한 문진이 필요합니다. 기업검진은 회사가 비용을 부담하는 임직원 대상 검진으로, 계약 내용에 따라 문진의 구성이 달라집니다. 이렇게 검진 유형마다 대상과 문진 구성이 제각각이다 보니, 하나의 문진 시스템으로 세 유형을 모두 담아내는 것이 핵심 과제였습니다.

검진 유형 세 가지, 문진 구성도 세 가지 — 하나의 시스템이 이 모두를 담아야 했습니다.

플로우 찾기

사용자의 피로를 줄일 수 있는 플로우를 설계했습니다.

문진 과정은 7개의 질문 카테고리와 4단계의 조건 로직으로 구성되어 있었고, 이 구성은 100개 이상의 경로로 뻗어나갈 수 있었습니다. 이렇게 복잡한 경로를 사용자에게 그대로 노출하면 문진을 끝까지 완료하지 못할 수 있다는 우려가 있었습니다. 그래서 문진 과정이 간단한 대화처럼 느껴지도록, 화면마다 한 카테고리의 질문만 보이게 재설계했습니다.

100개 이상의 경로를, 하나의 차분한 대화처럼.

IA & 디자인 패턴

질문의 위계를 시각적으로 인지되게 설계했습니다.

카테고리별 하위 질문에 위계를 부여해 트리 구조로 설계했습니다. 카테고리의 최상위 질문 아래 하위 질문이, 그 아래 후속 질문이 이어지는 구조이며, 깊이는 4단계로 제한해 문진 과정이 복잡해지는 것을 방지했습니다. 사용자가 이 위계를 화면에서도 바로 인지할 수 있도록 단계마다 버튼 디자인을 다르게 적용했습니다.

질문 위계를 트리로 설계하고, 깊이는 4단계로 제한했습니다.

단계마다 다른 컴포넌트 디자인으로 위계가 한눈에 읽히게 했습니다.

어드민

정보 편집 권한을 기준으로 어드민 화면을 설계했습니다.

어드민 화면의 정보를 PM과 개발자가 자유롭게 편집할 수 있는 정보(질문 텍스트, 분기 로직, 답변 옵션, 경고)와, 병원 백오피스에서 동기화되어 편집할 수 없는 정보(임상 코드, 검사 기록)로 구분해 설계했습니다. 이 구분이 화면에서도 명확히 인지되도록 해, 어드민 사용자가 헷갈리지 않고 문진 화면을 구성할 수 있게 했습니다.

권한 경계 — 백오피스가 소유하는 정보와 운영자가 편집할 수 있는 정보.

최종 결과물

실시간 검증이 가능한 어드민을 설계했습니다.

수검자가 사용하는 문진을 관리하는 백엔드 어드민을, 운영 효율과 개발 속도를 높이는 데 초점을 맞춰 설계했습니다.

SaaS

우측에 실시간 모바일 프리뷰를 붙여, PM이 변경 사항이 실제 사용자 화면에 어떻게 반영되는지 즉시 확인할 수 있습니다.

Mobile

임팩트

비즈니스 성과와 업무 효율성을 모두 높였습니다.

이 프로젝트는 핵심 엔터프라이즈 파트너십을 확보하는 동시에 직군 간 개발 라이프사이클을 최적화하며, 비즈니스적 성과도 이루었습니다.

회고

복잡함을 디자인으로 풀어내는 방법을 배웠습니다.

제품 설계부터 디자인 QA까지 end-to-end에 참여하며 아래 두 가지 영역에서 특히 값진 경험을 할 수 있었습니다.