웹기획

웹기획은 웹사이트를 구성하고 설계하는 작업이다.

[아사달] 스마트 호스팅

개요

웹기획은 인터넷 사이트 및 콘텐츠의 구성과 배치 등의 작업 과정을 말한다. 사용자 경험, 사용자 인터페이스, 목표 및 전략 수립 등의 기초 개념을 토대로 사용자 중심의 웹 경험을 디자인하고, 비즈니스 목표를 달성하기 위한 효과적인 전략을 수립한다. 웹사이트 개발 단계 중 가장 먼저 진행되는 단계이며, 홈페이지 제작 과정에서 발생할 수 있는 문제를 예방하고, 웹사이트를 더욱 효율적으로 개발하기 위한 필수적인 과정이다. 성공적인 웹기획을 위해서는 명확한 목표와 참신하고 신선한 아이디어와 콘텐츠, 실행 가능한 범위 안에서 기획하는 것 등이 있다. 가장 중요한 것은 사용자가 사용하기 쉽고 편하게 기획하는 것이다.

기초 개념

사용자 경험

사용자 경험(UX)은 사용자가 웹 사이트나 앱을 사용하는 과정에서 느끼게 되는 경험을 말한다. 웹 기획에서 중요한 측면 중 하나로, 사용자가 만족하고 편리하게 사용할 수 있는 웹 환경을 설계하는 것을 의미한다. 여기에는 인식, 감정, 태도 및 행동을 포함하여 사용자 경험의 모든 측면이 포함되며 디자인, 기능, 유용성, 접근성 및 미학과 같은 요소의 영향을 받는다. 좋은 사용자 환경은 쉽고 직관적이며 즐겁고 사용자의 요구와 기대를 충족하는 환경이다. 사용자가 좌절이나 혼란 없이 빠르고 효율적으로 목표를 달성할 수 있도록 해야 한다. 이는 신중한 설계 및 테스트뿐만 아니라 사용자 경험을 지속적으로 개선하기 위한 지속적인 분석 및 피드백을 통해 달성할 수 있다. 사용자 경험은 유용성, 접근성 및 만족도를 포함하여 제품 또는 서비스와 상호 작용할 때 사용자가 갖는 전반적인 경험을 나타낸다. 오늘날과 같은 디지털 시대에는 점점 더 많은 제품과 서비스가 디지털 채널을 통해 제공됨에 따라 사용자 경험이 점점 더 중요해지고 있는 추세다. 사용자 경험을 우선시하는 기업은 고객을 유지하고 브랜드 충성도를 구축하며 참여와 수익을 창출할 가능성이 더 높다.

사용자 인터페이스

사용자 인터페이스(UI)는 버튼, 메뉴, 레이아웃 등 사용자가 상호작용하는 모든 부분을 말한다. 사용자 인터페이스의 주된 목적은 좋은 사용성(usability)이다. 좋은 사용자 인터페이스는 심리학과 생리학에 기반하여 사용자가 필요로 하는 요소를 쉽게 찾고 사용하며, 그 요소로부터 명확하게 의도한 결과를 쉽게 얻어 낼 수 있어야 한다. 초기에 많이 이용되었던 사용자 인터페이스는 명령줄 인터페이스(CLI : Command Line Interface)와 텍스트 기반 사용자 인터페이스(TUI : Text User Interface)다. CLI는 사용자가 키보드를 이용하여 직접 명령문을 작성하는 인터페이스다. 텍스트 기반 인터페이스는 텍스트와 함께 레이아웃과 그래픽 요소들이 텍스트로 나타나는 것을 말한다. 이 두 가지 유형 이후 등장한 것이 바로 지금까지 사용되고 있는 그래픽 사용자 인터페이스(GUI: Graphic User Interface)입니다. 아이콘 같은 그래픽 요소가 기반이 되어 사용자와 컴퓨터가 상호작용하는 것을 말한다. 마이크로소프트가 출시한 윈도우가 이 GUI를 적용한 대표적인 운영체제다. GUI는 오늘날까지 가장 많이 쓰이는 사용자 인터페이스로 자리 잡았다. 현재 차세대 사용자 인터페이스로 거론되는 신기술은 '자연스러운 사용자 인터페이스(NUI: Natural User Interface)다. 기존의 GUI는 사용자가 이용하기 위해 별도의 지식과 학습이 필요했다. 명령을 실행하기 위해, 예컨대 폴더를 열기 위해 폴더 이미지의 아이콘을 마우스를 움직여 클릭하는 행동을 컴퓨터 사용자가 미리 학습해야만 했던 것이다. 하지만 NUI는 사용자가 일상생활에서 얻은 기존의 경험만을 가지고 기기를 사용할 수 있도록 한다.

