앱 아이디어 뿌시기

07. 앱 기획 동시에 하기

메뉴 : 이웃 학습자

이웃 학습자 메뉴는 공유받기 원하는 주변의 사용자를 위치 기반으로 확인할 수 있는 서비스 화면으로 구성했다.

디자인 요소는 실제 앱 제작 시 반드시 저작권 문제를 확인해야 한다.

지도에는 사용자 본인 위치도 표시하고 있다.

메뉴 화면 구성을 통해 의도했던 서비스는 스토리보드 작성이 진척되면서 더욱 확연해지는 경험을 얻게 된다. 어도비 XD가 초보자에게 유용한 이유다.

스토리보드 작성과 동시에 하는 앱 기획

스토리보드를 작성하는 과정에서 추가 보완할 사항들이 떠올랐다.

메뉴 하단의 주변 회원 보기 기능과 주변 학습자 중 가장 가까운 3명의 앱 이용자 프로필에 남긴 소개말을 상단에 보이도록 했다.

주변 회원들과 메시지 교환이 가능하게 할 것인지, 채팅 서비스를 추가할 것인지 등 앱의 성격에 따라 해당 기능들을 검토해 스토리보드에 추가한다. 서비스 정책은 기능이 돋보인다고 해도 신중히 선택해야 한다. 화려한 기능이 서비스 본질을 벗어나 어수선해지면 손해다.

디자인 요구사항을 듣다.

현업의 대형 프로젝트뿐만 아니라 웹, 모바일 등 다양한 분야의 UI / UX 디자인 요구사항을 어도비 XD는 충실히 수용한다. '기능 파악하기'를 통해 의도하는 대부분을 스토리보드에 표현해 낼 수 있다.

스토리보드 작성을 통해 앱 기획을 완성해 가는 과정을 경험하면서 아이디어의 서비스 실현 가능성을 높일 수 있을 것이다.

디자인 요구사항을 듣다.

아트보드는 서비스 흐름에 따라 구성요소를 추가하고 메뉴별 보드를 생성하며 작업을 이어간다. 각각의 주 메뉴 서브 페이지 구성까지 작업이 마무리되면 로그인 페이지 등이 추가될 수 있으나 앱 기획을 시각화하며 완성도를 높이기 위한 용도의 스토리보드 작성에서는 생략해도 무방하다.

이는 개발 단계에 돌입하는 시점에서 보완해도 좋을 일이다.

기능 구현

아트보드의 작업된 결과물은 프로토타입 메뉴 전환을 통해 연결, 실행, 구현할 수 있다.

이 과정에서 각 보드의 서비스 흐름을 체크하고 기능 개선, 디자인 요소 변경 등을 검토해 볼 수 있으며 부족한 서비스 영역에 대한 아트보드 추가 생성 여부를 파악한다.

주메뉴에 해당하는 아트보드에서 파생되는 추가 보드는 해당 주메뉴 아래로 배치할 경우 전체 서비스 흐름을 파악하기 좋다. 개발 전 단계에서 추가할 로그인 페이지 생성 등도 필요할 경우 편집하여 빠트린 부분을 보완한다.