모바일 두 벌 — 앱형 vs 반응형

한 벌로 만들고 껍데기만 갈아 끼웁니다. 폰에서 열면 화면 오른쪽 위에 스위치가 떠서 그 자리에서 바꿔 볼 수 있습니다. 아래는 아이폰 13 실제 화면입니다.

A · 앱형 — 원래 구조를 마무리

이 제품이 처음 시작한 모양. 바닥에 탭 알약이 있고 화면 하나가 통째로 쓰입니다.

  • 한 손으로 엄지가 닿는 자리에 이동 수단이 있다
  • 화면마다 제목이 크게 서서 어디인지 분명하다
  • 대신 대화 목록으로 가려면 탭을 한 번 거친다
폰에서 A 열기

B · 반응형 — 데스크톱을 줄인 것

데스크톱 두 칸을 그대로 폰으로 줄입니다. 탭 대신 ☰ 로 왼쪽 칸이 서랍처럼 나옵니다.

  • 대화 목록·팀·친구가 한 서랍에 다 있다 (탭을 안 거친다)
  • 카드가 두 칸으로 깔려 한 화면에 더 많이 보인다
  • 대신 위쪽 ☰ 는 엄지가 멀다
폰에서 B 열기

로비 들어오면 처음 보는 화면

A · 앱형 바닥에 탭
B · 반응형 ☰ 서랍

대화 목록 지금까지 나눈 이야기

A · 앱형 바닥에 탭
B · 반응형 ☰ 서랍

친구 만나기 168명 중에서 고르기

A · 앱형 바닥에 탭
B · 반응형 ☰ 서랍

팀 여럿을 한 방에

A · 앱형 바닥에 탭
B · 반응형 ☰ 서랍

나 설정·결제·기억

A · 앱형 바닥에 탭
B · 반응형 ☰ 서랍

B 의 서랍 ☰ 를 눌렀을 때

B · 반응형 왼쪽 칸이 그대로 나온다