스타트업 기획(4)

오늘은 디자인을 하기전에 최종적으로 기획을 마무리 했다.

저번 기획때 하긴했으나 좀더 구체적으로 하나의 페이지마다 모든 value를 달아줬다.

텍스트가 있다면, 텍스트가 있을때와 없을때.

버튼이 있다면, 버튼을 눌렀을때 어떻게 되는지에 대한 모든 레퍼런스에 대한 값을 달아줬다.

 

또한 기획과는 다르게 디자이너가 다르게 볼수있는 항목 같은 경우에는 코멘트를 달아 기획의 의도를 알려주었다.

 

그리고 각 화면에서 버튼을 눌렀을때 어느 페이지로 이동을 하는지 페이지 흐름을 표시하였다.

Figma에서는 각 화면간 연결이 가능하고 그것이 잘 연동 되어있는지 play버튼을 눌러 확인할수 있다.

해당 페이지에서 모든 연결을 다해줘야한다.

뒤로가기 버튼을 가지고 연결을 하게 될경우 이전 페이지로 이동하는것이 아닌, 그 페이지에 가기위해 눌렀던 해당 아이콘? 및 버튼으로 가는것이 맞고 한다.

 

코멘트를 달고, 화면간의 연결을 했으면 기획부분에서는 다 한것이다. 물론 지난번 했던 프리디자인을 포함한 것이다.

자신이 기획한 의도대로 가고싶다면 디자인컨셉을 약간은 잡아주는것이 좋다.

프리디자인을 한뒤에 자신이 의도하는 디자인컨셉이 있다면 그것을 약간의 디자인을 해주면 좋다.

 

다 끝난 프로토타이핑을 올리고는 싶지만, 아직 개발이 다 끝난것이 아니라 올릴수가 없다..

 

 

 

기획이 끝났고 디자인은..조금씩 생각해보기로하고, 일단 개발에 필요한 기능명세를 작성하기로 했다.

각 페이지마다 필요한 기능과 어떤식으로 구성을 해야하는지 정리를 했다.

 

예) 로그인화면

-사용자가 로그인에 필요한 아이디와 비밀번호를 입력하고 확인을 누른경우, 데이터베이스(서버)에 저장되어있는 아이디와 비밀번호가 맞는지 검사한뒤 로그인성공 혹은 실패 팝업을 띄운다.

-팝업은 아이디가 없는경우, 아이디가 존재하지 않다는 팝업을 띄우고, 비밀번호가 맞지않는 경우 비밀번호가 맞지않다고 띄운다.

 

2번째 경우는 개인적으로 좋은것 같진 않다. 아이디와 비밀번호중 뭐가틀렸다고 말하는것 자체가 해당 아이디가 가입이 되어있는지 안되어있는지 알려주는것 같다.. 보안상 문제가 있을거같다는 느낌이 든다.

 

아무튼, 저런식으로 기술명세를 작성하고 어느 값을 입력받고 출력하는지, API를 호출하는지, 서버에 어떤 데이터를 보내고 가져오는지등 작성을 하였다.

좀더 자세하게 JSP를 쓸건지 PHP를 쓸건지는 너무 깊은거 같아 저정도만 써주었다.