끼리.
A · 안심 조율 / 화면설계 v0.1 / 2026.09.06

화면에서 길을 잃지 않도록.

각 메뉴의 시작과 끝, 돌아가는 길까지 정의한 본서비스 설계안입니다.

27개 화면82개 상태8개 흐름도16개 백키 시나리오
흐름도메뉴 구조화면 목록백키 규칙재진입미결 정책인수 기준
01 / USER FLOW

어디서 와서, 어디로 갈까요?

A안 화면 탐색하기 ↗

흐름도를 선택하세요. 화면 번호가 있는 상자를 누르면 해당 화면설계가 열립니다. 보라 육각형은 분기, 주황 상자는 예외, 점선 상자는 확장 제안입니다.

01 · 방 만들기 · 초대 · 진행 관리

방장은 자기 답변도 작성합니다. 생성·조기 시작·확정처럼 상태를 바꾸는 행동은 성공 응답을 확인한 뒤 이동합니다.

흐름도 열기
SVG 내려받기 ↓
같은 흐름을 글로 읽기
  1. S0 시작 → 만들기 → S1 방 만들기
  2. S1 방 만들기 → 생성 요청 → 입력 유효?
  3. 입력 유효? → 예 · 성공 → S2 초대하기
  4. 입력 유효? → 아니오 → S1 입력 오류 입력값 유지
  5. S2 초대하기 → 방장도 참여 → S3 내 답변 시작
  6. S2 초대하기 → 진행 보기 → S5H 진행 관리
  7. S5H 진행 관리 → 조기 시작 → 답변 3명 이상?
  8. 답변 3명 이상? → 예 → 시작 확인 미응답 제외 안내
  9. 답변 3명 이상? → 아니오 → S5 대기 계속
  10. 시작 확인 미응답 제외 안내 → 명시 확인 → S6 조율 진행
  11. S1 방 만들기 → 확장 제안 → S1Q AI 질문 검토 주제 확장 때만
전체 Mermaid 원본 내려받기 ↓
03 / SCREEN CATALOG

화면 번호로 설계와 개발을 연결합니다.

S0~S9는 기존 시나리오를 유지하고 질문·하위 상태만 확장했습니다. E는 예외, M은 대화상자/시트입니다.

ID · 화면역할주 행동상태백키 규칙
S0
시작		공통모임 만들기기본 · 이어갈 방 없음서비스 안 이전 화면 없음. 브라우저 백은 외부 이전 페이지로 이동한다.
S1
방 만들기		방장초대방 만들기기본 · 입력 오류 · 만드는 중변경 없음→S0. 입력 변경 있음→M1 확인. 생성 성공 후 이 폼은 히스토리에서 교체한다.
S1Q
AI 질문 초안 검토		방장 · 확장검토한 질문으로 만들기초안 · 생성 오류 · 검토 완료S1로 돌아가 모임 설정 유지. 초안 재생성은 기존 편집을 덮기 전 확인.
S2
초대하기		방장내 답변 시작하기공용 링크 · 개인 링크 · 공유 취소방 생성 직후에도 S1로 되돌리지 않고 S5H로 이동. 공유 시트 백은 시트만 닫는다.
S3
초대 입장 · 비공개 안내		공통내 의견 남기기첫 입장 · 코드 오류 · 이미 참여함앱 상단 백→S0. 외부 초대 링크에서 브라우저 백→메신저/이전 페이지. 이름 변경 시 M1.
S4-1
내 답변 1 · 방식		본인다음 질문기본 · 입력 오류 · 저장 실패앞 문항으로 이동하고 입력·상한·순위를 유지한다. 첫 문항 백은 S3; 방 밖 이탈은 M1.
S4-2
내 답변 2 · 시간		본인다음 질문기본 · 입력 오류 · 저장 실패앞 문항으로 이동하고 입력·상한·순위를 유지한다. 문항 사이 이동에는 이탈 확인을 띄우지 않는다.
S4-3
내 답변 3 · 목적		본인다음 질문기본 · 입력 오류 · 저장 실패앞 문항으로 이동하고 입력·상한·순위를 유지한다. 문항 사이 이동에는 이탈 확인을 띄우지 않는다.
S4-4
내 답변 4 · 지역		본인다음 질문기본 · 입력 오류 · 저장 실패앞 문항으로 이동하고 입력·상한·순위를 유지한다. 문항 사이 이동에는 이탈 확인을 띄우지 않는다.
S4-5
내 답변 5 · 예산		본인다음 질문기본 · 입력 오류 · 저장 실패앞 문항으로 이동하고 입력·상한·순위를 유지한다. 문항 사이 이동에는 이탈 확인을 띄우지 않는다.
S4-6
내 답변 6 · 피할 것		본인조건 확인하기기본 · 입력 오류 · 저장 실패앞 문항으로 이동하고 입력·상한·순위를 유지한다. 문항 사이 이동에는 이탈 확인을 띄우지 않는다.
S4R
구조화 확인 · 제출		본인이 조건으로 제출하기확인 필요 · 해석 실패 · 제출 중 · 제출 오류S4-6으로 복귀해 원문·태그 유지. 제출 성공 후 S5로 교체; 백으로 제출을 취소하지 않는다.
S5
모임 홈 · 대기		공통내 답변 확인답변 대기 · 조율 시작됨 · 미응답 제외상단 백→S0. 시스템 백은 유효한 직전 화면; 이미 제출한 입력 URL은 S5로 상태 보정한다.
S5H
진행 관리		방장조기 시작 검토수집 중 · 시작 확인 · 알림 대기시간S5로 복귀. 조기 시작 확인창에서 백/ESC는 취소만 한다; 조율은 시작하지 않는다.
S6
조율 진행		공통모임 홈으로계산 중 · 설명 대체 · 다시 연결 필요S5로 나가도 서버 조율은 계속된다. 재입장은 새 계산을 시작하지 않고 현재 작업 상태를 조회한다.
S7
결과 · 후보 비교		공통내 최종 의견 남기기재확인 중 · 전원 동의 · 방장 확정 · 조건 미반영S5로 복귀. 대안 상세 시트가 열렸다면 시트만 닫고 결과 스크롤 위치를 복원한다.
S8
내 리포트		본인내 최종 의견 남기기본인 확인됨 · 권한 만료진입한 S7 또는 S9로 복귀. 외부 직접 진입 시 권한을 확인한 후 S7로 돌아가기 제공.
S7B
최종 의견		계산 대상 참가자의견 보내기동의 · 조건부 동의 · 재조율 요청 · 1회 사용함 · 마감됨입력 없음→진입한 S7/S8. 작성 중 조건이 있으면 M1. 제출 성공 후 결과로 교체; 백은 제출 취소가 아니다.
S7C
결정 확정 확인		방장결정 확정하기확정 가능 · 재조율 처리 중 · 조건 검토 필요백/ESC/취소→S7. 확정 API 성공 전에는 완료 화면으로 이동하지 않는다.
S9
결정 완료		공통결정 공유하기전원 동의 후 확정 · 방장 확정 · 공유 취소S5 읽기 전용 홈. 브라우저 백으로 재확인 폼이 열려도 서버 완료 상태에 따라 S9로 보정.
E1
입장할 수 없음		공통코드 다시 입력코드 오류 · 정원 초과 · 초대 만료S0 또는 외부 초대 원래 페이지. 기존 참가자는 세션 검증 후 S5/S7/S9로 복귀 가능(제안).
E2
인원 미달 · 마감		방장24시간 연장 검토연장 가능 · 2회 사용함 · 참가자 보기S5H 또는 참가자는 S5. 백은 연장도 종료도 실행하지 않는다.
E3
후보 없음		공통모임 홈으로후보 없음 · 방장 보기 · 참가자 보기S5 상태 홈. 시스템 백으로 과거 추천이 보이더라도 현재 후보 없음 상태로 보정.
E4
본인 확인 필요		공통모임 홈으로세션 만료 · 다른 참가자 · 복구 수단 없음공개 가능한 S5로 이동. 재인증 성공 후 권한 허용된 요청 화면으로만 복귀.
E5
연결 오류 · 재시도		공통현재 상태 다시 확인오프라인 · 처리 결과 불명 · 다른 탭 변경미저장 변경이 있으면 M1; 읽기 화면이면 이전 화면. 백이나 재시도로 생성·제출·차감을 반복하지 않는다.
M1
작성 중 이탈 확인		공통계속 작성하기미저장 수정 · 저장 실패백/ESC는 이 확인창만 닫고 작성 화면으로 복귀. 나가기 명시 선택 때만 보류한 이동을 실행.
M2
공유 · 캘린더		공통공유 미리보기공유 준비 · 시트 취소 · 복사 실패시트 백은 시트만 닫아 S9의 원래 스크롤·포커스로 복귀. 취소를 공유 성공으로 표시하지 않는다.
04 / BACK NAVIGATION

‘이전’은 취소나 삭제가 아닙니다.

우선순위: 열린 레이어 닫기 → 이전 문항 → 미저장 이탈 확인 → 유효한 이전 화면 → 내부 진입 이력이 없으면 앱 백은 모임 홈. 브라우저 백은 외부 이전 페이지로 나갈 수 있습니다.

ID상황처리데이터확인목적지
B01문항 2~6에서 백이전 문항선택·상한·순위 유지없음S4 이전
B02첫 문항에서 백비공개 안내현재 입력 유지방 밖 이탈 때만S3
B03미저장 폼에서 다른 메뉴목적지 보류제출본과 초안 분리M1 계속 작성/나가기보류 목적지
B04대화상자·공유 시트 열림최상단 레이어 닫기본문 스크롤·포커스 유지ESC=취소열었던 화면
B05방 생성 직후 백모임 홈생성 완료 유지재생성 금지S5H
B06답변 제출 성공 후 백모임 홈제출 취소 아님수정은 명시 버튼S5
B07결과 → 내 리포트 → 백열었던 결과/완료개인 내용 캐시 노출 차단권한 매번 확인S7/S9
B08의견 입력 중 백진입한 결과/리포트미전송 글 유지 또는 명시 폐기변경 있으면 M1S7/S8
B09의견 전송/확정 성공 후 백최신 결과/완료상태 되돌림 없음중복 제출 금지S7/S9
B10직접 링크 진입 후 앱 백상위 모임 홈본인 권한 검사내부 이전 화면 추측 금지S5 또는 S0
B11외부 첫 진입 후 OS/브라우저 백외부 이전 페이지 허용초안 저장 성공 여부만 안내브라우저 기본 확인은 보장 불가외부
B12새로고침 / 앱 전환 후 복귀서버 상태 재검사검증된 저장분만 복원제출 재실행 금지F06 상태 라우팅
B13조율 중 백모임 홈서버 작업 계속취소로 해석 금지S5
B14네트워크 오류 중 백저장 상태에 따라 분기현재 메모리 입력 유지미저장 시 M1이전 화면
B15닫힌 방/만료된 리포트 URL만료·권한 안내개인 내용 렌더 금지세션/방상태 재검사E1/E4
B16브라우저 앞으로가기/복원 캐시최신 상태로 보정완료된 폼 재노출 금지권한·버전 재조회S5/S7/S9

백키 판단 미리보기

조건을 고르면 적용할 규칙을 표시합니다.

이 미리보기는 정책 분기 시연이며 실제 브라우저 히스토리를 가두거나 변경하지 않습니다.

05 / RESUME & DATA

URL보다 현재 상태를 먼저 확인합니다.

입력의 수명

문항 사이: 메모리 유지.
제출 전: 본인 인증 임시저장 제안.
수정 취소: 이전 제출본 유지.
기기 재시작: 저장 성공분만 복원.
초안 보관 기간: 미결.

히스토리 경계

문항 이동은 이전 문항으로 복귀.
메뉴 상세는 진입한 곳으로 복귀.
생성·제출·확정 성공은 폼 교체.
백/앞으로/탭 복귀 때 상태 재조회.
URL에 개인 값·원문 금지.

모바일 백키

Android 시스템 백과 iOS 스와이프는 브라우저 이력 이동.
키보드 닫기는 화면 이동 아님.
외부 메신저 복귀 허용.
종료 경고는 브라우저 제약 존재.
OS 강제 종료 복구 보장 금지.

자동저장은 응답 수집 중인 인증된 참여자에게만 제안합니다. 오프라인 상태를 저장 완료로 표시하지 않으며, 복귀 시 서버 마감·방 상태·결과 버전을 먼저 확인합니다. 개인정보 저장 매체와 만료 정책은 본서비스 보안 설계에서 확정해야 합니다.

06 / DECISIONS

기존 정책과 새로운 제안을 구분했습니다.

구분항목명세
A-01모바일 웹 우선·회원가입 없는 방 단위 세션본서비스 제안. 계정 기반 내 모임 목록은 추가하지 않음.
A-02임시저장·다기기 복원서버 인증 초안 저장을 제안. 보관 기간·새 기기 복구는 미결. 이 문서의 시연 입력은 메모리만 사용.
A-03초대 마감과 기존 참가자 열람 분리P-08 초대 만료를 신규 입장 제한으로 구체화하는 제안. 참가자 접근 토큰의 수명은 별도 결정 필요.
A-04조건부 응답·결과 버전조건부는 전원 동의에 포함하지 않음. 실행 조건 충돌 시 확정 차단, 결과 변경 시 재동의는 추가 UX 제안.
A-05원문/태그/리포트 보관·방장 이탈기존 미결을 유지. 자동 확정·7일 보관 등을 확정값처럼 표시하지 않음.
A-06주제 범위A안 스타일을 적용하되 동작 명세는 확정된 워크숍 6문항 기준. 여행/회식/AI 질문 편집은 확장으로 표시.

확정값: 3~8명, 최소 응답 3명, 연장 24시간씩 최대 2회, 재확인 24시간, 재조율 방당 1회. 기존 정책 출처는 아래 요구사항 문서입니다. 전원 답변 후 자동 시작은 기존 목업 유저 플로우를 따릅니다.

07 / ACCEPTANCE

구현 후 확인해야 할 시나리오

아래 항목은 실서비스 인수 기준입니다. 현재 문서의 검증 통과 목록으로 오해하지 않도록 분리했습니다.

  1. 전원이 답해도 전원 동의 배지가 나타나지 않는다. 조건부·기권이 있으면 방장 확정은 중립 상태다.
  2. 문항 5에 예산을 선택하고 문항 4로 돌아온 뒤 다시 문항 5로 가면 동일한 값이 보인다.
  3. 폼 밖 이동 시 미저장 변경이 있으면 계속 작성/나가기 확인이 뜬다. ESC는 폼을 유지한다.
  4. 제출 성공 뒤 브라우저 백/앞으로가기를 반복해도 중복 제출이나 입력 초기화가 발생하지 않는다.
  5. 미응답자는 계산·리포트·최종 의견 대상에서 제외되며 결과 화면에 제외 수가 표시된다.
  6. 다른 참가자의 리포트 URL, 방장 세션, 만료 세션으로 개인 데이터가 렌더되지 않는다.
  7. 재조율 요청이 동시에 발생해도 방당 1회만 적용하며 실패·해석 실패는 권한을 소모하지 않는다.
  8. 조율 중 화면을 닫았다 다시 들어오면 같은 작업 상태를 조회하고 조율을 중복 시작하지 않는다.
  9. 마감 경계에서 늦은 제출은 서버 시간을 기준으로 거절되며 성공 토스트를 표시하지 않는다.
  10. 네트워크 성공 여부가 불명확하면 먼저 현재 상태를 조회한 뒤 동일 요청으로 재시도한다.
  11. 공유 시트 취소·클립보드 거절은 공유 성공으로 표시되지 않는다. 개인 리포트 URL은 공유되지 않는다.
  12. 완료/만료 이벤트, 새 탭 변경, 브라우저 복원 캐시 재진입 시 권한과 결과 버전을 다시 확인한다.
  13. 인원 미달은 연장 최대 2회만 허용한다. 후보 없음에서 본인 동의 없이 조건을 완화하지 않는다.
  14. 대화상자는 포커스 가두기·ESC·호출 버튼 복귀를 제공하고 터치 영역은 48px 이상으로 설계한다.
08 / SOURCES

설계 기준과 출처

A안: 안심 조율 시안 · 통합 스타일 보드 · 요구사항·정책 FR/P/NF · 기존 유저 플로우 · AI 설계

브라우저 종료 확인은 모바일에서 발생하지 않을 수 있고 문구를 지정할 수 없습니다. 따라서 자동저장·상태 재조회와 별도 설계합니다. MDN beforeunload. 생성/제출 완료 페이지 전환에서는 이전 히스토리 항목을 교체할 수 있습니다. MDN replaceState. 이는 구현 지침이며 이 문서에서 실서비스 브라우저 동작을 검증한 것은 아닙니다.

A안 시각 규칙: 바탕 #FAF9F6 · 본문 #262335 · 주 행동 #5842D8 · 비공개 카드 #F0EDFF. 합의 청록은 명시적 전원 동의에만, 대기는 앰버, 방장 단독 확정은 중립색. 반경 12/16/24px, 터치 목표 48px, 참가자 본문 480px 이내.

화면설계 HTML전체 명세 MD화면 데이터 JSON흐름도 Mermaid