마이크로팩토리
나무가 아니라 숲 부터 보자
앱을 의뢰받아 만들다보면 특히 초기 메이커 분들은 전체적인 부분보다 디자인을 변경한다거나 픽셀을 변경하거나 하는 디테일한 부분에 집중하시는 편인거 같습니다. 아무래도 익숙하지 않고 난이도가 있다보니 그런거 같아요.
그러다보니 앱 플로우가 전체적으로 이상해질때도 있고, 누락되거나 커뮤니케이션 미스로 인한 재작업 등으로 인하여 완성도가 조금 아쉽거나 작업 시간이 길어지는 일들이 생기더라구요. 물론 의사소통에 공을 들여 최대한 해결하려고 하지만 100프로 만족을 드리긴 쉽지 않은거 같아요.
하지만 해결되는데 도울 수 있다면 모두가 이득이라는 생각이 들었습니다. 물론 근본적인 해결책도 아니고 큰 도움이 안 되겠지만, 제가 앱을 만들때 초기에 큰 틀을 잡을때 흐름을 정리해봤어요. 참고하시거나 다른 좋은 방법을 찾아서 만족스러운 결과물을 받았으면 좋겠습니다. 피드백도 환영해요!
바탕 작업
이미 출시된 앱들 중에서 카테고리 상관 없이 편하다고 소문난 토스, 쿠팡 같은 앱들을 최대한 써보며 연구합니다. 전체적인 것들 (화면 플로우, 액션 등에서 유저 편의성과 설득성 등) 위주로 여러 사항들을 수집하며 좋은 점, 안 좋은 점, 아쉬운 점, 보완점 등을 생각해요.
요구사항 정리하기
기존에 요구사항을 정리해요 혼자 작업하는 경우에는 최대한 간단히 작업하지만 의뢰거나 다른 사람과 함께 작업하는 경우 요구사항을 대화를 하며 다시 확인하고 작성하거나 재정리 해요
제가 예전에 실무에서 만들어놓은 요구 사항을 정리해 작성한 게 있는데 반응이 좋으면 추가로 컨텐츠로 제작해서 올리겠습니다
데이터 기반으로 생각하기 (초급자는 비추천)
요구 사항을 토대로 주요 화면들의 데이터 구조를 간단히 정의하며 각 데이터가 어떤 식으로 만들어지고 이루어져있는지 생각하거나 별도로 남깁니다
갑자기 왠 데이터냐 하는 의문이 드시겠지만 사실 앱은 데이터로 이루어져 있어요 그렇다보니 데이터 기반으로 앱을 생각하는게 논리 구조상 가장 좋다고 생각합니다 물론 생각하기 어렵다거나 너무 복잡하다면 생략하셔도 좋고 개발자나 GPT 에 피드백 받으며 작업해도 좋아요
에를 들어 단순히 로그인 기능이 필수인 게시판 앱을 만들어본다고 가정해볼께요 각 게시글은 필수적으로 유저의 데이터가 포함되어야 합니다 그러면 게시판에 글을 쓰려면 유저 데이터가 먼저 등록되고 관리되어야겠죠? 이런 식으로 각 데이터가 어떤 식으로 꼬리를 물고 있는지 생각합니다.
페이지 작업
필요한 화면들을 페이지화 해요. 꼭 필요한 정보들은 보여주게 하고 필요 이상의 것들이나 필요 없다고 느껴지는 것들은 별도의 화면 구성으로 빼거나 생략하고 필수적인 화면 플로우에서 제외시킵니다.
예를 들어 상품 페이지가 있고 해당 상품 페이지에 자유롭게 넣을 수 있는 상품 설명이 있다고 가정해볼게요.
상품 설명이 자유롭다 보니 이미지도 들어가고 텍스트도 들어가서 엄청 길 수도 있겠죠? 그런 상품 설명이 장바구니 페이지나 결제 페이지 같은 상품 데이터가 나오는 페이지에 전부 나온다면 어떨까요? 매 화면마다 꽉꽉 차서 사용성이 떨어질거에요.
그래서 상품 상세 페이지 외에는 상품 설명이 나오지 않게 합니다. 상품 설명을 보여주는게 필요하다면 ’상세 보기‘ 같은 버튼을 만든 뒤 터치 시 상품 설명같은 상품에 부가적인 나오는 정보들이 나오는 상품 상세 페이지로 이동시켜줘요
요소 배치
화면의 각 요소의 위치를 더욱 잡아줘요.
한 페이지에도 데이터 기반의 여러 요소가 있습니다. 같은 범주거나 이웃해야 하는 요소는 모이게 하고 다른 범주거나 이웃하지 않아야 하는 요소는 떨어트려요. 그리고 기존의 앱들이 어떻게 배치한 건지 최대한 참고하여 크게 다르지 않게 합니다. 기존 앱들과 크게 다르지 않게 하여 유저들에게 익숙함을 줘서 피로하지 않게 하기 위함이에요. 물론 기획에 따라 새로움을 계속 줘야하는 경우는 예외입니다.
예를 들어 게시판 기능을 구현한다고 하면 글에 대한 정보, 글쓴이의 정보, 댓글의 정보, 댓글을 쓴 사람의 정보 등으로 나눠질거 같아요. 제목은 제일 먼저 배치한 뒤 닉네임, 프로필 사진 등의 글쓴이의 정보, 글쓴 시간, 글의 내용, 댓글 섹션, 댓글의 내용과 댓글을 쓴 유저의 정보 등을 기존의 앱들을 참고하고 필요한 정보는 모으거나 떨어트려줍니다.
상호 작용
각 요소들의 상호작용을 생각해요. 어디를 누르면 어떻게 반응한다 라는 것을 최대한 직관적이고 편리하게 합니다.
예를 들어 어떤 요소(버튼이나 아이템)을 누르면 다른 페이지로 이동한다던지, 상,중, 하단에 모달 창이 뜬다 던지 하는 것들입니다.
일반적으로 앱이 크게 복잡하거나 특이한게 없다면 각 요소 터치 시 페이지 이동을 위주로 편의성과 설득력을 생각하는 편 이에요.
예를 들어 게시판 앱의 경우 글쓴이의 유저 정보를 모아놓은 섹션이 있다면 해당 정보를 터치 시 글쓴이 정보 페이지로 이동시켜요. 글쓴이의 유저 정보, 글쓴이가 쓴 글, 댓글 리스트를 보여주는 페이지를 구성하여 보여줍니다.