Blog
Planning and screen notes
Notes on how to organize app planning, IA, and screen design before you build, from screens and interviews Plandi made itself.
와이어프레임 106개를 한눈에 보는 화면 설계 보는 법
화면 설계 예시는 와이어프레임 106개를 스크롤로 볼 수 있어요. 가입하지 않아도 전체가 열려요. 보기 방식 고르는 법과 화면 카드 읽는 법, 한계를 정리했어요.
화면 설계를 빼면 생기는 일
화면 설계를 빼면 같은 화면을 세 번쯤 뜯게 돼요. 그림만 보고 만들었다가 눌렀을 때가 달라서 고치고, 예외가 빠져서 또 고치는 순서를 정리했어요. 세 번째에는 설계부터 다시 쓰게 돼요. 다시 쓰면 처음부터 잡혀요.
화면 설계 한 장을 남기는 순서
화면 설계는 한 화면당 한 장이에요. 화면 이름, 보이는 것, 눌렀을 때 일어나는 일, 예외 상황을 적는 네 가지와 4단계 순서를 정리했어요. 네 가지 중 하나라도 비면 그곳은 각자 채워요. 채우면 결과가 달라져요.
화면 그림만으로는 개발이 안 되는 이유
화면 그림만으로는 개발이 안 돼요. 그림은 보이지만 버튼을 눌렀을 때 일어나는 일은 안 보여서예요. 각자 다르게 만드는 이유와 화면 설계가 필요한 이유를 정리했어요. 그림에 설명을 더하면 같은 화면이 나와요.
결제부터 만들었다가 생기는 일
결제부터 만들면 결제는 되는데 담을 흐름이 없어요. 무엇을 사는지도 정해지지 않았는데 돈 받는 화면만 먼저 있는 거예요. 흐름 없는 결제는 다시 뜯어야 해요. 결제를 멈추고 다시 맞추는 순서와 한계를 정리했어요.
쉬운 화면부터 만드는 순서
화면을 만드는 순서는 핵심 흐름의 쉬운 화면부터예요. 어려운 화면은 흐름이 이어진 뒤에 붙여요. 「찾고, 고르고, 예약해요」처럼 흐름을 한 줄로 적고 순서를 정하는 기준과 4단계를 정리했어요.
어려운 화면부터 만들면 멈추는 이유
어려운 화면부터 만들면 멈춰요. 결제나 알림 같은 화면은 연결될 흐름이 없으면 완성되지 않아요. 무엇을 사는지도 정해지지 않았는데 돈 받는 화면만 먼저 있으면 쓸 곳이 없어요. 쉬운 화면부터 흐름을 잡는 순서를 정리했어요.
이름 규칙 없이 만들면 깨지는 것
이름 규칙 없이 만들면 화면 사이의 연결이 끊겨요. 「3번에서 가는 화면」이라고 해도 3번이 무엇인지 몰라요. 고칠 화면도 찾기 어려워요. 깨진 이름을 다시 맞추는 순서와 한계를 정리했어요.
화면 이름과 번호 규칙을 정하는 순서
화면 이름이 바뀌지 않게 하려면 이름과 번호를 한 장으로 정해 두면 돼요. AI에게 시킬 때는 이름이 아니라 번호로 불러요. 「3번 화면을 고쳐줘」라고 하는 순서와 한계를 정리했어요. 번호는 바뀌지 않아요.
화면 이름을 그때그때 정하면 생기는 일
화면 이름을 그때그때 정하면 같은 화면이 두 개 생겨요. AI는 화면 이름을 기억하지 않고 매번 새로 지어요. 「예약 확인」이 다음에는 「예약 완료」가 돼요. 이름이 바뀌었는지 확인하는 순서와 한계를 정리했어요.
동작을 안 적으면 생기는 일
동작을 안 적으면 AI가 그럴듯한 동작을 지어내요. 화면마다 말이 되는 동작을 새로 만들어서 같은 버튼이 다른 일을 하게 돼요. 그래서 고객이 헷갈려요. 어긋나는 순서와 한계, 기록을 두는 곳을 정리했어요.
눌렀을 때 일어나는 일을 기록하는 순서
버튼마다 「누르면 → 이렇게 돼요」를 한 줄로 적으면 돼요. 길게 쓸 필요는 없어요. 화면 목록의 버튼 옆에 한 줄씩 붙이는 거예요. 네 단계면 충분해요. 기록하는 순서와 한계, 자주 묻는 질문을 정리했어요.