기획의 의미와 목적에서 시작하는 웹 기획 결과물과 방법

기획의 사전 의미는 "일을 꾀하여 계획함"입니다. 웹 기획이라고 하면 '일'이 바로 웹에서 작동하는 기능과 디자인이 입혀진 화면을 의미할 것입니다. 그러면 웹 기획은 웹에서 작동하는 기능과 디자인이 입혀진 화면의 사이트 개발을 계획하는 일이 됩니다. 

 

 

 

■ 웹 기획 의미와 목적

 

웹 기획이 무슨 일을 하여야 하는가는 어떤 일의 완성을 목적으로 계획하느냐에 달려 있습니다. 웹 개발 프로젝트에 웹 기획이 투입되었다는 것은 최종적으로 온라인 유저가 사용이 가능한 웹 사이트 또는 웹 앱의 개발을 목적으로 한다는 것을 의미합니다.

 

웹-기획-작업중

 

기획이라는 단어의 의미에 계획 외에 설계나 디자인의 의미가 포함되어 있다고 웹 기획자에게 프로그램이나 디자인, 시스템 설계를 요구하지는 않습니다. 웹 사이트 또는 웹 앱 개발에는 개발자와 디자이너 등 기획자 이외의 작업자들도 포함되고 이들 또한 개발을 위한 기획, 디자인을 위한 기획을 하기 때문입니다.

 

그러므로 웹 기획은 일반적으로 웹 개발 프로젝트에서 이루어지는 상식선에서 R&R이라고 하는 웹 기획자의 역할과 책임에 따라 그 작업 목적을 도출하여야 합니다.  

  

일반적으로 웹 개발에서 기획의 목적은 개발자가 어떤 기능을 개발해야 하는지와 이 기능이 어떻게 작동하는지에 대한 것을 파악할 수 있게 하는 것입니다. 또한 디자이너가 어떻게 화면을 구성하고 디자인해야 하는지 작업의 방향성과 가이드를 제공해주는 것입니다.

 

즉 웹 개발에서 기획자는 개발자와 디자이너가 이 개발 프로젝트에서 어떻게 코딩하고 디자인을 해야 하는지 구체적이고 명확하게 알려주는 일을 하는 것입니다. 이를 통해 약속된 일정에 맞게 개발 계획, 디자인 계획을 수립하고 코딩 작업과 화면 작업 일정과 작업자를 관리할 수 있게 됩니다.  

 

 

 

■ 웹 기획 결과물

 

웹 개발 프로젝트에서 기획 파트에서 작성되는 최종 문서는 스토리보드입니다. 이를 위해 다양한 사전 문서가 만들어지고 때로는 프로젝트에 따라 요구하는 문서를 만들기도 합니다.  

 

스토리보드 작성은 주로 기획 리더보다는 일반 기획자가 작성을 합니다. 스토리보드 작성을 위한 다양한 사전 문서를 기획 리더가 작성합니다. 사전 문서의 있고 없음과 수준은 스토리보드 완성도에 매우 큰 영향을 줍니다. 그래서 기획 리더는 경험과 실력이 있는 기획자를 배치해야 합니다.    

 

개발할 사이트가 너무 복잡하고 크고 복잡하면 기능들이 서로 엮여 작동할 수도 있고, 기능이 시작되는 사이트 상 위치도 다를 수 있습니다. 같은 기능이 작동되는 과정도 시작되는 카테고리 또는 화면 위치에 따라 조금씩 내용이 다를 수 있습니다.

 

여러 사이트를 가지고 있는 기업이 통합 브랜딩 사이트를 만들어 운영할 경우 구매 결제는 기존 사이트에서도 이루어질 수 있지만, 통합 사이트에서도 이루어질 수 있습니다. 이때 개별 사이트의 결제 시스템이 유지되고, 통합 사이트의 결제 시스템이 또 존재할 경우 구매 기능의 작동 과정은 달라질 수 있습니다.

 

웹 기획은 이런 문제들을 개발자가 파악하기 쉽게 풀어서 스토리보드로 보여줍니다. 최대한 한 기능은 한 프로세스상에 보여주는 것이 좋지만 그렇지 않을 경우 기능 프로세스 문서를 통해 기능이 작동되는 다양한 프로세스를 한눈에 볼 수 있게 정리할 수 있습니다.

 

스토리보드 작성에도 잘 정리된 기능 정의서와 프로세스 문서가 있는 경우 도움이 됩니다. 아니 없는 경우 기획자가 여러 명 투입되는 복잡한 프로젝트나 기획 리더와 일반 기획자가 있는 프로젝트의 경우 서로 다른 기능을 생각하여 화면에 적용할 수도 있습니다. 이럴 경우 개발자가 기능을 코딩하기 어려워집니다.

 

웹 개발 프로젝트에서 화면 디자인의 경우도 기획자가 화면 구성과 디자인 가이드를 제공합니다. 화면 구성은 스토리보드를 통해 나타낼 수 있습니다. 그러나 디자인 가이드까지 표시한다면 기능 내용, 화면 구성에 디자인적 요소까지 너무 복잡한 스토리보드가 될 수 있습니다. 

 

