brunch

You can make anything
by writing

C.S.Lewis

by 비쥬얼스토리 Mar 22. 2024

웹사이트 기획의 기본 단계: 목적 설정부터 구조 설계

웹사이트를 개발하고자 할 때, 그 출발점은 항상 명확한 목적 설정에서 비롯됩니다. 이 과정은 프로젝트의 나침반이며, 모든 기획, 설계, 실행 단계의 근간을 이룹니다. 특히, 사이트가 참여자들 사이의 소통과 대화를 촉진하는 것을 주된 목표로 할 때, 이 목적은 사이트의 모든 측면에 깊은 영향을 미치게 됩니다.

이러한 목적 설정은 단순히 사이트가 어떤 기능을 수행할지 결정하는 것을 넘어서, 사이트를 방문하는 모든 이들이 느낄 수 있는 경험의 질을 고려하게 합니다. 소통과 대화의 촉진이라는 명확한 목적은, 사이트가 제공해야 할 내용, 디자인해야 할 인터페이스, 구현해야 할 기능들을 선별하는 기준이 됩니다. 이를 통해, 사이트는 단순한 정보의 집합체를 넘어서, 사용자 간의 적극적인 상호작용을 가능하게 하는 생동감 있는 공간으로 탄생하게 됩니다.

이 목적의 설정은 또한 사이트 개발 과정에서 나타날 수 있는 수많은 선택의 순간에 명확한 지침을 제공합니다. 어떤 콘텐츠를 제공할지, 어떤 디자인 요소를 도입할지, 어떤 기술적 솔루션을 선택할지 등의 결정이 이 목적과 일관되게 이루어질 때, 사이트는 그 가치를 최대한 발휘할 수 있습니다.

결국, 웹사이트의 목적 설정은 단순한 시작점을 넘어서, 사이트가 지향해야 할 비전을 제시하고, 그 비전을 실현하기 위한 모든 활동에 방향과 의미를 부여하는 핵심적인 과정입니다. 참여와 대화의 촉진이라는 명확한 목표 아래에서, 웹사이트는 정보를 전달하는 수단을 넘어서, 사람들을 연결하고, 지식을 공유하며, 공동체를 형성하는 중심적 역할을 하게 됩니다.


1. 질문을 통한 의견 청취


사이트 구축목표는 무엇인가?
장기 목표와 단기 목표는 무엇인가?
사이트의 표적대상은 누구인가?
왜 고객들이 이 사이트로 올 것이라 생각하는가?

 이 과정은 프로젝트 참여자들과 잠재적 사용자들로부터 필수적인 피드백을 수집하고, 그 의견을 기반으로 사이트의 기본 구조와 내용을 결정하는 데 도움을 줍니다. 구체적으로 질의서를 작성하고, 이를 통해 중요한 질문들에 대한 답변을 모으는 방식으로 진행됩니다.

주요 질문으로는 사이트의 궁극적인 목표, 단기적 및 장기적 목표, 타깃 오디언스, 그리고 사용자들이 사이트를 방문할 이유 등이 포함됩니다. 이 질문들은 사이트 개발의 방향을 설정하고, 특히 사용자의 필요와 기대를 파악하는 데 중심적인 역할을 합니다.

수집된 의견들은 중복되는 내용을 합친 후 범주별로 분리하여 정리됩니다. 이렇게 함으로써, 다양한 의견과 제안들을 더 명확하고 체계적인 형태로 분석할 수 있습니다. 이 후에는 이러한 의견들을 기반으로 중요도에 따라 순위를 매깁니다. 중요도 평가는 프로젝트 참여자들 간의 협의를 통해 이루어지며, 모든 참여자가 공감할 수 있는 우선순위 목록을 만드는 것이 목표입니다.

최종적으로는 프로젝트의 결정권자가 이러한 순위 목록에 동의하도록 합니다. 이는 사이트 개발 과정에서 중요한 결정을 내리는 데 있어, 모든 이해관계자가 동의한 우선순위에 기반을 둠으로써, 프로젝트의 방향성을 명확히 하는 데 중요합니다. 이 과정을 통해 사이트는 사용자와 참여자의 의견을 반영하여, 더 효과적이고 사용자 중심적인 방향으로 나아갈 수 있습니다.


2. 표적의 대상 설정


