폴더블 앱, 화면을 늘리지 말고 공간을 설계하기
1. 유지할 것과 바꿀 것을 구분한다
폴더블 설계의 기준은 기기 이름보다 앱이 실제로 사용할 수 있는 공간입니다.
- 유지할 것: 핵심 작업, 정보의 우선순위, 사용자의 현재 탐색 맥락
- 바꿀 것: 내비게이션 위치, 패널 수, 콘텐츠 배치와 보조 정보
- 펼쳤을 때 더 많은 정보를 보여주는 구성이 탐색 단계를 줄이는지 함께 살펴봅니다.
2. 넓어진 화면은 관련 정보를 함께 보는 데 쓴다
모바일 UI를 그대로 늘리기보다 연결된 정보를 여러 패널에 배치합니다.
- 좁은 화면: 목록에서 항목을 선택한 뒤 상세 화면으로 이동
- 넓은 화면: 왼쪽 목록과 오른쪽 상세 내용을 동시에 표시
- 읽기와 조작의 경계 설정
- 텍스트·카드·대화상자의 최대 너비를 제한합니다.
- 중요한 버튼과 입력창, 주요 콘텐츠가 힌지에 걸치지 않도록 배치합니다.
3. 접힘 상태에 따라 공간의 역할을 정한다
같은 화면도 기기를 놓고 사용하는 방식에 따라 적절한 배치가 달라집니다.
- 닫힘: 핵심 정보와 한 손으로 접근하기 쉬운 조작에 집중
- 펼침: 목록·상세·보조 정보를 함께 보여주고 탐색 이동을 줄임
- 반쯤 펼침
- 테이블탑 형태에서는 위쪽에 영상, 아래쪽에 재생 컨트롤을 배치할 수 있습니다.
- 책처럼 펼친 형태에서는 좌우 영역을 읽기와 정보 비교에 활용할 수 있습니다.
4. 전환 중에도 하던 작업은 이어져야 한다
접고 펴거나 회전할 때 레이아웃은 바뀌어도 사용자의 작업 상태는 유지합니다.
- 스크롤 위치·입력값·탐색 경로 보존
- 공간에 맞춰 내비게이션과 보조 UI 재배치
- 바텀시트를 넓게 늘리는 대신 폭을 제한하거나 사이드 패널로 전환합니다.
- 플랫폼별 공간 기준 반영
- 크기 분류와 시스템 UI·카메라·힌지가 차지하는 영역을 함께 고려합니다.