목표 및 전략 수립

목표 및 전략 수립은 프로젝트의 목표를 설정하고 그에 따른 전략을 수립하는 것이다. 목표 설정은 웹사이트를 만들 때 가장 중요한 시작 단계 중 하나로, 사용자들이 어떤 목적으로 웹 사이트를 이용하는지를 고려하여 기획한다. 이 목표는 다양한 형태로 나타날 수 있다. 비즈니스 목표, 정보 제공, 커뮤니케이션 강화 등 웹사이트가 무엇을 달성하려고 하는지를 정의해야 한다. 목표 설정은 웹사이트 프로젝트를 효율적으로 이끄는 역할을 한다. 목표가 명확하게 설정되면 팀과 이해관계자들은 프로젝트의 방향을 파악하고 이를 향해 단단한 공감대를 형성할 수 있고, 어떤 부분에 중점을 두어야 하는지 결정하기 쉬워진다. 예를 들어, 비즈니스 목표가 매출 증대라면 웹사이트는 상품 판매와 관련된 기능을 강화하고 마케팅 활동을 집중적으로 수행해야 한다. 정보 제공이 목표라면 콘텐츠 전략과 사용자 경험을 개선하는 데 초점을 맞추어야 하며, 커뮤니케이션 강화가 목표라면 연락처 정보와 소셜 미디어 통합 기능을 강화해야 한다. 목표 설정은 웹사이트를 성공적으로 계획하고 구현하기 위한 핵심 단계로, 이를 통해 나머지 프로세스를 논리적으로 조율하고 진행할 수 있다.

참고자료

• 〈웹기획자〉, 《두산백과》
• 〈웹 기획 전문가 과정〉, 《SBS아카데미컴퓨터아트학원》
• OCTATCO, 〈사용자 경험(UX)이란 무엇입니까?〉, 《OCTATCO》
• 금동맘, 〈[웹 기획 기초와 설계] 1.웹 기획 : 성공적인 웹 사이트의 첫번째 조건〉, 《네이버 블로그》, 2014-12-28
• cmos00, 〈3. 사용자 인터페이스의 개념과 이해〉, 《티스토리》, 2017-04-27
• kipoworld2, 〈IU는 알아도 UI는 모른다고? 사용자 인터페이스의 모든 것!〉, 《네이버 블로그》, 2020-09-24
• 관리자, 〈웹사이트 기획 순서와 과정 단계별 가이드〉, 《몽구웹》, 2023-11-01
• 〈홈페이지를 기획하는 5가지 방법〉, 《크몽》, 2023-08-01

같이 보기

• 웹기획자

이 웹기획 문서는 인터넷에 관한 글로서 검토가 필요합니다. 위키 문서는 누구든지 자유롭게 편집할 수 있습니다. [편집]을 눌러 문서 내용을 검토·수정해 주세요.