웹사이트를 기획하고 개발하는 과정에서 "표적의 대상 설정"은 사이트의 성공에 결정적인 영향을 미치는 단계입니다. 이 단계는 사이트의 목적과 목표를 정립한 후, 그 목적과 목표를 실현할 주요 사용자 그룹, 즉 타깃 오디언스를 명확히 정의하는 과정입니다. 사이트의 모든 디자인, 내용, 기능은 이 타깃 오디언스의 필요와 기대에 맞춰져야 하며, 이를 위해 먼저 타깃 오디언스가 누구인지를 정확히 파악하는 것이 중요합니다.


타깃 오디언스의 예측 및 정의

이 단계에서는 사이트를 방문할 가능성이 있는 다양한 사용자 그룹을 예측하고, 각 그룹의 특성과 필요를 분석합니다. 이러한 분석은 사이트가 제공해야 할 가치를 명확히 하고, 사용자에게 최적의 경험을 제공하기 위한 기초가 됩니다.


시나리오 활용

타깃 오디언스의 예측과 분석 과정에서는 시나리오를 활용하는 것이 유용합니다. 이는 가상의 사용자가 사이트를 통해 경험할 수 있는 다양한 상황을 시각화하고, 이를 통해 사용자의 필요와 기대, 행동 패턴을 더 잘 이해할 수 있게 도와줍니다.


타깃 오디언스의 일반적인 목적과 기대 파악

타깃 오디언스 설정 후에는 설문조사, 인터뷰, 포커스 그룹 등의 방법을 통해 이들의 일반적인 목적과 사이트에 대한 기대를 더욱 구체적으로 파악합니다. 이 정보는 사이트의 콘텐츠, 디자인, 기능 개발 방향을 결정하는 데 중요한 기준이 됩니다.


중요도에 따른 우선순위 결정

수집된 정보를 바탕으로, 타깃 오디언스의 다양한 요구사항과 기대사항을 리스트업하고, 이를 중요도에 따라 정리하여 우선순위를 결정합니다. 이 과정은 사이트 개발 시 리소스 배분과 기능 개발의 우선순위를 결정하는 데 중요한 역할을 합니다.

결론적으로, "표적의 대상 설정" 단계는 사이트가 성공적으로 타깃 오디언스의 요구와 기대를 충족시킬 수 있는 기반을 마련하는 과정입니다. 이 단계를 통해 얻은 인사이트는 사이트의 전반적인 기획, 디자인, 개발 방향을 결정하는 데 핵심적인 역할을 합니다.


3. 시나리오 작성


시나리오 작성은 웹사이트 개발 과정에서 사용자 경험(UX)을 설계하고 예측하는 핵심적인 작업입니다. 이 과정에서는 가상의 사용자들이 사이트를 방문하고 상호작용하는 다양한 상황을 구체적으로 상상하고 기술합니다. 이러한 시나리오는 사용자의 경험을 시각적이고 이해하기 쉬운 형태로 표현해주며, 개발 초기 단계에서 사이트의 디자인과 기능이 기획 의도에 부합하는지 검증하는 데 중요한 역할을 합니다.


시나리오 작성의 목적 및 중요성  

사용자 경험 예측: 사이트를 방문할 다양한 유형의 사용자들이 어떤 경험을 할지 예측합니다. 이를 통해 사이트 디자인과 기능이 사용자의 기대와 필요를 만족시키는지 평가할 수 있습니다.

디자인 검증: 가상의 사용자 시나리오를 통해 사이트 디자인이 원래의 기획 의도를 충실히 반영하고 있는지 검증합니다. 사용자 친화적인 디자인 요소와 네비게이션이 포함되었는지 확인할 수 있습니다.

상호작용 시각화: 사용자가 사이트 내에서 어떻게 움직이고, 어떤 기능을 사용할지에 대한 시각화를 제공합니다. 이는 사이트의 유저 인터페이스(UI) 설계에 중요한 기준이 됩니다.

개발 우선순위 설정: 다양한 사용자 시나리오를 통해 가장 중요하고 필수적인 기능과 콘텐츠를 식별할 수 있습니다. 이는 개발 과정에서의 우선순위를 결정하는 데 도움을 줍니다.


시나리오 작성 방법  

표적 대상 식별: 사이트를 방문할 것으로 예상되는 다양한 사용자 유형을 식별합니다.

