이슈 등록 폼 · UX 옵션 비교 (PLD-703)

‹이슈 등록

🎛 옵션별 컨셉·장단점

같은 목표(스크롤 최소화)를 4가지 UX 전략으로. 이 4개는 곧 업계 4대 폼 패턴(점진적 노출·위저드·칩·네이티브 피커)이기도 합니다. 상단 스위처로 비교하세요.

A. 아코디언 현재안

선택하면 그 값만 1줄로 접히고, ‘변경’으로 다시 편다.

+ 현행과 이질감 최소, 맥락 유지
− 여전히 세로 존재, ‘접힘’ 학습 필요

🏢 Progressive Disclosure — 앱 설정·가입 폼의 기본. 같은 화면에서 입력에 따라 조건부로 펼침.

추천도 ★★★☆

B. 스텝 위저드

한 번에 하나씩 풀스크린 질문. 선택 즉시 다음으로 자동 진행. 상단에 진행바+이전 선택 칩.

+ 스크롤 0, 큰 버튼, 오탭↓, 현장 한손 최적
− 화면 전환 많음, 전체 조망 어려움

🏢 Typeform식 1문항씩 — 완료율 47% vs 업계 21%(2배), 6문항↑ 폼서 효과 최대. DoorDash·Uber 기사 신고·이커머스 체크아웃도 단계형.

추천도 ★★★★☆ (현장 속도)

C. 컴팩트 칩

안 접고 3개 섹션을 칩으로 압축해 한 화면에 전부. 라디오 줄 대신 칩 클라우드.

+ 전부 한눈, 최소 탭, 수정 자유
− 정보밀도 높음, 항목 많으면 촘촘

🏢 Material Choice Chips — 구글이 라디오·단일선택 메뉴의 공식 대체로 권장(컴팩트·큰 터치영역). Gmail·필터 UI 등.

추천도 ★★★★☆ (숙련자 최속)

D. 필드 피커 (iOS식)

요약행 3줄. 탭하면 미니 바텀시트로 선택. 항상 컴팩트.

+ 익숙한 패턴, 항상 컴팩트, 확장성
− 선택마다 시트 1탭 추가

🏢 iOS HIG Pickers — 필드 편집 시 하단 시트/피커로 선택. 토스·쿠팡 등 네이티브 폼의 기본.

추천도 ★★★☆

💡 비서 추천 — 4안 모두 업계 검증 패턴이라 스크롤 문제는 다 해소됨. 데이터상 1문항씩(위저드)이 완료율 최고(Typeform 47% vs 21%)이고 DoorDash·Uber 기사 신고가 이 방식 → 현장 기사·피커의 반복·한손 입력엔 B. 사무·숙련 최속 입력엔 C(Material 칩). 로건께는 B vs C로 좁혀 보여드리는 걸 제안.