안녕하십니까~ IT아웃소싱 플랫폼 의 ROY입니다.


날씨도 더운만큼 바다로 해외로 휴가를 많이가는 휴가철입니다.

휴가를 빨리 갔다와서 후유증이 심하네요...

 오늘의 컨텐츠는 웹개발 혹은 디자인, 기획 분야를 준비하시거나

종사하시는 분들을 위해 기획용어를 정리해봤습니다.  


웹사이트는 혼자 만드는 것이 아닙니다 기획자/퍼블리셔/디자이너/개발자들이

상호 커뮤니케이션이 잘되야 완성도있는 웹사이트가 만들어집니다.

그럼 소통을 위해 알아두면 도움되는 기획용어를 알아보겠습니다.


웹기획 실무에 도움되는 기획용어들


1. 와이어프레임(Wireframe)


와이어프레임은 각 실무자들과 의사소통을 위한 화면 레이아웃을 2차원그림으로 설명한 것으로

서비스의 흐름이나 UX / UI설계 정보전달을 하기위해 컬러와 이미지는 피해야합니다.


와이어프레임


2. 스토리보드


실무자들이 작업하는데 참고하는 기획문서로써 와이어프레임 기능정의 , 디자인 레이아웃 등의

화면구성과 서비스 구축을 위한 모든 정보가 나와있는 자료입니다.


스토리보드



3. 프로토타입


정보시스템의 미완성 버전 또는 중요한 기능들이 포함되어 있는 시스템의 초기모델입니다.

와이어프레임이나 스토리보드에 실제처럼 구현한 것으로 시뮬레이션을 해볼 수 있습니다.


프로토타입


4. GNB (Global navigation bar)


웹사이트를 방문한 사용자의 이동 경로를 하이퍼링크 형태로 모아서 보여주는 내비게이션 시스템

어느 페이지에 들어가든 공통적으로 사용할 수 있는 메뉴들로 위치


5. LNB (Local navigation bar)


사이트 특정 지역으로 가기 위하여 적용되는 네비게이션으로써 메인이 되는 메뉴나

대메뉴에 사용되고 보통 왼쪽에 위치


6. SNB (Side navigation bar)


서브메뉴나 서브페이지에 존재하는 사이트내 지역으로 이동하는 네비게이션


7. FNB ( Foot navigation bar)


하단메뉴, 하단로고, 주소, 카피라이팅 등


8. WBS (Work Breakdown Structure)


작업분할구조는 프로젝트에서 수행해야 하는 활동 기준으로 작업들을 계층화,상세화 함으로써

체계적으로 프로젝트 범위를 분류하는 것 

WBS

9. IA (information architecture)


IA는 정보설계라고 합니다. 보통 엑셀을 이용하여 설계를 하는데 실무자 간에 정보구조를 이해하기

위하여 각 Depth별로 기능을 표현합니다. 쉽게 말해 사이트맵에 추가설명을 해놓는 개념입니다.


10. DEPTH


메뉴의 단계를 의미하며 단계가 깊어질수록 세부적인 카테고리를 의미합니다.


11. HEADER


일반적으로 웹사이트 상단 영역 (ex. 로고, GNB)


12. FOOTER


페이지 하단에 위치하는 노출영역 (ex. 회사정보,사업자정보,SNS)


13. RFP (Request For Proposal)


제안요청서로써 SI 및 웹에이전시에서 요청하는 문서입니다. 

제안요청서는 수신한 회사에서 수록된 내용을 바탕으로 제안서를 작성하는 용도입니다.


프리모아


저작자 표시 비영리 변경 금지
신고
Posted by 프리모아 프리모아

댓글을 달아 주세요


티스토리 툴바