그리고 엄밀히 말하면 디자인 가이는 디자인 리더의 역할입니다. 기획자는 고객 의도 또는 사이트 제작 시 지켜야 하는 브랜드 또는 디자인 아이덴티티를 파악하여 표시하여 줍니다. 말 그대로 해당 웹 개발 프로젝트에 사전에 파악 가능한 필요한 디자인 가이드를 의미합니다.

 

때로는 화면 디자인을 위한 스토리보드와 기능 개발을 위한 스토리보드가 충돌할 수도 있습니다. 디자인을 위한 스토리보드는 기능 개발 코딩의 파악을 어렵게 하기도 합니다. 기능 개발을 위한 스토리보드는 디자인 작업해야 할 모든 화면을 상세히 나타내 주지 못할 수도 있습니다.

 

작은 사이트 개발에서 이런 일이 일어날 가능성이 매우 작지만 규모가 큰 사이트의 경우나 사이트의 각 카테고리를 서로 다른 부서가 관리하는 경우에는 발생할 가능성이 있습니다. 이때는 기능 개발과 작동되는 프로세스 중심으로 기본 스토리보드를 작성한 후 사이트 구조도(맵)를 통해 도출되는 상세 화면 ID에 따라 디자인 화면 구성 문서를 작성하여 보강할 수 있습니다.

 

사이트 구조도(맵)은 요구사항 상세화와 정책 파악, 기능 상세화 과정 중에 만들어집니다. 이때 정확한 커뮤니케이션과 의도 파악을 위해 와이어 프레임이나 러프한 스토리보드를 활용할 수 있습니다. 이는 화면을 보여주므로 말로는 다 설명하지 못한 기능이나 화면의 작동, 디자인적 요소를 확인할 수 있게 됩니다.

 

또한 카테고리 특성이나 주요한 디자인의 적용되는 화면의 분계 지점을 파악하여 이후 디자인 어떻게 달라져야 하는지 구체화할 수 있게 됩니다.

 

이렇게 정리된 사이트 구조도(맵)에서 나오는 전체 화면들의 아이디와 화면 구조와 디자인 관련 협의 완료된 자료를 기반으로 디자인 작업 진행과 완료를 확인할 수 있게 됩니다.         

       

 

 

■ 웹 기획 과정과 결과물 정리

 

웹 개발 프로젝트에 따라 요구하는 결과물에는 차이가 있을 수 있습니다. 그리고 프로젝트 관리자나 기획 리더에 따라 기획 과정과 기획 과정에서 요구하는 결과물이 다를 수 있습니다. 여기서는 위에서 이야기된 일반적으로 웹 개발이 이루어지기 위해 필요한 기본적인 기획 과정과 결과물을 정리하였습니다.

 

• 서비스 기획/개발 목표 사이트 파악, 요구사항 상세화
• 서비스 정책, 상세 기능의 정의서 작성

 

요구사항 상세화는 기능 중심으로 진행될 수 있고 카테고리와 화면 중심으로 이루어질 수도 있습니다. 개발 프로젝트가 어디에 중점을 두는지와 작업할 부분이 어느 쪽이 중요한지에 따라 달라질 수 있습니다.

  

여기까지 작업은 기획 리더가 주도적으로 작업해야 합니다. 이 두 작업이 미흡하거나 없을 경우 앞으로 진행될 기획이나 개발에 문제가 생길 가능성이 매우 커집니다.

 

 

• 기능 프로세스 설계

 

이 부분은 기획 리더 또는 경력과 역량이 있는 시니어 기획자가 진행합니다. 기능 프로세스에는 요구사항과 서비스 정책, 기능 정의서의 내용이 반영되어야 함은 물론 차이가 있으면 안 됩니다.

 

여기까지 작업이 되면 전체 사이트 구조나 카테고리 등이 대략적으로 파악됩니다. 규모가 크거나 복잡한 사이트, 여러 부서나 해당 팀이 연결된 사이트 개발에서는 이 과정으로 전체 사이트 구조와 상세 화면을 다 파악하기 어려울 수 있습니다.

 

• 와이어 프레임 또는 화면 정의서. 때에 따라 개발 사항 파악을 위한 러프한 스토리보드

 

너무 복잡하고 세부 요구사항이 충돌하는 경우 개발 세부 사항 파악을 위해 러프한 스토리보드를 작업하여 협의하기도 합니다.

 

화면 구조와 기능의 작동되는 화면의 이해를 위해 와이어 프레임 작업이 진행되기도 합니다. 디자인할 세부 화면을 파악하기 위해 화면 정의서가 활용될 수 있습니다. 이때 기획 리더는 개발 리더, 디자인 리더와 유기적인 협력을 받아 진행합니다.

 

이 작업까지 진행되면 사이트 구조도(맵)을 사용자가 사이트 이용 시 볼 수 있는 모든 화면까지 뽑을 수 있게 됩니다. 만약 요구사항 상세화 작업을 카테고리와 화면 중심으로 진행하였다면 이 내용과 현재 작업한 사이트 구조도(맵) 상 화면 ID와 비교하여 차이를 검토, 조정합니다.

 

• 스토리보드 작업

 

스토리보드 작업은 높은 기획 역량을 필요로 하는 난이도 높은 작업이라기보다는 작업량이 많은 작업입니다. 보통 일반 기획자가 스토리보드 작업을 합니다.

 

그런데 스토리보드에 앞서 진행되어야 할 기획 작업이 되어 있지 않다면 스토리보드 작업의 난이도는 급격이 올라가게 되니다.