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개를 스크롤로 볼 수 있어요. 가입하지 않아도 전체가 열려요. 보기 방식 고르는 법과 화면 카드 읽는 법, 한계를 정리했어요.
화면 목록이 표 하나로 정리되는 IA 보는 법
IA(화면 지도)는 앱의 화면 목록을 표 하나로 정리한 거예요. 플랜디 IA 만들기 메뉴에서 예시 17개를 가입 없이 볼 수 있어요. 표의 구성과 행 읽는 법, 한계를 정리했어요.
말로 설명하면 질문이 나오는 AI 인터뷰 사용법
만들고 싶은 서비스를 말로 설명하면 AI가 맞춤 질문을 만들어줘요. 가입 없이 바로 시작할 수 있고, 질문에 답하는 것이 기획의 첫걸음이에요. 도메인 고르기부터 질문지 답하는 순서까지 정리했어요.
화면 설계를 빼면 생기는 일
화면 설계를 빼면 같은 화면을 세 번쯤 뜯게 돼요. 그림만 보고 만들었다가 눌렀을 때가 달라서 고치고, 예외가 빠져서 또 고치는 순서를 정리했어요. 세 번째에는 설계부터 다시 쓰게 돼요. 다시 쓰면 처음부터 잡혀요.
화면 설계 한 장을 남기는 순서
화면 설계는 한 화면당 한 장이에요. 화면 이름, 보이는 것, 눌렀을 때 일어나는 일, 예외 상황을 적는 네 가지와 4단계 순서를 정리했어요. 네 가지 중 하나라도 비면 그곳은 각자 채워요. 채우면 결과가 달라져요.
화면 그림만으로는 개발이 안 되는 이유
화면 그림만으로는 개발이 안 돼요. 그림은 보이지만 버튼을 눌렀을 때 일어나는 일은 안 보여서예요. 각자 다르게 만드는 이유와 화면 설계가 필요한 이유를 정리했어요. 그림에 설명을 더하면 같은 화면이 나와요.
정리 없이 맡겼다가 생기는 일
정리 없이 맡기면 관계도 일도 꼬여요. 무엇을 만들기로 했는지 둘 다 다르게 기억해요. 말다툼이 생기면 지인 사이가 먼저 상해요. 일은 다시 하면 되지만 관계는 바로 안 돌아와요. 꼬인 일을 멈추고 푸는 순서와 한계를 정리했어요.
지인에게 맡기기 전 한 장으로 정리하는 순서
지인에게 맡기기 전에는 한 장으로 정리해요. 만들고 싶은 것, 범위, 기한, 고마움 표시 방법을 적어요. 말로만 하면 부탁이지만 한 장이 있으면 약속이에요. 한 장으로 정리하는 4단계와 한계를 정리했어요.
지인에게 개발을 맡기면 더 꼬이는 이유
지인에게 개발을 맡기면 말로만 설명해서 더 꼬여요. 「간단한 예약 기능」이라고 해도 각자 다르게 기억해요. 돈 얘기 전에 문서가 먼저예요. 문서 없이 시작하면 관계부터 어색해져요. 꼬였는지 확인하는 순서와 한계를 정리했어요.
결제부터 만들었다가 생기는 일
결제부터 만들면 결제는 되는데 담을 흐름이 없어요. 무엇을 사는지도 정해지지 않았는데 돈 받는 화면만 먼저 있는 거예요. 흐름 없는 결제는 다시 뜯어야 해요. 결제를 멈추고 다시 맞추는 순서와 한계를 정리했어요.
쉬운 화면부터 만드는 순서
화면을 만드는 순서는 핵심 흐름의 쉬운 화면부터예요. 어려운 화면은 흐름이 이어진 뒤에 붙여요. 「찾고, 고르고, 예약해요」처럼 흐름을 한 줄로 적고 순서를 정하는 기준과 4단계를 정리했어요.
어려운 화면부터 만들면 멈추는 이유
어려운 화면부터 만들면 멈춰요. 결제나 알림 같은 화면은 연결될 흐름이 없으면 완성되지 않아요. 무엇을 사는지도 정해지지 않았는데 돈 받는 화면만 먼저 있으면 쓸 곳이 없어요. 쉬운 화면부터 흐름을 잡는 순서를 정리했어요.