본문 바로가기
플랜디 블로그 상단 배경 일러스트

블로그

기획과 화면 이야기

기획과 화면 이야기를 남깁니다.

블로그
화면설계

쉬운 화면부터 만드는 순서

쉬운 화면부터 만드는 순서

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

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

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

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

순서를 정하는 기준

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

한계

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

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

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

자주 묻는 질문

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

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

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

흐름은 어떻게 적어요?

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

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

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

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

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

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

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

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

오늘 내용 정리

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

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

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

아이디어 한 줄이면 시작됩니다

로그인 없이 기획 인터뷰를 해보고, 막히면 문의로 이어가면 됩니다

문의

새 기획을 열려면 기획권이 필요해요

기획권 1개 = 새 기획 열기(IA 포함) + 화면 20장

가입하면 체험 프로젝트를 드려요

가입하면 체험 프로젝트 1개로 IA와 화면 5장까지 이어서 써 볼 수 있어요. 화면 20장과 파일 내려받기는 기획권으로 열어요.

무료로 가입하기

기획권 요금 자세히 보기