개발 : 프로그래밍, 소프트웨어, 데이터, 솔루션, 보안, 하드웨어, 컴퓨터, 사무자동화, 인터넷 □■⊕, 모바일, 사물인터넷, 게임, 메타버스, 디자인 인터넷 PC통신 • 그누텔라 • 네트워크 • 다크넷 • 다크웹 • 딥웹 • 무선인터넷 • 슈퍼피어 • 스타링크 • 아르파넷 • 아이투피(I2P) • 엑스트라넷 • 오버레이 네트워크 • 오투오(O2O) • 오프라인 • 온라인 • 온오프라인 • 유선인터넷 • 인터넷 • 인트라넷 • 초고속 인터넷 • 토어(토르) • 표면웹 • 프리넷 • 피투피(P2P) • 하이브리드 피투피(P2P) • 홈네트워크 인터넷 기술 ARP • DNS • FTP • G-클라우드 • HTTP • HTTPS • IPFS • IPv4 • IPv6 • IRC • IRI • ISBN • LDAP • MOIP • OpenSSL • OSI 7 계층 • RFC • RFID • SFTP • SOAP • SSH • SSL • SSO • TCP • TCP/IP • TLS • UCI • UDP • URI • URL • URN • VoIP • 강화 내부 게이트웨이 라우팅 프로토콜 • 검색 • 검색엔진 • 게이트웨이 • 경계 경로 프로토콜 • 내부 게이트웨이 라우팅 프로토콜 • 다운로드 • 데몬 • 라우팅 정보 프로토콜 • 백엔드 • 사물인터넷 • 서버 • 서버-클라이언트 • 서브넷마스크 • 세션 • 스트리밍 • 식별자 • 아이피(IP) • 업로드 • 에듀테크 • 온프레미스 • 원격 프로시저 호출(RPC) • 유비쿼터스 • 인터넷 기술 • 자율시스템 • 정보기술 • 정보통신 • 채팅 • 챗봇 • 최단경로 우선 프로토콜(OSPF) • 쿠키 • 크롤링 • 클라이언트 • 키워드 • 텔넷 • 토폴로지 • 트래픽 • 패킷 • 포털 • 포트 • 프런트엔드 • 프로토콜 • 프록시 • 해시태그 이메일 IMAP • POP3 • SMTP • 계정메일 • 네이버 메일 • 다음 메일 • 센드메일 • 스팸 • 스팸메일 • 스팸필터링 • 아웃룩 익스프레스 • 야후 메일 • 웹메일 • 이메일 • 지메일 • 카카오 메일 • 한메일 • 핫메일 웹 KWCAG • WCAG • 서핑 • 시맨틱 웹 • 오프라인 웹 • 웹 • 웹 1.0 • 웹 2.0 • 웹 3.0 • 웹개방성 • 웹서비스 • 웹접근성 • 웹접근성 인증마크 • 웹주소 • 웹표준 • 웹호환성 • 피드 웹사이트 BBS • GNB • LNB • UI/UX • 게시판 • 관리자 사이트 • 그래픽 사용자 인터페이스(GUI) • 누리집 • 대시보드 • 드롭다운 메뉴 • 랜딩 템플릿 • 랜딩 페이지 • 리더보드 • 마이홈피 • 메뉴 • 모달창 • 미니홈피 • 방명록 • 배너 • 사용자 경험(UX) • 사용자 인터페이스(UI) • 섹션 • 왼쪽메뉴 • 웹기획 • 웹사이트 • 웹페이지 • 인터페이스 • 쪽지 • 커뮤니티 • 탑메뉴 • 탭메뉴 • 템플릿 • 팝업 • 페이지 • 페이지뷰 • 햄버거 메뉴 • 호버 • 홈페이지 • 화면 웹브라우저 넷스케이프 • 모자이크 • 브라우저 • 브레이브 브라우저 • 블록체인 브라우저 • 사파리 • 삼성인터넷 • 스윙 • 엣지 • 오시리스 • 오페라 • 웨일 • 웹브라우저 • 인터넷 익스플로러(IE) • 크롬 • 파이어폭스 • 판도브라우저 인터넷 서비스 구글 • 구글 미트 • 구글챗 • 구글 행아웃 • 깃허브 • 네아로 • 네이버 • 네이버 웹툰 • 네이버 카페 • 넷플릭스 • 다음 • 라이코스 • 레진코믹스 • 메일루 • 멜론 • 바이두 • 바이트댄스 • 비트토렌트 • 빌리빌리 • 빙 • 소리바다 • 스포티파이 • 아마존 웹서비스(AWS) • 애플 • 야후 • 야후재팬 • 얀덱스 • 에버노트 • 에어비앤비 • 왓챠 • 웹소설 • 웹툰 • 유튜브 • 인스타툰 • 인터넷 서비스 • 인터넷카페 • 잼라이브 • 줌 • 카카오 • 카카오 웹툰 • 카카오페이지 • 탑툰 • 텐센트 • 팟캐스트 • 패스 • 페이오니아 • 페이팔 • 해시넷 • 화상통화 • 화상회의 인터넷쇼핑 11번가 • 그립 • 네이버 쇼핑 • 네이버 쇼핑 라이브 • 라이브방송 • 라이브커머스 • 모바일쇼핑 • 스쉐라이브 • 스타일쉐어 • 아마존 • 알리바바 • 오픈마켓 • 옥션 • 온라인쇼핑 • 위메프 • 이베이 • 인터넷쇼핑 • 인터파크 • 전자상거래 • 지마켓 • 징동닷컴 • 카카오 쇼핑 • 카카오 쇼핑 라이브 • 커머스 • 쿠팡 • 쿠팡 라이브 • 타오바오 • 티몬 소셜 네트워크 SNS(소셜 네트워크 서비스) • 구글 블로거 • 네이버 밴드 • 네이버 블로그 • 디시인사이드 • 링크드인 • 마이크로블로그 • 맞팔 • 브런치스토리 • 블로그 • 소셜 네트워크 • 엑스 (트위터) • 웨이보 • 인스타그램 • 트루스소셜 • 티스토리 • 팔로우 • 페이스북 • 플리커 • 핀터레스트 메신저 골프메신저 • 님버즈 • 대화방 • 두레이 • 디스코드 • 딩톡 • 라인 • 라인웍스 • 마이크로소프트 팀즈 • 메신저 • 버디버디 • 스냅챗 • 스노우 • 스카이프 • 슬랙 • 아이씨큐(ICQ) • 왓츠앱 • 웹메신저 • 위챗 • 잔디 • 직톡 • 카카오워크 • 카카오톡 • 카톡방 • 큐큐(QQ) • 탱고 • 텔레그램 • 틱톡 • 페이스북 메신저 • 플로우 도메인 네임서버 • 다국어도메인 • 도메인 • 레지스트라 • 레지스트리 • 아이피 • 인터넷주소 • 인터넷키워드 • 한글인터넷주소 • 후이즈 호스팅 메일호스팅 • 서버호스팅 • 웹호스팅 • 코로케이션 • 클라우드 • 클라우드 네이티브 • 파킹 • 포워딩 • 호스팅 위키 구스위키 • 나무위키 • 노스모크 • 더위키 • 디시위키 • 리그베다위키(엔하위키) • 리브레위키 • 미디어위키 • 바다위키 • 백괴사전 • 아이티위키 • 알파위키 • 엔하계 위키 • 요다위키 • 우만위키 • 위키 • 위키낱말사전 • 위키독스 • 위키문법 • 위키문서 • 위키문헌 • 위키미디어재단 • 위키백과 • 위키스 • 위키엔진 • 위키원 • 위키원드 • 위키트리 • 위키휴가 • 제이위키 • 제타위키 • 중국위키 • 팬덤(위키아) • 한국어 위키백과 • 한국위키미디어협회 • 항공위키 인터넷 사용자 가입 • 가입자 • 강퇴 • 계정 • 관리자 • 네트워크 관리자 • 네티즌 • 누리꾼 • 대기자 • 데이터베이스 관리자 • 등록자 • 디지털 원패스 • 로그아웃 • 로그인 • 방문자 • 방장 • 블로거 • 블록체인 관리자 • 비회원 • 사용자 • 사이트 관리자 • 서버관리자 • 시삽 • 시스템 관리자 • 아이디(ID) • 운영진 • 웹관리자 • 웹마스터 • 유튜버 • 접속자 • 차단 • 최고관리자 • 탈퇴 • 탈퇴자 • 회원 • 회원제 • 휴면 • 휴면계정 인터넷 단체 IANA • ICANN • W3C • 다르파 • 유럽입자물리연구소(CERN) 위키 : 자동차, 교통, 지역, 지도, 산업, 기업, 단체, 업무, 생활, 쇼핑, 블록체인, 암호화폐, 인공지능, 개발, 인물, 행사, 일반