위키원
"웹기획"의 두 판 사이의 차이
| 10번째 줄: | 10번째 줄: | ||
=== 사용자 인터페이스 === | === 사용자 인터페이스 === | ||
| − | [[사용자 인터페이스]](UI)는 버튼, 메뉴, 레이아웃 등 사용자가 상호작용하는 모든 부분을 말한다. 사용자 인터페이스의 주된 목적은 좋은 사용성(usability)이다. 좋은 사용자 인터페이스는 심리학과 생리학에 기반하여 사용자가 필요로 하는 요소를 쉽게 찾고 사용하며, 그 요소로부터 명확하게 의도한 결과를 쉽게 얻어 낼 수 있어야 한다.<ref> cmos00, 〈[https://cmos00.tistory.com/1975 3. 사용자 인터페이스의 개념과 이해]〉, 《티스토리》, 2017-04-27 </ref> 초기에 많이 이용되었던 사용자 인터페이스는 명령줄 인터페이스(CLI : Command Line Interface)와 텍스트 기반 사용자 인터페이스(TUI : Text User Interface)다. CLI는 사용자가 키보드를 이용하여 직접 명령문을 작성하는 인터페이스다. 텍스트 기반 인터페이스는 텍스트와 함께 레이아웃과 그래픽 요소들이 텍스트로 나타나는 것을 말한다. 이 두 가지 유형 이후 등장한 것이 바로 지금까지 사용되고 있는 [[그래픽 사용자 인터페이스]](GUI: Graphic User Interface) | + | [[사용자 인터페이스]](UI)는 버튼, 메뉴, 레이아웃 등 사용자가 상호작용하는 모든 부분을 말한다. 사용자 인터페이스의 주된 목적은 좋은 사용성(usability)이다. 좋은 사용자 인터페이스는 심리학과 생리학에 기반하여 사용자가 필요로 하는 요소를 쉽게 찾고 사용하며, 그 요소로부터 명확하게 의도한 결과를 쉽게 얻어 낼 수 있어야 한다.<ref> cmos00, 〈[https://cmos00.tistory.com/1975 3. 사용자 인터페이스의 개념과 이해]〉, 《티스토리》, 2017-04-27 </ref> 초기에 많이 이용되었던 사용자 인터페이스는 명령줄 인터페이스(CLI : Command Line Interface)와 텍스트 기반 사용자 인터페이스(TUI : Text User Interface)다. CLI는 사용자가 키보드를 이용하여 직접 명령문을 작성하는 인터페이스다. 텍스트 기반 인터페이스는 텍스트와 함께 레이아웃과 그래픽 요소들이 텍스트로 나타나는 것을 말한다. 이 두 가지 유형 이후 등장한 것이 바로 지금까지 사용되고 있는 [[그래픽 사용자 인터페이스]](GUI: Graphic User Interface)다. 아이콘 같은 그래픽 요소가 기반이 되어 사용자와 컴퓨터가 상호작용하는 것을 말한다. [[마이크로소프트]]가 출시한 [[윈도우]]가 이 GUI를 적용한 대표적인 [[운영체제]]다. GUI는 오늘날까지 가장 많이 쓰이는 사용자 인터페이스로 자리 잡았다. 현재 차세대 사용자 인터페이스로 거론되는 신기술은 '자연스러운 사용자 인터페이스(NUI: Natural User Interface)다. 기존의 GUI는 사용자가 이용하기 위해 별도의 지식과 학습이 필요했다. 명령을 실행하기 위해, 예컨대 폴더를 열기 위해 폴더 이미지의 아이콘을 마우스를 움직여 클릭하는 행동을 컴퓨터 사용자가 미리 학습해야만 했던 것이다. 하지만 NUI는 사용자가 일상생활에서 얻은 기존의 경험만을 가지고 기기를 사용할 수 있도록 한다.<ref> kipoworld2, 〈[https://blog.naver.com/kipoworld2/222098664278 IU는 알아도 UI는 모른다고? 사용자 인터페이스의 모든 것!]〉, 《네이버 블로그》, 2020-09-24 </ref> |
| + | == 기획 단계 == | ||
=== 목표 및 전략 수립 === | === 목표 및 전략 수립 === | ||
| − | 목표 및 전략 수립은 프로젝트의 목표를 설정하고 그에 따른 전략을 수립하는 것이다. 목표 설정은 웹사이트를 만들 때 가장 중요한 시작 단계 중 하나로, 사용자들이 어떤 목적으로 웹 사이트를 이용하는지를 고려하여 기획한다. 이 목표는 다양한 형태로 나타날 수 있다. 비즈니스 목표, 정보 제공, 커뮤니케이션 강화 등 웹사이트가 무엇을 달성하려고 하는지를 정의해야 한다. 목표 설정은 웹사이트 프로젝트를 효율적으로 이끄는 역할을 한다. 목표가 명확하게 설정되면 팀과 이해관계자들은 프로젝트의 방향을 파악하고 이를 향해 단단한 공감대를 형성할 수 있고, 어떤 부분에 중점을 두어야 하는지 결정하기 쉬워진다. 예를 들어, 비즈니스 목표가 매출 증대라면 웹사이트는 상품 판매와 관련된 기능을 강화하고 마케팅 활동을 집중적으로 수행해야 한다. 정보 제공이 목표라면 콘텐츠 전략과 사용자 경험을 개선하는 데 초점을 맞추어야 하며, 커뮤니케이션 강화가 목표라면 연락처 정보와 소셜 미디어 통합 기능을 강화해야 한다. 목표 설정은 웹사이트를 성공적으로 계획하고 구현하기 위한 핵심 단계로, 이를 통해 나머지 프로세스를 논리적으로 조율하고 진행할 수 있다.<ref> 관리자, 〈[https://monggooweb.com/blog&num=11 웹사이트 기획 순서와 과정 단계별 가이드]〉, 《몽구웹》, 2023-11-01 </ref> | + | 목표 및 전략 수립은 프로젝트의 목표를 설정하고 그에 따른 전략을 수립하는 것이다. 목표 설정은 웹사이트를 만들 때 가장 중요한 시작 단계 중 하나로, 사용자들이 어떤 목적으로 웹 사이트를 이용하는지를 고려하여 기획한다. 이 목표는 다양한 형태로 나타날 수 있다. 비즈니스 목표, 정보 제공, 커뮤니케이션 강화 등 웹사이트가 무엇을 달성하려고 하는지를 정의해야 한다. 목표 설정은 웹사이트 프로젝트를 효율적으로 이끄는 역할을 한다. 목표가 명확하게 설정되면 팀과 이해관계자들은 프로젝트의 방향을 파악하고 이를 향해 단단한 공감대를 형성할 수 있고, 어떤 부분에 중점을 두어야 하는지 결정하기 쉬워진다. 예를 들어, 비즈니스 목표가 매출 증대라면 웹사이트는 상품 판매와 관련된 기능을 강화하고 마케팅 활동을 집중적으로 수행해야 한다. 정보 제공이 목표라면 콘텐츠 전략과 사용자 경험을 개선하는 데 초점을 맞추어야 하며, 커뮤니케이션 강화가 목표라면 연락처 정보와 소셜 미디어 통합 기능을 강화해야 한다. 목표 설정은 웹사이트를 성공적으로 계획하고 구현하기 위한 핵심 단계로, 이를 통해 나머지 프로세스를 논리적으로 조율하고 진행할 수 있다.<ref name="몽구웹"> 관리자, 〈[https://monggooweb.com/blog&num=11 웹사이트 기획 순서와 과정 단계별 가이드]〉, 《몽구웹》, 2023-11-01 </ref> |
| + | |||
| + | === 대상 고객 연구 === | ||
| + | 대상 고객 연구는 웹사이트 기획에서 두 번째로 중요한 단계다. 이 과정을 통해 웹사이트를 어떤 사용자를 대상으로 설계하고 최적화할지 결정할 수 있다. 먼저, 대상 고객의 특성을 파악한다. 이는 연령, 성별, 지역, 직업, 소득 수준 등과 같은 기본적인 인구 통계학적 정보를 포함한다. 이러한 정보를 통해 대상 고객의 프로필을 그릴 수 있으며, 이는 웹사이트의 디자인과 콘텐츠 결정에 영향을 미친다. 대상 고객의 행동 패턴을 이해하는 것은 매우 중요하다. 이들이 웹사이트에서 어떤 활동을 자주 하는지, 어떤 기기나 브라우저를 사용하는지, 어떤 검색어를 통해 웹사이트에 접속하는지 등을 파악하고, 이를 통해 웹사이트를 다양한 플랫폼과 브라우저에 최적화하고 SEO(Search Engine Optimization)를 개선할 수 있다. 또한 대상 고객의 관심사와 신뢰도도 고려해야 한다. 이들이 웹사이트에서 어떤 정보나 제품을 찾고 있는지를 파악하고 그에 맞춰 콘텐츠를 제공해야 한다. 신뢰성 있는 정보와 서비스를 제공하여 사용자의 만족도와 신뢰도를 높이는 것이 중요하다.<ref name="몽구웹"></ref> | ||
| + | |||
| + | === 콘텐츠 계획 === | ||
| + | 콘텐츠 계획은 정보를 제공하고 사용자에게 가치 있는 내용을 전달하는 것이 목표다. 이 과정에서 SEO(Search Engine Optimization)를 고려하여 검색 엔진에서 높은 검색 노출을 얻을 수 있도록 키워드 연구를 수행한다. 웹사이트가 어떤 주제나 분야를 다룰 것인지를 결정하고 그에 따른 콘텐츠도 함께 계획한다. 예를 들어, 패션 브랜드 웹사이트라면 패션 트렌드, 제품 소개, 스타일 가이드 등이 주제가 될 수 있다. 사용자들이 검색 엔진을 통해 해당 주제와 관련된 어떤 키워드를 사용하는지 조사하는 것을 의미한다. 이를 통해 웹사이트의 콘텐츠를 특정 키워드에 최적화하여 검색 결과에서 높은 순위를 얻을 수 있다. 콘텐츠 형식은 다양하게 결정될 수 있으며, 텍스트, 이미지, 비디오, 오디오 등을 활용하여 다양한 형식의 콘텐츠를 포함할 수 있다. 사용자의 관심을 끄는 다양한 콘텐츠 형식을 활용하여 웹사이트를 풍부하게 만들 수 있다. 콘텐츠 일정과 제작은 콘텐츠를 언제 어떻게 제작할 것인지를 계획하는 단계로, 작성자, 디자이너, 비디오 제작자 등과 협력하여 필요한 콘텐츠를 제작하고 업로드한다. 웹사이트에 콘텐츠를 업로드하고 관리하는 방법을 계획하며, 콘텐츠를 주기적으로 업데이트하고 사용자의 요구에 맞춰 조정한다. 마지막으로 목표 설정과 성과 측정은 각 콘텐츠가 달성해야 하는 목표와 성과 지표를 설정하고, 웹사이트의 성과를 모니터링하고 분석하여 콘텐츠 전략을 지속적으로 개선하는 데 도움을 준다.<ref name="몽구웹"></ref> | ||
| − | == 기획 | + | === 정보 구조 설계 === |
| + | 정보 구조를 설계하는 과정은 웹사이트 기획 순서에서 가장 중요한 부분이다. 정보 구조를 잘 설계하면 사용자가 원하는 정보를 쉽게 찾을 수 있고 웹사이트를 효율적으로 탐색할 수 있다. 이를 위해서는 메뉴 항목을 정의하고 어떻게 계층 구조로 구성할지를 고려한다. 사용자가 웹사이트를 방문했을 때 가장 먼저 눈에 띄는 내비게이션 요소이므로 사용자가 쉽게 이해하고 탐색할 수 있어야 한다. 다음으로 페이지 계층 구조를 정의한다. 이는 웹사이트 내의 각 페이지가 어떤 관계로 구성되는지를 나타낸다. 사용자가 웹사이트를 탐색하는 흐름을 고려하여 페이지 간의 연결을 설계하는 단계다. 탐색 경로는 사용자가 웹사이트 내에서 어떤 경로로 정보를 찾아가는지를 고려하여 설정한다. 메뉴, 링크, 버튼 등을 어떻게 배치하여 사용자가 원하는 정보로 빠르게 이동할 수 있는지 등을 고려한다. 카테고리와 레이블링은 각 섹션과 페이지를 명확하게 식별하고 사용자가 내용을 예상할 수 있도록 도와준다. 일관된 레이블을 사용하여 혼동을 방지하고 사용자의 편의성을 높인다. 정보 구조를 설계할 때 항상 사용자의 요구와 관점을 고려하여 사용자 경험을 최적화한다.<ref name="몽구웹"></ref> | ||
| + | |||
| + | === 웹사이트 디자인 === | ||
| + | 웹사이트의 디자인을 고려할 때는 사용자 경험을 중요시하며, 웹사이트의 레이아웃, 색상, 버튼, 아이콘 등을 설계한다. 디자인이 결정되면 기술적 구현을 진행한다. 이때, 어떤 웹 개발 플랫폼을 사용할지를 선택하고, 웹사이트의 보안을 고려하여 데이터 보호 및 보안 측면을 고려한다. 웹사이트가 다양한 디바이스와 브라우저에서 잘 동작하도록 반응형 웹 디자인을 구현하고, 크로스 브라우징 테스트를 통해 호환성을 확인한다. 마지막으로, 웹사이트 개발이 완료되면 테스트와 검토를 한다. 이는 웹사이트의 브라우저 호환성을 확인하는 과정이며, 또한 모바일 기기에서도 웹사이트가 잘 표시되고 작동하는지 확인한다. 웹사이트의 기능도 테스트하며, 올바로 작동하지 않는 부분을 수정한다. 속도와 성능도 테스트하고 최적화 작업을 수행하여 사용자 경험을 향상시킨다. 이러한 과정을 통해 웹사이트는 디자인적으로 매력적이며 기술적으로 안정적인 상태로 개발된다. 사용자 경험과 보안을 고려하고, 테스트와 검토를 통해 웹사이트의 품질을 높이는 것이 중요하다.<ref name="몽구웹"></ref> | ||
| + | |||
| + | === 론칭 및 모니터링 === | ||
| + | 웹사이트가 완성되고 공개되기 전에 마케팅 계획을 수립해야 한다. 이 계획에는 웹사이트의 목표와 마케팅 전략이 포함되어야 한다. 그런 다음 소셜 미디어, 이메일 마케팅, 검색 엔진 광고 등 다양한 수단을 활용하여 웹사이트를 홍보하고 사용자들을 유입시킨다. 이렇게 하면 웹사이트에 대한 인식을 높이고 트래픽을 증가시킬 수 있다. 웹사이트의 성과를 지속적으로 모니터링하여 트래픽, 사용자 행동, 이탈률 등을 분석하고, 또한 사용자들의 피드백을 수집하고 고려한다. 이 데이터와 피드백을 기반으로 웹사이트를 개선하고 사용자 경험을 향상시킨다. 콘텐츠를 업데이트하고 SEO를 최적화하여 검색 엔진에서 높은 노출을 유지한다.<ref name="몽구웹"></ref> | ||
| + | |||
| + | == 차이점 == | ||
| + | ; 웹기획 VS 앱기획 VS 서비스기획 | ||
| + | 웹기획은 스토리보드를 만들고 UI를 기획하며, 데이터베이스의 유기적 구조를 이해하여 최초 설계에서 전문성을 가지고 브라우저에서 작동하는 웹사이트를 기획하는 업무다. 반면 앱기획은 [[스마트폰]]에서 [[IOS]]나 [[안드로이드]]를 기반으로 작동하는 것이며, 아이폰·안드로이드 운영체제 기반의 앱을 개발하는 목적으로 기획하는 업무다. 서비스 기획은 고객에서 제공하는 사업을 영위하기 위해 어떻게 서비스에 접근하고, 무엇을 제공하고, 회사의 이익을 창출할 것인가를 기획한다. 즉, 앱 또는 웹을 사용하는 유저의 경험을 설계하는 일이다. 웹기획과 앱기획은 유저가 사용하는 온라인에서 작동하는 웹 또는 앱 공간을 형성하는 일을 의미하고, 서비스 기획은 웹 또는 앱을 사용하는 유저의 경험을 설계하는 일을 의미한다. 즉 만드느냐, 유저에게 제공하느냐의 차이가 있다.<ref> 전혜지, 〈[https://www.jobindexworld.com/contents/view/7925 도대체 뭐가 달라? : 서비스기획, 웹기획, 앱기획 차이점 3가지]〉, 《잡인덱스》, 2022-04-01 </ref> 웹기획, 앱기획은 목적물을 대상으로 하기에 기간과 예산을 주고 개발사에 목적물의 개발을 의뢰하기도 한다. SI, 웹에이전시는 웹과 앱 목적물의 개발을 해주는 기업이다. 하지만 서비스 기획은 경험을 제공하고, 만족하고, 학습되는 프로세스의 개념이 강하므로 기간의 한정이 어려워 외주 개발을 진행하기 어렵다. 특정 웹, 앱 목적물을 만들었다고 서비스 기획이 종료된 것이 아니기에 웹과 앱이 유저에게 서비스되면서 발생하는 데이터에 따라 개발이 추가될 수 있다.<ref> 애플_피시, 〈[https://applefish03.tistory.com/entry/%EC%9B%B9%EA%B8%B0%ED%9A%8D-%EC%95%B1%EA%B8%B0%ED%9A%8D-%EC%84%9C%EB%B9%84%EC%8A%A4%EA%B8%B0%ED%9A%8D-%EC%B0%A8%EC%9D%B4-%EC%97%85%EB%AC%B4 웹 기획, 앱 기획 그리고 서비스 기획 차이와 업무]〉, 《티스토리》, 2021-09-17 </ref> | ||
{{각주}} | {{각주}} | ||
| 27번째 줄: | 45번째 줄: | ||
* cmos00, 〈[https://cmos00.tistory.com/1975 3. 사용자 인터페이스의 개념과 이해]〉, 《티스토리》, 2017-04-27 | * cmos00, 〈[https://cmos00.tistory.com/1975 3. 사용자 인터페이스의 개념과 이해]〉, 《티스토리》, 2017-04-27 | ||
* kipoworld2, 〈[https://blog.naver.com/kipoworld2/222098664278 IU는 알아도 UI는 모른다고? 사용자 인터페이스의 모든 것!]〉, 《네이버 블로그》, 2020-09-24 | * kipoworld2, 〈[https://blog.naver.com/kipoworld2/222098664278 IU는 알아도 UI는 모른다고? 사용자 인터페이스의 모든 것!]〉, 《네이버 블로그》, 2020-09-24 | ||
| + | * 애플_피시, 〈[https://applefish03.tistory.com/entry/%EC%9B%B9%EA%B8%B0%ED%9A%8D-%EC%95%B1%EA%B8%B0%ED%9A%8D-%EC%84%9C%EB%B9%84%EC%8A%A4%EA%B8%B0%ED%9A%8D-%EC%B0%A8%EC%9D%B4-%EC%97%85%EB%AC%B4 웹 기획, 앱 기획 그리고 서비스 기획 차이와 업무]〉, 《티스토리》, 2021-09-17 | ||
| + | * 전혜지, 〈[https://www.jobindexworld.com/contents/view/7925 도대체 뭐가 달라? : 서비스기획, 웹기획, 앱기획 차이점 3가지]〉, 《잡인덱스》, 2022-04-01 | ||
* 관리자, 〈[https://monggooweb.com/blog&num=11 웹사이트 기획 순서와 과정 단계별 가이드]〉, 《몽구웹》, 2023-11-01 | * 관리자, 〈[https://monggooweb.com/blog&num=11 웹사이트 기획 순서와 과정 단계별 가이드]〉, 《몽구웹》, 2023-11-01 | ||
* 〈[https://kmong.com/article/86--%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A5%BC-%EA%B8%B0%ED%9A%8D%ED%95%98%EB%8A%94-5%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95 홈페이지를 기획하는 5가지 방법]〉, 《크몽》, 2023-08-01 | * 〈[https://kmong.com/article/86--%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A5%BC-%EA%B8%B0%ED%9A%8D%ED%95%98%EB%8A%94-5%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95 홈페이지를 기획하는 5가지 방법]〉, 《크몽》, 2023-08-01 | ||
2024년 6월 7일 (금) 14:50 기준 최신판
웹기획은 웹사이트를 구성하고 설계하는 작업이다.
 .jpg) |
목차
개요[편집]
웹기획은 인터넷 사이트 및 콘텐츠의 구성과 배치 등의 작업 과정을 말한다.[1] 사용자 경험, 사용자 인터페이스, 목표 및 전략 수립 등의 기초 개념을 토대로 사용자 중심의 웹 경험을 디자인하고, 비즈니스 목표를 달성하기 위한 효과적인 전략을 수립한다.[2] 웹사이트 개발 단계 중 가장 먼저 진행되는 단계이며, 홈페이지 제작 과정에서 발생할 수 있는 문제를 예방하고, 웹사이트를 더욱 효율적으로 개발하기 위한 필수적인 과정이다.[3] 성공적인 웹기획을 위해서는 명확한 목표와 참신하고 신선한 아이디어와 콘텐츠, 실행 가능한 범위 안에서 기획하는 것 등이 있다. 가장 중요한 것은 사용자가 사용하기 쉽고 편하게 기획하는 것이다.[4]
기초 개념[편집]
사용자 경험[편집]
사용자 경험(UX)은 사용자가 웹 사이트나 앱을 사용하는 과정에서 느끼게 되는 경험을 말한다. 웹 기획에서 중요한 측면 중 하나로, 사용자가 만족하고 편리하게 사용할 수 있는 웹 환경을 설계하는 것을 의미한다. 여기에는 인식, 감정, 태도 및 행동을 포함하여 사용자 경험의 모든 측면이 포함되며 디자인, 기능, 유용성, 접근성 및 미학과 같은 요소의 영향을 받는다. 좋은 사용자 환경은 쉽고 직관적이며 즐겁고 사용자의 요구와 기대를 충족하는 환경이다. 사용자가 좌절이나 혼란 없이 빠르고 효율적으로 목표를 달성할 수 있도록 해야 한다. 이는 신중한 설계 및 테스트뿐만 아니라 사용자 경험을 지속적으로 개선하기 위한 지속적인 분석 및 피드백을 통해 달성할 수 있다. 사용자 경험은 유용성, 접근성 및 만족도를 포함하여 제품 또는 서비스와 상호 작용할 때 사용자가 갖는 전반적인 경험을 나타낸다. 오늘날과 같은 디지털 시대에는 점점 더 많은 제품과 서비스가 디지털 채널을 통해 제공됨에 따라 사용자 경험이 점점 더 중요해지고 있는 추세다. 사용자 경험을 우선시하는 기업은 고객을 유지하고 브랜드 충성도를 구축하며 참여와 수익을 창출할 가능성이 더 높다.[5]
사용자 인터페이스[편집]
사용자 인터페이스(UI)는 버튼, 메뉴, 레이아웃 등 사용자가 상호작용하는 모든 부분을 말한다. 사용자 인터페이스의 주된 목적은 좋은 사용성(usability)이다. 좋은 사용자 인터페이스는 심리학과 생리학에 기반하여 사용자가 필요로 하는 요소를 쉽게 찾고 사용하며, 그 요소로부터 명확하게 의도한 결과를 쉽게 얻어 낼 수 있어야 한다.[6] 초기에 많이 이용되었던 사용자 인터페이스는 명령줄 인터페이스(CLI : Command Line Interface)와 텍스트 기반 사용자 인터페이스(TUI : Text User Interface)다. CLI는 사용자가 키보드를 이용하여 직접 명령문을 작성하는 인터페이스다. 텍스트 기반 인터페이스는 텍스트와 함께 레이아웃과 그래픽 요소들이 텍스트로 나타나는 것을 말한다. 이 두 가지 유형 이후 등장한 것이 바로 지금까지 사용되고 있는 그래픽 사용자 인터페이스(GUI: Graphic User Interface)다. 아이콘 같은 그래픽 요소가 기반이 되어 사용자와 컴퓨터가 상호작용하는 것을 말한다. 마이크로소프트가 출시한 윈도우가 이 GUI를 적용한 대표적인 운영체제다. GUI는 오늘날까지 가장 많이 쓰이는 사용자 인터페이스로 자리 잡았다. 현재 차세대 사용자 인터페이스로 거론되는 신기술은 '자연스러운 사용자 인터페이스(NUI: Natural User Interface)다. 기존의 GUI는 사용자가 이용하기 위해 별도의 지식과 학습이 필요했다. 명령을 실행하기 위해, 예컨대 폴더를 열기 위해 폴더 이미지의 아이콘을 마우스를 움직여 클릭하는 행동을 컴퓨터 사용자가 미리 학습해야만 했던 것이다. 하지만 NUI는 사용자가 일상생활에서 얻은 기존의 경험만을 가지고 기기를 사용할 수 있도록 한다.[7]
기획 단계[편집]
목표 및 전략 수립[편집]
목표 및 전략 수립은 프로젝트의 목표를 설정하고 그에 따른 전략을 수립하는 것이다. 목표 설정은 웹사이트를 만들 때 가장 중요한 시작 단계 중 하나로, 사용자들이 어떤 목적으로 웹 사이트를 이용하는지를 고려하여 기획한다. 이 목표는 다양한 형태로 나타날 수 있다. 비즈니스 목표, 정보 제공, 커뮤니케이션 강화 등 웹사이트가 무엇을 달성하려고 하는지를 정의해야 한다. 목표 설정은 웹사이트 프로젝트를 효율적으로 이끄는 역할을 한다. 목표가 명확하게 설정되면 팀과 이해관계자들은 프로젝트의 방향을 파악하고 이를 향해 단단한 공감대를 형성할 수 있고, 어떤 부분에 중점을 두어야 하는지 결정하기 쉬워진다. 예를 들어, 비즈니스 목표가 매출 증대라면 웹사이트는 상품 판매와 관련된 기능을 강화하고 마케팅 활동을 집중적으로 수행해야 한다. 정보 제공이 목표라면 콘텐츠 전략과 사용자 경험을 개선하는 데 초점을 맞추어야 하며, 커뮤니케이션 강화가 목표라면 연락처 정보와 소셜 미디어 통합 기능을 강화해야 한다. 목표 설정은 웹사이트를 성공적으로 계획하고 구현하기 위한 핵심 단계로, 이를 통해 나머지 프로세스를 논리적으로 조율하고 진행할 수 있다.[8]
대상 고객 연구[편집]
대상 고객 연구는 웹사이트 기획에서 두 번째로 중요한 단계다. 이 과정을 통해 웹사이트를 어떤 사용자를 대상으로 설계하고 최적화할지 결정할 수 있다. 먼저, 대상 고객의 특성을 파악한다. 이는 연령, 성별, 지역, 직업, 소득 수준 등과 같은 기본적인 인구 통계학적 정보를 포함한다. 이러한 정보를 통해 대상 고객의 프로필을 그릴 수 있으며, 이는 웹사이트의 디자인과 콘텐츠 결정에 영향을 미친다. 대상 고객의 행동 패턴을 이해하는 것은 매우 중요하다. 이들이 웹사이트에서 어떤 활동을 자주 하는지, 어떤 기기나 브라우저를 사용하는지, 어떤 검색어를 통해 웹사이트에 접속하는지 등을 파악하고, 이를 통해 웹사이트를 다양한 플랫폼과 브라우저에 최적화하고 SEO(Search Engine Optimization)를 개선할 수 있다. 또한 대상 고객의 관심사와 신뢰도도 고려해야 한다. 이들이 웹사이트에서 어떤 정보나 제품을 찾고 있는지를 파악하고 그에 맞춰 콘텐츠를 제공해야 한다. 신뢰성 있는 정보와 서비스를 제공하여 사용자의 만족도와 신뢰도를 높이는 것이 중요하다.[8]
콘텐츠 계획[편집]
콘텐츠 계획은 정보를 제공하고 사용자에게 가치 있는 내용을 전달하는 것이 목표다. 이 과정에서 SEO(Search Engine Optimization)를 고려하여 검색 엔진에서 높은 검색 노출을 얻을 수 있도록 키워드 연구를 수행한다. 웹사이트가 어떤 주제나 분야를 다룰 것인지를 결정하고 그에 따른 콘텐츠도 함께 계획한다. 예를 들어, 패션 브랜드 웹사이트라면 패션 트렌드, 제품 소개, 스타일 가이드 등이 주제가 될 수 있다. 사용자들이 검색 엔진을 통해 해당 주제와 관련된 어떤 키워드를 사용하는지 조사하는 것을 의미한다. 이를 통해 웹사이트의 콘텐츠를 특정 키워드에 최적화하여 검색 결과에서 높은 순위를 얻을 수 있다. 콘텐츠 형식은 다양하게 결정될 수 있으며, 텍스트, 이미지, 비디오, 오디오 등을 활용하여 다양한 형식의 콘텐츠를 포함할 수 있다. 사용자의 관심을 끄는 다양한 콘텐츠 형식을 활용하여 웹사이트를 풍부하게 만들 수 있다. 콘텐츠 일정과 제작은 콘텐츠를 언제 어떻게 제작할 것인지를 계획하는 단계로, 작성자, 디자이너, 비디오 제작자 등과 협력하여 필요한 콘텐츠를 제작하고 업로드한다. 웹사이트에 콘텐츠를 업로드하고 관리하는 방법을 계획하며, 콘텐츠를 주기적으로 업데이트하고 사용자의 요구에 맞춰 조정한다. 마지막으로 목표 설정과 성과 측정은 각 콘텐츠가 달성해야 하는 목표와 성과 지표를 설정하고, 웹사이트의 성과를 모니터링하고 분석하여 콘텐츠 전략을 지속적으로 개선하는 데 도움을 준다.[8]
정보 구조 설계[편집]
정보 구조를 설계하는 과정은 웹사이트 기획 순서에서 가장 중요한 부분이다. 정보 구조를 잘 설계하면 사용자가 원하는 정보를 쉽게 찾을 수 있고 웹사이트를 효율적으로 탐색할 수 있다. 이를 위해서는 메뉴 항목을 정의하고 어떻게 계층 구조로 구성할지를 고려한다. 사용자가 웹사이트를 방문했을 때 가장 먼저 눈에 띄는 내비게이션 요소이므로 사용자가 쉽게 이해하고 탐색할 수 있어야 한다. 다음으로 페이지 계층 구조를 정의한다. 이는 웹사이트 내의 각 페이지가 어떤 관계로 구성되는지를 나타낸다. 사용자가 웹사이트를 탐색하는 흐름을 고려하여 페이지 간의 연결을 설계하는 단계다. 탐색 경로는 사용자가 웹사이트 내에서 어떤 경로로 정보를 찾아가는지를 고려하여 설정한다. 메뉴, 링크, 버튼 등을 어떻게 배치하여 사용자가 원하는 정보로 빠르게 이동할 수 있는지 등을 고려한다. 카테고리와 레이블링은 각 섹션과 페이지를 명확하게 식별하고 사용자가 내용을 예상할 수 있도록 도와준다. 일관된 레이블을 사용하여 혼동을 방지하고 사용자의 편의성을 높인다. 정보 구조를 설계할 때 항상 사용자의 요구와 관점을 고려하여 사용자 경험을 최적화한다.[8]
웹사이트 디자인[편집]
웹사이트의 디자인을 고려할 때는 사용자 경험을 중요시하며, 웹사이트의 레이아웃, 색상, 버튼, 아이콘 등을 설계한다. 디자인이 결정되면 기술적 구현을 진행한다. 이때, 어떤 웹 개발 플랫폼을 사용할지를 선택하고, 웹사이트의 보안을 고려하여 데이터 보호 및 보안 측면을 고려한다. 웹사이트가 다양한 디바이스와 브라우저에서 잘 동작하도록 반응형 웹 디자인을 구현하고, 크로스 브라우징 테스트를 통해 호환성을 확인한다. 마지막으로, 웹사이트 개발이 완료되면 테스트와 검토를 한다. 이는 웹사이트의 브라우저 호환성을 확인하는 과정이며, 또한 모바일 기기에서도 웹사이트가 잘 표시되고 작동하는지 확인한다. 웹사이트의 기능도 테스트하며, 올바로 작동하지 않는 부분을 수정한다. 속도와 성능도 테스트하고 최적화 작업을 수행하여 사용자 경험을 향상시킨다. 이러한 과정을 통해 웹사이트는 디자인적으로 매력적이며 기술적으로 안정적인 상태로 개발된다. 사용자 경험과 보안을 고려하고, 테스트와 검토를 통해 웹사이트의 품질을 높이는 것이 중요하다.[8]
론칭 및 모니터링[편집]
웹사이트가 완성되고 공개되기 전에 마케팅 계획을 수립해야 한다. 이 계획에는 웹사이트의 목표와 마케팅 전략이 포함되어야 한다. 그런 다음 소셜 미디어, 이메일 마케팅, 검색 엔진 광고 등 다양한 수단을 활용하여 웹사이트를 홍보하고 사용자들을 유입시킨다. 이렇게 하면 웹사이트에 대한 인식을 높이고 트래픽을 증가시킬 수 있다. 웹사이트의 성과를 지속적으로 모니터링하여 트래픽, 사용자 행동, 이탈률 등을 분석하고, 또한 사용자들의 피드백을 수집하고 고려한다. 이 데이터와 피드백을 기반으로 웹사이트를 개선하고 사용자 경험을 향상시킨다. 콘텐츠를 업데이트하고 SEO를 최적화하여 검색 엔진에서 높은 노출을 유지한다.[8]
차이점[편집]
- 웹기획 VS 앱기획 VS 서비스기획
웹기획은 스토리보드를 만들고 UI를 기획하며, 데이터베이스의 유기적 구조를 이해하여 최초 설계에서 전문성을 가지고 브라우저에서 작동하는 웹사이트를 기획하는 업무다. 반면 앱기획은 스마트폰에서 IOS나 안드로이드를 기반으로 작동하는 것이며, 아이폰·안드로이드 운영체제 기반의 앱을 개발하는 목적으로 기획하는 업무다. 서비스 기획은 고객에서 제공하는 사업을 영위하기 위해 어떻게 서비스에 접근하고, 무엇을 제공하고, 회사의 이익을 창출할 것인가를 기획한다. 즉, 앱 또는 웹을 사용하는 유저의 경험을 설계하는 일이다. 웹기획과 앱기획은 유저가 사용하는 온라인에서 작동하는 웹 또는 앱 공간을 형성하는 일을 의미하고, 서비스 기획은 웹 또는 앱을 사용하는 유저의 경험을 설계하는 일을 의미한다. 즉 만드느냐, 유저에게 제공하느냐의 차이가 있다.[9] 웹기획, 앱기획은 목적물을 대상으로 하기에 기간과 예산을 주고 개발사에 목적물의 개발을 의뢰하기도 한다. SI, 웹에이전시는 웹과 앱 목적물의 개발을 해주는 기업이다. 하지만 서비스 기획은 경험을 제공하고, 만족하고, 학습되는 프로세스의 개념이 강하므로 기간의 한정이 어려워 외주 개발을 진행하기 어렵다. 특정 웹, 앱 목적물을 만들었다고 서비스 기획이 종료된 것이 아니기에 웹과 앱이 유저에게 서비스되면서 발생하는 데이터에 따라 개발이 추가될 수 있다.[10]
각주[편집]
- ↑ 〈웹기획자〉, 《두산백과》
- ↑ 〈웹 기획 전문가 과정〉, 《SBS아카데미컴퓨터아트학원》
- ↑ 〈홈페이지를 기획하는 5가지 방법〉, 《크몽》, 2023-08-01
- ↑ 금동맘, 〈[웹 기획 기초와 설계] 1.웹 기획 : 성공적인 웹 사이트의 첫번째 조건〉, 《네이버 블로그》, 2014-12-28
- ↑ OCTATCO, 〈사용자 경험(UX)이란 무엇입니까?〉, 《OCTATCO》
- ↑ cmos00, 〈3. 사용자 인터페이스의 개념과 이해〉, 《티스토리》, 2017-04-27
- ↑ kipoworld2, 〈IU는 알아도 UI는 모른다고? 사용자 인터페이스의 모든 것!〉, 《네이버 블로그》, 2020-09-24
- ↑ 8.0 8.1 8.2 8.3 8.4 8.5 관리자, 〈웹사이트 기획 순서와 과정 단계별 가이드〉, 《몽구웹》, 2023-11-01
- ↑ 전혜지, 〈도대체 뭐가 달라? : 서비스기획, 웹기획, 앱기획 차이점 3가지〉, 《잡인덱스》, 2022-04-01
- ↑ 애플_피시, 〈웹 기획, 앱 기획 그리고 서비스 기획 차이와 업무〉, 《티스토리》, 2021-09-17
참고자료[편집]
- 〈웹기획자〉, 《두산백과》
- 〈웹 기획 전문가 과정〉, 《SBS아카데미컴퓨터아트학원》
- OCTATCO, 〈사용자 경험(UX)이란 무엇입니까?〉, 《OCTATCO》
- 금동맘, 〈[웹 기획 기초와 설계] 1.웹 기획 : 성공적인 웹 사이트의 첫번째 조건〉, 《네이버 블로그》, 2014-12-28
- cmos00, 〈3. 사용자 인터페이스의 개념과 이해〉, 《티스토리》, 2017-04-27
- kipoworld2, 〈IU는 알아도 UI는 모른다고? 사용자 인터페이스의 모든 것!〉, 《네이버 블로그》, 2020-09-24
- 애플_피시, 〈웹 기획, 앱 기획 그리고 서비스 기획 차이와 업무〉, 《티스토리》, 2021-09-17
- 전혜지, 〈도대체 뭐가 달라? : 서비스기획, 웹기획, 앱기획 차이점 3가지〉, 《잡인덱스》, 2022-04-01
- 관리자, 〈웹사이트 기획 순서와 과정 단계별 가이드〉, 《몽구웹》, 2023-11-01
- 〈홈페이지를 기획하는 5가지 방법〉, 《크몽》, 2023-08-01
같이 보기[편집]
