정보구조도 (Site Map / IA)

Information Architecture · 화면 구조 한눈에

05

전체 화면 구조

실벗 (sb.kiam.kr)
│
├── 🚀 [공개] 스플래시 / 온보딩 (3장)
├── 🔐 [공개] 로그인 / 회원가입 (이메일 인증)
│
└── 📱 [인증 후] 메인 앱 (5탭 하단 네비게이션)
    │
    ├── 🏠 탭1. 홈 (Home)
    │   ├─ 상단: 인사말 + 날씨 + 오늘 날짜
    │   ├─ 6개 빠른 버튼 (기분/말벗/약/안부/SOS/도움)
    │   └─ 카드 메뉴 10개 (오늘의마음, 가족에게, 건강지킴이...)
    │
    ├── 💗 탭2. 마음 (Mind)
    │   ├─ 오늘의 기분 체크
    │   ├─ AI 말벗 (음성/텍스트)
    │   ├─ AI 화상 통화
    │   ├─ 마음 일기
    │   └─ 명상/마음챙김
    │
    ├── 🩺 탭3. 건강 (Health)
    │   ├─ 약 복용 알림
    │   ├─ 건강 기록 (혈압/혈당/체중)
    │   ├─ 운동 기록
    │   ├─ 병원 예약/동행 신청
    │   └─ 치매 예방 게임
    │
    ├── 🤝 탭4. 도움 (Help)
    │   ├─ 생활 도움 요청 (장보기/병원동행/AS)
    │   ├─ 안전센터 (SOS/낙상/보이스피싱 신고)
    │   ├─ 우리동네 (복지/행사/모임)
    │   ├─ 일과수입 (시니어 일자리)
    │   ├─ 배움터 (강좌/취미)
    │   └─ 인생2막 (재능/봉사)
    │
    └── 👨‍👩‍👧 탭5. 가족 (Family)
        ├─ 가족 안부 (메시지/사진)
        ├─ 가족 화상통화
        ├─ 가족 앨범
        ├─ 부모 안부 리포트 (자녀용)
        └─ 가족 일정 공유

🤖 [전역] AI 비서 — 어디서든 호출 가능 (플로팅 버튼)
   ├─ "오늘 약 먹었어?"
   ├─ "딸한테 전화해줘"
   ├─ "지금 동네 복지 알려줘"
   └─ "병원 예약해줘"

⚙️ [전역] 내 정보 / 설정
   ├─ 프로필
   ├─ 글자 크기 (보통/크게/아주크게)
   ├─ 화면 모드 (밝게/어둡게)
   ├─ 음성 속도
   ├─ 알림 설정
   ├─ 가족 연결
   ├─ 결제 / 구독
   └─ 로그아웃
    

하단 5탭 vs 카드 메뉴 — 시니어 UX 원칙

⚠ 시니어 UX 5계명

  • 버튼은 최소 48px × 48px 이상
  • 글자 크기 17px 이상 기본
  • 한 화면에 6~10개 메뉴만
  • 색상 대비 WCAG AAA 준수
  • 모든 동작에 음성 안내 가능

✅ 실벗의 적용

  • 하단 탭은 5개로 제한
  • 홈에 큰 카드 메뉴 10개
  • 각 카드에 아이콘+한글 동시 표시
  • 모든 화면에 ← 뒤로 버튼 명확
  • 플로팅 AI 비서로 어디서든 도움

URL Routing 구조

화면경로인증
/필요
로그인/login.html-
회원가입/register.html-
이메일 인증/verify.html?token=XXX-
오늘의 마음/mind/mood.html필요
AI 말벗/mind/chat.html필요
AI 화상/mind/video.html필요
건강지킴이/health/index.html필요
가족에게/family/index.html필요
안전센터/safety/index.html필요
관리자/admin/관리자
API/api/v1/*토큰