CASE 01 / PRODUCT REDESIGN / HEALTHCARE
Mind Speak.
장비 준비부터 결과 확인까지, 검사 과정을 안내하는 인터페이스
연구용 제품군의 똑똑브레인 시니어를 병원·클리닉용 Mind Speak로 리뉴얼했습니다. 운영자의 반복 설명을 줄이는 것을 목표로 착용 안내, 사전 연습, 검사 수행, 오류 복구, 결과 확인을 설계하고 프론트엔드로 구현했습니다.
- OWNERSHIP
- 제품 기획 · UX/UI · 프론트엔드 직접 수행
- COLLABORATION
- 개발 · 하드웨어 · 의료데이터 분석팀
- FOCUS
- 장비 상태 · 신체 행동 · 결과 해석
- PERIOD
- 2025.10–11
장비 준비 / 검사 수행 / 오류 복구 / 결과 확인
운영자 설명에 의존하던
검사 과정
기존 제품에서는 운영자가 장비 착용 방법, 발화 시점, 버튼 입력을 반복해서 설명해야 했습니다. 사용자가 화면 안내를 실제 행동으로 옮길 수 있도록 준비 절차와 수행 중 피드백을 보완했습니다.
착용 상태 확인 단계 부재
영상 안내 뒤 바로 검사로 이동해, 사용자가 제대로 착용했는지 스스로 확인할 단계가 없었습니다.
발화 시점 안내 부족
“아에이오우” 발화는 고정된 문장과 타이머로 안내해, 언제 시작하고 어느 속도로 말해야 하는지 파악하기 어려웠습니다.
눌림 상태 구분의 어려움
VFT의 평면형 버튼은 기본 상태와 눌림 상태를 구분하기 어려웠습니다.
결과 해석 안내 부족
측정값과 신호 품질만으로는 결과의 의미와 다음 행동을 판단하기 어려웠습니다.
검사 흐름과
단계별 사용자 행동
척도 검사부터 스트레스 검사, 뇌 활성도 검사(VFT), 결과 확인까지 종합검사의 흐름을 정리했습니다. 각 단계에 필요한 장비 준비와 과제 안내를 배치했습니다.
- 01척도 검사
마음 건강과 스트레스에 관한 질문에 응답
- 02스트레스 검사
안내에 따라 편안한 자세를 유지하며 측정
- 03뇌 활성도 검사
연습 후 발화·단어 말하기·버튼 입력 수행
- 04결과 확인
종합 결과와 해석에 필요한 근거 확인
측정 전 준비장비 연결 → 착용 안내 → 신호 보정
과제 수행 전 연습방법 이해 → 직접 연습 → 본 검사
검사 중단 시 대응현재 상태 확인 → 재시도·종료 선택
종합검사를 기준으로 정리한 흐름입니다. 검사 선택과 설정에 따라 포함되는 검사와 설문이 달라집니다.
설계 판단사용자가 행동을 수행하는 단계에 맞춰 안내를 배치했습니다. 검사 전에는 착용과 연습을, 수행 중에는 발화 시점을, 결과에서는 해석에 필요한 근거를 제공합니다.
검사 전 착용 안내와
과제 연습
- 기존 한계
- 영상 시청 후 착용 상태를 확인하는 단계 부재
- 설계 판단
- 착용 확인과 연습을 본 검사 앞에 배치
사용자 행동장비를 착용하고 과제를 연습한 뒤 본 검사를 시작합니다.
발화 시점과 속도를
안내하는 화면
- 기존 한계
- 30초 동안 변화하지 않는 발화 안내
- 설계 판단
- 시작 신호와 음절 강조로 발화 시점·속도 안내
사용자 행동시작 신호를 기다린 뒤 강조되는 음절에 맞춰 말합니다.
설계 판단발화 안내를 시작 신호, 준비, 음절 강조로 나눴습니다. 시작 시점은 음성으로, 발화 속도는 음절 강조로 안내해 사용자가 수행 방법을 확인할 수 있도록 했습니다.
눌림 상태를 구분하는
버튼 피드백
- 기존 한계
- 평면 버튼의 기본·눌림 상태 구분이 어려움
- 설계 판단
- 물리 키 형태로 기본·눌림 상태의 차이를 표현
사용자 행동버튼의 높이 변화로 눌림 상태를 확인합니다.
인터랙션 설계VFT 버튼에 물리 키의 높이 변화를 적용했습니다. 기본 상태에서는 상판과 받침 사이에 간격을 두고, 누르면 간격이 줄어들도록 설계해 눌림 상태를 시각적으로 구분했습니다.
장비 상태에 맞춘
안내와 재시도
- 기존 한계
- 대기와 연결 실패를 구분하기 어려운 상태 안내
- 설계 판단
- 장비 상태에 따라 대기·보정 시작·재시도 안내를 구분
신호 보정 전 자세 안내
보정 중 유지할 자세를 안내하고 보정 시작 버튼을 제공합니다.
연결 진행 상태 표시
장비 연결이 진행 중임을 표시하고 대기하도록 안내합니다.
연결 실패 후 재시도
장비를 찾지 못하면 상태 확인을 요청하고 재시도 버튼을 제공합니다.
환자와 의료진에 맞춘
결과 정보 구성
- 사용자 요구
- 환자는 결과의 의미를, 의료진은 해석의 근거를 확인
- 설계 판단
- Basic·Pro의 정보 구성과 신호 품질별 안내를 구분
환자용 결과지 / Basic
점수와 수준별 설명을 먼저 제시하고, 뇌 활성도는 비교 이미지와 해설로 전달합니다.
의료진용 결과지 / Pro
종합 점수, 뇌 활성도 지도, 레이더 차트, HbO/HbR 시계열을 함께 제공합니다.
신호 품질에 따른 결과 안내
측정 데이터의 품질 코드(red_flag)에 따라 일반 결과, 주의, 재검사 안내를 구분했습니다. 이 코드는 진단이 아닌 신호 품질을 나타냅니다.
- 0일반 결과 제공결과 요약과 해석 근거 확인
- 1주의 안내해석 시 주의할 조건 함께 표시
- 2재검사 안내데이터 품질 부족과 재검사 안내
기존 브랜드의 계승과
제품 라인업의 일관성
Talk Talk Brain에서 파생한 Mind Speak 로고를 디자인하고, Stand Up과 같은 제품군으로 인식되도록 조형과 색상의 기준을 맞췄습니다.
Talk Talk Brain의 조형 계승
Talk Talk Brain의 둥근 글자 형태를 바탕으로 Mind Speak 로고를 디자인했습니다. 새 제품명에도 기존 브랜드의 인상이 이어지도록 했습니다.
Talk Talk Brain
Mind Speak
Stand Up과의 디자인 일관성
Mind Speak와 Stand Up은 둥근 글자 형태와 오렌지 포인트를 공유합니다. Mind Speak는 그린, Stand Up은 블루를 사용해 제품을 구분했습니다.
둥근 글자 형태 · 오렌지 포인트
일관된 사용 경험을 위한 공통 컴포넌트
진행 단계, 장비 연결, 입력 상태를 공통 컴포넌트로 정의했습니다. 안내 문구와 시각적 피드백의 기준을 정해 여러 화면에서 일관되게 사용할 수 있도록 했습니다.
검사 진행 단계 표시
4단계 공통 컴포넌트에서 현재 진행 중인 단계를 강조합니다.
연결·입력 상태의 공통 기준
연결과 입력의 상태별 표현을 공통 컴포넌트로 정의했습니다. 아이콘·색상과 함께 각 상태에서 필요한 안내 문구를 제공합니다.
사용성 평가를 바탕으로 정한 개선 과제
NIRSIT Lite 사용 경험이 있는 사내 참여자 12명을 대상으로 평가했습니다. 상대적으로 점수가 낮았던 연결 상태, 오류 메시지, 결과 설명을 우선 개선 항목으로 정했습니다.
사내 사용성 평가
NIRSIT Lite 경험자 · 5점 척도
우선 개선 항목
연결 상태 · 오류 안내 · 결과 이해
사내 경험자의 사용성 인식을 평가한 결과입니다. 처음 사용하는 환자의 독립 수행 여부와 수정 후 현장 효과는 별도 검증이 필요합니다.
검사 시작과 절차 안내보다 연결 상태, 오류 메시지, 결과 설명에서 낮은 평가를 받았습니다. 이 차이를 기준으로 개선 우선순위를 정했습니다.
상태 아이콘에 설명을 더하고 연결 실패 시 재시도 경로를 명확히 했습니다.
현재 상태와 사용자가 취할 조치를 구분해 안내하도록 정리했습니다.
환자용·의료진용 결과 정보를 나누고 신호 품질별 안내를 구분했습니다.
검사 안내의 기준은
사용자가 실제로 수행하는 행동입니다.