[뉴스피드] 와이어 프레임의 중요성

 프로젝트 발제 이후 팀원들과 회의를 통해 팀 노션을 작성하고 프로젝트에 사용할 API 명세서 및 ERD 를 작성했다. 하지만 '와이어 프레임' 의 경우 모두 "작업을 하다보면 나오겠지" 라는 말을 하며 작성을 하지않고 주말에 각자 맡은 파트를 구현했다. 하지만 나의 경우 막상 구현을 하려니 고민되는 사항이 너무 많았는데, 그 원인은 바로 '기획' 의 부재였다.

 

그렇다 과제로 요구사항이 주어졌으나 이를 따로 정리하지 않았고 또한 와이어 프레임을 작성하지 않았기에 팀원간 공통적으로 정해진 것이 없어 구현에 애를 먹은 것이었다.

 

곧장 손으로 와이어 프레임을 그려보고 이를 토대로 오늘 아침회의에 팀원들에게 의견을 제시했다.

홈 페이지 구상도

로그인 창 구상도

회원 가입 페이지 구상도

회원 정보 수정 페이지 구상도

 

급하게 작성한 터라 조잡하긴 했지만 팀원들에게 필요성을 느낀 이유를 담아 이야기했더니 고맙게도 팀원들 또한 와이어 프레임이 필요한 것에 동의했고 가장 연관성이 깊은 파트별로 모여 와이어 프레임에 대한 구상을 시작했다. 나의 경우 '회원' 을 맡았기에 '인증/인가, 친구' 파트를 맡은 팀원들과 회의 끝에 아래와 같은 와이어 프레임을 구상할 수 있었다.

홈페이지 로그인 전

개인 페이지 - 프로필

개인 페이지 - 회원 정보 수정

 

이것 외에도 7장의 와이어 프레임을 작성했다. 그리고 팀원들과 공유해 작업을 시작했는데, 이전 보다 고민되는 부분이 확실히 적어졌다. 또한 와이어 프레임을 통해 어떠한 기능이 필요하고 요청에 어떤 값이 전달될 것이며, 어떤 값을 반환해 주어야 할지 예상이 되는 것 또한 무척 도움이 되었다.

 

이전까지 와이어 프레임은 단순하게 '프론트' 에서 다루니 나중에 라는 생각이 있었지만 이번 기회로 이러한 생각은 깔끔하게 지워졌다. 또한 '기획' 이 얼마나 작업의 질을 높일 수 있는지 또한 느낄 수 있는 경험이었다 생각한다.