상황 설정: 각 사용자 유형이 사이트를 방문하는 이유와 상황을 설정합니다.

경험 설명: 설정된 상황에서 사용자가 사이트와 어떻게 상호작용할지, 어떤 경로를 따라 움직일지 상세히 기술합니다.

기대와 요구 파악: 각 시나리오에서 사용자가 무엇을 기대하고, 어떤 요구를 가지고 있는지 분석합니다.

문제점 및 개선 사항 도출: 시나리오를 통해 사이트의 잠재적 문제점이나 개선해야 할 사항을 식별합니다.


시나리오 작성은 사용자의 관점에서 사이트를 바라보고 이해하는 데 중요한 과정입니다. 이를 통해 개발자와 디자이너는 사용자 중심의 사이트를 구축할 수 있는 토대를 마련하며, 사이트가 제공하려는 가치와 서비스를 사용자에게 효과적으로 전달할 수 있습니다.


4. 경쟁사이트 분석


경쟁 사이트 분석은 웹사이트 개발 및 최적화 과정에서 필수적인 단계 중 하나입니다. 이 과정은 시장 내에서 자신의 사이트가 위치할 공간을 파악하고, 경쟁자들이 어떤 전략을 사용하고 있는지 이해함으로써 자신의 사이트를 개선하고 차별화하는 데 도움을 줍니다. 특히, 경쟁 사이트의 강점과 약점을 분석함으로써, 기회를 식별하고 잠재적인 위협을 방지할 수 있습니다.


경쟁 사이트 분석의 주요 점검 포인트  

다운로드 속도: 사이트의 로딩 시간은 사용자 경험에 직접적인 영향을 미칩니다. 경쟁 사이트의 로딩 속도를 분석하여, 자신의 사이트가 사용자에게 빠른 접근성을 제공하는지 확인합니다.  

웹페이지의 사이즈와 구조: 웹페이지의 사이즈가 크면 로딩 시간이 길어질 수 있으며, 구조가 복잡하면 사용자가 정보를 찾기 어려울 수 있습니다. 경쟁 사이트의 페이지 구조와 사이즈를 분석하여, 자신의 사이트가 더 효율적인지 평가합니다.  

레이아웃과 디자인: 사이트의 레이아웃과 디자인은 첫인상을 결정짓고, 브랜드 이미지를 전달하는 중요한 요소입니다. 경쟁 사이트의 디자인을 분석하여, 자신의 사이트가 시각적으로 어떻게 개선될 수 있는지 고려합니다.  

메뉴 구조와 네비게이션: 사용자가 사이트 내에서 쉽게 원하는 정보를 찾을 수 있도록 메뉴 구조와 네비게이션이 잘 설계되어야 합니다. 경쟁 사이트의 네비게이션 구조를 분석하여, 사용자 경험을 개선할 수 있는 방법을 모색합니다.  

주요 기능과 유인 요소: 사이트가 제공하는 주요 기능과 사용자를 끌어들이는 유인 요소를 분석합니다. 이를 통해 자신의 사이트가 경쟁력을 갖추기 위해 어떤 기능을 추가하거나 개선해야 할지 결정할 수 있습니다.  

온라인 마케팅 기법과 수익구조: 경쟁 사이트가 사용하는 마케팅 전략과 수익 모델을 분석합니다. 이는 자신의 사이트의 마케팅 전략을 수립하고 수익성을 높이는 데 유용한 인사이트를 제공할 수 있습니다.  


분석 방법  

체크리스트 작성: 분석하고자 하는 주요 포인트를 체크리스트 형태로 정리합니다. 이를 통해 체계적이고 일관된 방식으로 경쟁 사이트를 평가할 수 있습니다.

직접 경험과 메모: 경쟁 사이트를 직접 방문하여 사용자 경험을 체험하고, 느낌과 생각을 메모합니다. 이는 보다 직관적이고 주관적인 평가를 가능하게 합니다.


경쟁 사이트 분석을 통해 얻은 정보는 자신의 웹사이트를 개선하고, 시장에서의 위치를 강화하기 위한 전략 수립에 귀중한 자료가 됩니다. 이 과정에서 중요한 것은 단순히 경쟁 사이트의 성공 요소를 모방하는 것이 아니라, 그들의 접근 방식에서 배울 점을 찾고, 자신의 사이트에 맞게 혁신적으로 적용하는 것입니다.


