Skip to content
플랜디 블로그 상단 배경 일러스트

Blog

Planning and screen notes

Notes on planning and screens.

Blog
Screen Design

쉬운 화면부터 만드는 순서

쉬운 화면부터 만드는 순서

화면을 만드는 순서는 핵심 흐름의 쉬운 화면부터예요. 어려운 화면은 흐름이 이어진 뒤에 붙여요.

순서만 바꿔도 멈추는 일이 줄어들어요. AI에게 시킬 때도 「1번부터 순서대로 만들어줘」라고 하면 돼요.

순서를 정하면 시킬 말도 짧아져요
쉬운 화면 돌다리를 건너는 캡이와 뒤따르는 달콩, 앞에서 손짓하는 체키
쉬운 화면이 돌다리가 돼요

하나씩 건너면 어려운 화면까지 닿아요. 돌다리 없이 건너려고 하면 빠져요.

순서를 정하는 기준

먼저 만들 것과 나중에 만들 것을 나눠요.

먼저 나중에
흐름에 꼭 필요한 화면 없어도 흐름이 이어지는 화면
쉬운 화면 어려운 화면

흐름에 꼭 필요하고 쉬운 화면이 1순위예요. 결제처럼 어렵지만 꼭 필요한 화면은 흐름이 이어진 뒤에 붙여요.

붙이는 순서를 정하는 게 이 글의 순서예요. 순서대로 붙이면 헤매지 않아요.

돌다리에 순서 돌을 놓으며 화면 카드를 정리하는 체키, 캡이, 달콩
돌다리에 순서 돌을 놓아요

쉬운 화면부터 만드는 4단계

1단계. 핵심 흐름을 한 줄로 적어요

사용자 한 명의 하루를 문장으로 적어요. 「찾고, 고르고, 예약해요」처럼요.

이 한 줄이 순서의 기준이에요. 기준이 있어야 쉬운 것부터 고를 수 있어요.

2단계. 흐름에 필요한 화면을 쉬운 것부터 늘어놓아요

한 줄에 걸친 화면을 쉬운 순서대로 늘어놓아요. 어려운 화면은 뒤로 미뤄요.

미루는 게 아니라 순서를 정하는 거예요. 순서를 정하면 버리는 게 없어요.

3단계. 1번 화면부터 하나씩 시켜요

가장 쉬운 화면부터 AI에게 시켜요. 한 번에 하나씩만 시켜요. 하나씩 시켜야 확인도 쉬워요.

플랜디는 25년차 기획자가 만든 AI 기획 도구예요. AI 인터뷰에서도 화면 목록을 순서대로 정리할 수 있어요.

4단계. 흐름이 이어지는 것을 확인하고 다음으로 넘어가요

앞 화면이 확인된 뒤에 다음을 시켜요

흐름이 이어지는지 눈으로 봐요. 이어지면 어려운 화면을 붙여요. 붙이기 전에 흐름을 다시 봐요.

한계

순서가 있어도 화면 자체가 어려우면 시간이 걸려요. 순서는 길을 잃지 않게 할 뿐이에요.

어려운 화면은 여전히 꼼꼼히 봐야 해요. 다만 어디에 붙일지가 보이니 헤매지 않아요.

헤매지 않으면 시간도 아껴요. 아낀 시간으로 어려운 화면을 봐요.

자주 묻는 질문

쉬운 화면의 기준은 뭐예요?

보여주기만 하면 되는 화면이에요. 입력이 적고 연결이 단순해요.

목록이나 소개 같은 화면이 쉬워요. 쉬운 화면부터 흐름이 잡혀요.

흐름은 어떻게 적어요?

사용자 한 명의 하루를 문장으로 적어요. 「찾고, 고르고, 예약해요」처럼요.

기능 이름이 아니라 행동으로 적어요.

어려운 화면은 언제 만들어요?

흐름이 이어진 뒤에 붙여요. 붙일 자리가 보이면 그때 시켜요.

자리를 먼저 만들고 화면을 붙여요. 화면마다 확인하는 순서는 AI 코딩툴에 기획 문서를 넣는 법 글에도 나와 있어요.

순서를 정했는데도 막히면요?

흐름 한 줄로 돌아가 봐요. 화면이 흐름에서 벗어났을 수 있어요.

벗어난 화면은 뒤로 미뤄요. 미룬 화면은 흐름이 잡히면 다시 봐요.

오늘 내용 정리

  1. 화면을 만드는 순서는 핵심 흐름의 쉬운 화면부터예요.
  2. 핵심 흐름을 한 줄로 적고 1번 화면부터 하나씩 시켜요.
  3. 흐름이 이어지면 어려운 화면을 붙여요.

순서를 어기면 어떻게 될까요

순서를 정했다면 결제부터 만들었다가 생기는 일에서 순서를 어겼을 때 생기는 일을 이어서 보세요.

One line of an idea is enough to start

Try a planning interview without signing in, then send us an inquiry if you get stuck

Contact

You need a Planning Pass to start a new plan

1 Planning Pass = a new plan (IA included) + 20 screens

Sign up and get a trial project

Sign up and you get one trial project: IA and up to 5 screens. A Planning Pass opens 20 screens and file downloads.

Sign up free

See Planning Pass pricing