#04 앱 페이지 구조 설계하기 — 5개 탭으로 줄인 결정적 이유

FlutterFlow를 처음 열었을 때 가장 먼저 한 일은 페이지 구조를 설계하는 거였어요.

머릿속에 있는 아이디어를 실제 화면으로 옮기기 전에, 어떤 페이지가 필요하고 어떻게 연결될지 큰 그림을 먼저 그려야 했거든요.

처음에 제가 생각한 페이지 목록은 이랬어요.

---

처음 구상한 페이지 목록

페이지	용도
Feed	팀 활동 타임라인
Log	미팅 기록 입력
Summary	캘린더 형태 요약
Partners	고객사 데이터베이스
Insight	AI 분석
My Page	개인 설정

총 6개 페이지였어요. 그런데 여기서 두 가지 고민이 생겼어요.

---

첫 번째 고민 — Partners라는 이름

Partners라는 단어가 너무 B2B 냄새가 난다는 생각이 들었어요.

지금은 비즈니스용으로 만들고 있지만, 나중에 일반 사용자들도 쓸 수 있는 앱으로 확장하고 싶었거든요.

그런데 Partners라는 단어는 일반인한테는 낯설고 딱딱한 느낌이에요.

여러 대안을 고민했어요. Contacts, Network, Connections, 그리고 People.

결국 People로 결정했어요.

이유는 간단해요.

앱의 핵심이 업체 관리가 아니라 사람과 나눈 대화의 기록이라는 본질에 가장 잘 맞는 단어였거든요.

B2B에서는 고객사 담당자로, 일반 사용자에게는 지인이나 인맥으로 자연스럽게 읽혀요.

---

두 번째 고민 — 탭이 6개면 너무 많다

모바일 앱 하단 네비게이션 바는 보통 4~5개가 표준이에요.

6개가 되면 아이콘이 너무 작아지거나 더보기 버튼으로 숨겨지게 돼요. 사용자 경험 측면에서 좋지 않아요.

그래서 과감한 결정을 했어요.

My Page를 탭에서 제거하기로 했어요.

My Page는 매일 쓰는 페이지가 아니에요. 가끔 프로필 수정하거나 설정 변경할 때만 들어가는 곳이에요. 그러니까 탭에 상시 노출할 필요가 없어요. 대신 Feed 페이지 상단 프로필 아이콘을 누르면 이동하는 방식으로 처리했어요.

---

최종 확정된 5개 탭 구조

탭	페이지	아이콘
1	Feed	dynamic_feed
2	Summary	calendar_month
3	Log (가운데 강조)	add_circle
4	People	people
5	Insight	insights

여기서 중요한 디자인 결정이 하나 더 있었어요.

Log 탭을 가운데에 배치하고 크게 강조하기로 했어요.

Babytime의 기록하기 버튼처럼, 이 앱에서 가장 자주 쓰는 핵심 기능이 Log니까요.

가운데 원형 FAB 스타일로 만들어서 눈에 확 띄게 했어요.

---

Insight 페이지는 나중에 완성하기로

솔직히 Insight 페이지는 지금 당장 완성할 수 없어요.

AI 분석은 데이터가 충분히 쌓여야 의미가 있거든요. 처음 출시했는데 데이터가 없으면 AI도 할 말이 없어요.

그래서 프로토타입 단계에서는 간단한 통계만 보여주는 것으로 시작하기로 했어요.

이번 달 미팅 몇 건, 가장 많이 만난 업체, 자주 나온 키워드 정도만요.

나중에 데이터가 쌓이면 그때 AI 분석으로 업그레이드하면 돼요.

---

페이지 구조 설계에서 배운 것

처음부터 완벽한 구조를 만들려고 하지 마세요. 저도 몇 번을 고치고 또 고쳤어요.

중요한 건 사용자가 매일 쓰는 흐름을 먼저 생각하는 거예요.

어떤 페이지를 가장 자주 열까? 어디서 어디로 이동할까? 이 질문에 답하다 보면 자연스럽게 구조가 잡혀요.

다음 편에서는 페이지 이름을 짓는 과정과 FlutterFlow에서 실제로 페이지를 만드는 방법을 이야기해볼게요.