분석을 통한 전략 수립  

강점 강화 및 약점 보완: 경쟁 사이트 분석을 통해 식별된 자신의 사이트의 강점을 더욱 강화하고, 약점은 개선 계획을 수립합니다. 이는 사이트의 경쟁력을 높이는 기본적인 전략입니다.  

차별화 요소 발굴: 경쟁 사이트와 비교했을 때 자신의 사이트만의 독특한 특징이나 제공할 수 있는 가치를 찾습니다. 이러한 차별화 요소는 마케팅 메시지에 강조되어야 하며, 사용자에게 명확하게 전달되어야 합니다.  

사용자 경험 개선: 경쟁 사이트의 사용자 경험을 분석하고, 이를 통해 자신의 사이트에서 사용자 경험을 어떻게 개선할 수 있을지 구체적인 아이디어를 도출합니다. 사용자 피드백과 결합된 경쟁 사이트 분석은 더욱 효과적인 사용자 경험 디자인으로 이어질 수 있습니다.  

시장 트렌드 이해: 경쟁 사이트의 동향을 관찰함으로써, 업계 내에서의 최신 트렌드와 변화를 파악할 수 있습니다. 이 정보는 자신의 사이트가 시장의 변화에 신속하게 대응하고, 혁신적인 서비스를 제공하는 데 도움을 줍니다.  


5.  사이트에 무엇을 담을 것인가?


웹사이트의 성공은 적절하고 매력적인 컨텐츠와 기능적 요소를 얼마나 잘 결합하고 제공하는지에 크게 좌우됩니다. 컨텐츠 기획은 사이트가 전달하고자 하는 메시지와 정보를 사용자에게 효과적으로 전달할 수 있는 방법을 모색하는 과정입니다. 이 과정에서 결정되는 컨텐츠와 기능은 사이트의 목적, 타깃 오디언스의 요구와 기대, 그리고 비즈니스 목표를 반영해야 합니다.


컨텐츠의 종류  

정적 컨텐츠: 이는 사이트 방문자에게 변하지 않는 일관된 정보를 제공합니다. 대표적인 예로는 회사 소개, 연락처 정보, 프라이버시 정책, 이용 약관 등이 있습니다. 이러한 컨텐츠는 사이트의 신뢰성과 전문성을 구축하는 데 중요한 역할을 합니다.  

동적 컨텐츠: 사용자의 상호작용이나 최신 정보를 반영하여 지속적으로 변화하는 컨텐츠입니다. 뉴스 페이지, 블로그, 공지사항, 상품 목록 등이 여기에 해당합니다. 동적 컨텐츠는 사이트를 생동감 있게 만들고, 방문자가 정기적으로 사이트를 방문하도록 유도하는 데 기여합니다.  

기능적 컨텐츠: 사이트 상에서 사용자가 특정 작업을 수행할 수 있게 하는 기능적 요소를 말합니다. 예를 들어, 회원 가입, 로그인, 뉴스레터 구독, 상품 구매 등의 기능이 이에 해당합니다. 기능적 컨텐츠는 사용자 경험을 개선하고, 사이트와 사용자 간의 상호작용을 가능하게 합니다.  


컨텐츠 및 기능 기획의 중요성

컨텐츠와 기능 기획은 사이트의 목적을 명확히 전달하고, 사용자가 사이트에서 원하는 정보나 서비스를 쉽게 찾고 이용할 수 있도록 하는 데 중요한 역할을 합니다. 효과적인 컨텐츠 기획은 다음과 같은 이점을 제공합니다.

사용자 만족도 향상: 사용자가 필요로 하는 정보와 기능을 쉽고 빠르게 제공함으로써 사용자 만족도를 높일 수 있습니다.

사이트 방문자 유치 및 유지: 유용하고 관련성 높은 컨텐츠는 신규 방문자를 유치하고, 기존 사용자의 재방문을 유도합니다.

검색 엔진 최적화(SEO) 향상: 품질 높은 컨텐츠와 적절한 키워드 사용은 검색 엔진 순위를 높이고, 사이트의 가시성을 개선할 수 있습니다.

