알파피플 앱

바텀시트 팝업 닫기 개선 제안


1. 현재 상황
  • 옵션 선택 팝업에만 핸들러가 존재
  • 대부분의 팝업은 X 버튼으로 닫기
  • 백버튼은 제공하지 않음


2. 문제점
  • 팝업별 닫기 방식 불일관 → UI/UX 혼란
  • 핸들러가 일부 팝업에만 있어 시각적 일관성 떨어짐
  • 핸들러와 X 버튼이 중복 역할 수행


3. 개선안

① 안 – 현행 유지 + 핸들러 추가 통일
  • 모든 바텀시트에 핸들러 추가
  • X 버튼은 중요도 따라 유지/제거
  • 닫기 제스처 + 명시적 닫기 방식 모두 제공
  • 장점: 제스처 유도 + 시각적 일관성 확보
  • 단점: UI 밀도 (팝업 길이), 복잡성 증가

② 안 – 핸들러 제거 + 제스처 기능 유지
  • 모든 바텀시트 핸들러 UI 삭제
  • 기본 닫기 수단은 X 버튼
  • 장점: UI 간결, 불필요 요소 제거
  • 단점: 제스처 인지율 낮을 수 있음 (초기 사용자 대상)


4. 유형별 닫기 방식 정리

  • 단순 정보성 / 옵션 선택 팝업
    • ② 안 권장

  • 입력폼 / 설정 팝업
    • ① 안 또는 ② 안 둘다 가능

  • 결제 / 민감 동의 팝업
    • X 버튼만 제공, 핸들러 제거 (② 안 기준)

  • 약관 / 긴 콘텐츠 팝업
    • X 버튼 + 제스처 둘 다 사용 (① 안 또는 ② 안 공통 가능)


5. 기대 효과
  • 시각적 간결성 확보
  • 닫기 방식 일관성 강화
  • 사용자 경험 단순화

Comments & Events

조재현, CEO at Alphapeople
네 생각해보고 내일 통화해서 의논하고 공유하기로 해용~
김기범, Flutter at Alphapeople
현재 코드상으로는 '핸들러'나 'X 버튼', '드래그 제스처' 모두 자유롭게 추가 가능한 구조입니다!

논의되는 방향대로 바텀시트 디자인 수정하도록 하겠습니다 :)
조재현, CEO at Alphapeople 네 좋습니다 👍