피드로 돌아가기
What I Learned Building an peptides tracker app for My Girlfriend's Stack
Dev.toDev.to
Frontend

사용자 심리 기반 UI 설계와 정밀 단위 변환 로직을 통한 고밀도 헬스케어 앱 구현

What I Learned Building an peptides tracker app for My Girlfriend's Stack

Alex2026년 6월 25일5beginner

Context

기존 헬스케어 앱들의 과도한 정보 밀도와 임상 시험 도구 같은 딱딱한 UI로 인한 사용자 피로도 발생. 단순 기능 구현을 넘어 일상적 습관 형성을 방해하는 심리적 허들을 제거해야 하는 설계 과제 직면.

Technical Solution

  • 고대비 색상을 배제한 Color Theory 적용으로 사용자 스트레스를 낮춘 심리 기반 UI 설계
  • mcg, mg, IU, mL 등 화합물별 상이한 단위 체계를 처리하는 정밀 Dose Calculation 로직 구현
  • Spreadsheet 방식의 데이터 나열을 지양하고 단일 액션 중심의 Today View 인터페이스 구축
  • 50종 이상의 Peptides 라이브러리를 구축하여 데이터 입력 단계의 휴먼 에러를 방지하는 Protocol-building 구조 설계
  • 정량적 투여 기록과 정성적 Wellness Check-in 데이터를 결합한 상관관계 분석용 Calendar History 뷰 구현

- 도메인 특화 단위 변환 로직 설계 시 화합물별 예외 케이스를 정의한 매핑 테이블 구축 여부 검토 - 데이터 입력 중심의 UI에서 액션 중심의 가이드형 인터페이스로의 전환 고려 - 기능적 가치(Core Value)와 부가적 가치(Nice-to-have)의 우선순위를 재설정하여 개발 로드맵 최적화

원문 읽기