브랜드 이미지 및 신뢰성 구축: 일관되고 전문적인 컨텐츠는 브랜드 이미지를 강화하고, 방문자로 하여금 사이트에 대한 신뢰를 쌓게합니다. 이러한 신뢰는 장기적으로 사용자의 충성도와 브랜드 가치를 높이는 데 중요한 역할을 합니다.


컨텐츠 및 기능 기획 시 고려사항

목표 대상 파악: 사이트를 방문할 사용자의 특성과 필요를 이해하고, 이를 반영한 컨텐츠와 기능을 계획합니다.

사용자 경로 설정: 사용자가 사이트 내에서 원하는 정보나 기능에 쉽게 접근할 수 있도록 논리적이고 직관적인 사용자 경로를 설계합니다.

상호작용 요소 포함: 사용자 참여를 유도하고 상호작용을 증진시킬 수 있는 요소(예: 댓글, 평가 시스템, 소셜 미디어 공유 버튼 등)를 포함시킵니다.

콘텐츠 관리 계획: 사이트의 컨텐츠가 지속적으로 업데이트되고 관리될 수 있도록 콘텐츠 관리 시스템(CMS)을 고려하고, 콘텐츠 업데이트 계획을 수립합니다.

모바일 최적화: 점점 더 많은 사용자가 모바일 기기를 통해 웹사이트를 방문하기 때문에, 모바일 환경에서도 효과적으로 컨텐츠를 제공할 수 있도록 최적화합니다.

성능과 접근성: 사이트의 로딩 속도와 접근성을 최적화하여, 모든 사용자가 원활하게 사이트를 이용할 수 있도록 합니다.


6. 사이트 구조 설계


웹사이트 개발 과정에서 컨텐츠와 기능의 범주화 및 명칭 붙이기는 사이트의 구조와 사용자 경험(UX) 설계에 있어 중요한 단계입니다. 이 과정을 통해, 사이트 내의 정보와 기능이 체계적으로 조직되고, 사용자가 원하는 내용을 직관적으로 찾을 수 있도록 합니다.


범주화와 명칭 붙이기  

범주화: 개발 과정에서 결정된 컨텐츠와 기능을 서로 관련성이 있는 그룹으로 나누는 작업입니다. 예를 들어, ‘제품 정보’, ‘고객 지원’, ‘회사 소개’ 등과 같은 범주로 구분할 수 있습니다. 이는 사이트의 네비게이션 설계와 직접적으로 연관되며, 사용자가 정보를 찾기 쉬운 구조를 만드는 데 기여합니다.  

명칭 붙이기: 각 범주와 그 안에 포함된 컨텐츠나 기능에 명확하고 직관적인 이름을 부여하는 과정입니다. 이름은 사용자가 쉽게 이해할 수 있어야 하며, 사이트의 전체적인 톤과 일관성을 유지해야 합니다. 이 단계에서는 사용자가 이름만 보고도 해당 컨텐츠나 기능의 내용을 예측할 수 있어야 합니다.  


사이트 구조 구성  

계층적 구조 설계: 사이트의 정보 구조는 가능한 한 간단하고 직관적이어야 합니다. 일반적으로 3단계 이상의 깊이를 넘지 않는 계층 구조를 권장합니다. 이렇게 하면 사용자가 원하는 정보를 빠르게 찾을 수 있으며, 사이트 내에서의 이동이 용이해집니다.  

네비게이션 계획: 범주화된 컨텐츠를 바탕으로 사이트의 네비게이션 시스템을 설계합니다. 이는 사용자가 사이트 내에서 쉽게 이동할 수 있도록 도와주며, 전반적인 사용자 경험을 향상시킵니다.  

디렉토리 구조와 명명 규칙: 사이트의 구조를 반영하는 디렉토리 구조를 설정하고, 소스 파일 및 그래픽 파일에 일관된 명명 규칙을 적용합니다. 이는 개발 과정에서 파일을 쉽게 찾고 관리할 수 있게 해주며, 팀 간의 협업 효율성을 높입니다.  


컨텐츠와 기능의 범주화 및 명칭 붙이기, 그리고 사이트 구조의 구성은 사용자가 원활하게 정보를 탐색하고 필요한 기능을 사용할 수 있도록 하는 데 필수적인 과정입니다. 이 단계들을 통해, 사이트는 더욱 사용자 친화적이고 접근성 높은 디지털 공간으로 거듭날 수 있습니다.

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari