Top 36 메뉴 구성 도 Quick Answer

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 메뉴 구성 도 on Google, you do not find the information you need! Here are the best content compiled and compiled by the Toplist.maxfit.vn team, along with other related topics such as: 메뉴 구성 도 메뉴구조도 ia, 메뉴구조도 영어로, 메뉴 구조도 툴, 메뉴트리 작성, 메뉴구조도 기능정의서, 메뉴트리 ia, 쇼핑몰 메뉴구조도, 웹페이지 구조도


\”냉면도 하세요?\” \”저희는 안합니다\” 메뉴구성의 4대 원칙
\”냉면도 하세요?\” \”저희는 안합니다\” 메뉴구성의 4대 원칙


메뉴구조도_양식(샘플)

  • Article author: dreamiter.tistory.com
  • Reviews from users: 28419 ⭐ Ratings
  • Top rated: 4.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 메뉴구조도_양식(샘플) 메뉴구조도는 사이트에 구성되어야 하는(혹은 구성되어 있는) 페이지를 트리형태로 표현한 문서로 보통 메뉴 간의 상/하관계와 기능 등을 엑셀로 작업하는 … …
  • Most searched keywords: Whether you are looking for 메뉴구조도_양식(샘플) 메뉴구조도는 사이트에 구성되어야 하는(혹은 구성되어 있는) 페이지를 트리형태로 표현한 문서로 보통 메뉴 간의 상/하관계와 기능 등을 엑셀로 작업하는 … 안녕하세요~ 😀 ​ 오늘은 기획자가 많이 작성하는 문서 중 ‘메뉴구조도’에 대해서 알아보려고 합니다. ​ 메뉴구조도는 무엇이며, 언제 사용하고, 어떻게 작성하는지에 대해서 제가 작성했던 양식을 바탕으로 간..시스템기획, UI/UX기획, 서비스기획, PM업무까지
    실제 경험을 바탕으로 취준생시기부터 현 직장에 오기까지의 노하우를 공유합니다.

    – 지극히 평범한 7년차 대기업 기획자 –

  • Table of Contents:
메뉴구조도_양식(샘플)
메뉴구조도_양식(샘플)

Read More

IA, 메뉴구조도, 화면목록이 헷갈린다면? | 요즘IT

  • Article author: yozm.wishket.com
  • Reviews from users: 19517 ⭐ Ratings
  • Top rated: 3.4 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about IA, 메뉴구조도, 화면목록이 헷갈린다면? | 요즘IT IA(Information Architecture, 정보구조도)란? 웹∙앱 구축 시 필요한 화면과 메뉴의 정보 구조를 설계 및 정의하는 문서입니다. 보통 정보의 구조화를 … …
  • Most searched keywords: Whether you are looking for IA, 메뉴구조도, 화면목록이 헷갈린다면? | 요즘IT IA(Information Architecture, 정보구조도)란? 웹∙앱 구축 시 필요한 화면과 메뉴의 정보 구조를 설계 및 정의하는 문서입니다. 보통 정보의 구조화를 … 회사에서 사용자를 위한 서비스가 정의되면, ‘서비스에 어떤 화면들이 필요한지’, ‘각 화면들의 정보(화면 간 관계, 속성, 기능 등)는 어떻게 되는지’ 등을 정리합니다. IA, 메뉴구조도, 화면목록은 구성이 모두 비슷하지만, 사실 각각 다른 목적을 갖고 있습니다. 이번 글에서는 화면 설계를 진행하기 전에 IA와 메뉴구조도, 그리고 화면목록 등 이 3가지 문서에 관한 목적을 파악하고, 경우마다 어떤 문서를 사용하면 좋을지 알아보겠습니다.IA,메뉴구조도,화면목록,앱서비스,웹서비스
  • Table of Contents:
IA, 메뉴구조도, 화면목록이 헷갈린다면? | 요즘IT
IA, 메뉴구조도, 화면목록이 헷갈린다면? | 요즘IT

Read More

[기획] 메뉴 구조도

  • Article author: ttiger84.tistory.com
  • Reviews from users: 18015 ⭐ Ratings
  • Top rated: 4.9 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about [기획] 메뉴 구조도 메뉴구조도는 사이트에 구성되어야 하는(혹은 구성되어 있는) 페이지를 트리형태로 표현한 문서로 보통 메뉴 간의 상/하관계와 기능 등을 엑셀로 작업 … …
  • Most searched keywords: Whether you are looking for [기획] 메뉴 구조도 메뉴구조도는 사이트에 구성되어야 하는(혹은 구성되어 있는) 페이지를 트리형태로 표현한 문서로 보통 메뉴 간의 상/하관계와 기능 등을 엑셀로 작업 … 초보육아일기, 최신IT정보
  • Table of Contents:
[기획] 메뉴 구조도
[기획] 메뉴 구조도

Read More

메뉴 트리, 정보구조도 작성 방법

  • Article author: cucat.tistory.com
  • Reviews from users: 12440 ⭐ Ratings
  • Top rated: 3.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 메뉴 트리, 정보구조도 작성 방법 정보 구조 설계에 해당하는 메뉴 트리, 정보 구조도(IA) 작성은 기획과 디자인 두 분야에서 통용되는 단계입니다. 기획자 뿐만 아니라 디자이너도 … …
  • Most searched keywords: Whether you are looking for 메뉴 트리, 정보구조도 작성 방법 정보 구조 설계에 해당하는 메뉴 트리, 정보 구조도(IA) 작성은 기획과 디자인 두 분야에서 통용되는 단계입니다. 기획자 뿐만 아니라 디자이너도 … 정보 구조 설계에 해당하는 메뉴 트리, 정보 구조도(IA) 작성은 기획과 디자인 두 분야에서 통용되는 단계입니다. 기획자 뿐만 아니라 디자이너도 이와 같은 내용을 알면 디자인을 설계하고 표현하는데 있어서 매..윈도우, 윈도우 10, 구글 크롬, 구글 독스, 구글 문서, 구글 시트, 구글 스프레드시트, 구글 미트, 파워포인트, 엑셀, 인터넷, 유튜브, 무료 사이트, 사파리, 맥, 맥북, 아이폰, 컴퓨터, 블로그, 웹사이트 기획, 게임 기획, 웹디자인, 피그마, 노션, 웹 코딩, html, css, javascript, jquery
  • Table of Contents:

0 정보 구조 설계란

1 메뉴 트리

2 정보 구조도

관련글

댓글0

연재글 보는 순서

티스토리툴바

메뉴 트리, 정보구조도 작성 방법
메뉴 트리, 정보구조도 작성 방법

Read More

프로젝트 산출물

  • Article author: www.itlab.co.kr
  • Reviews from users: 19998 ⭐ Ratings
  • Top rated: 3.3 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 프로젝트 산출물 메뉴구조 설계서 입니다. 메뉴구조도/IA toyksy 10.08. IA 구성 문서입니다. 2. IA … …
  • Most searched keywords: Whether you are looking for 프로젝트 산출물 메뉴구조 설계서 입니다. 메뉴구조도/IA toyksy 10.08. IA 구성 문서입니다. 2. IA … IT 분야별 실무자료, 뉴스트렌드, 커뮤니티 제공아이티랩,ITLAB,기획매니아,기획,웹기획,전략기획,컨설팅,제안서,스토리보드,최신동향,모바일기획,UX,디자인,개발,프로그래밍,마케팅,쇼핑몰,커뮤니티,실무,실무자료,메이크잇,makeit요구사항정의서,벤치마킹,분석보고서,컨셉,서비스정책,IA,정보구조도,기능정의서,시스템구성도,프로세스,업무흐름도,스타일가이드,개발표준,ERD,DB설계,프로그램목록,프로그램명세,인터페이스,테스트,평가,품질,성능,매뉴얼,일정관리,이슈관리,수행계획서,방법론,산출물,RFP요구사항정의서,벤치마킹,분석보고서,컨셉,서비스정책,IA,정보구조도,기능정의서,시스템구성도,프로세스,업무흐름도,스타일가이드,개발표준,ERD,DB설계,프로그램목록,프로그램명세,인터페이스,테스트,평가,품질,성능,매뉴얼,일정관리,이슈관리,수행계획서,방법론,산출물,RFP IT 분야별 실무자료, 뉴스트렌드, 커뮤니티 제공아이티랩,ITLAB,기획매니아,기획,웹기획,전략기획,컨설팅,제안서,스토리보드,최신동향,모바일기획,UX,디자인,개발,프로그래밍,마케팅,쇼핑몰,커뮤니티,실무,실무자료,메이크잇,makeit
  • Table of Contents:
프로젝트 산출물
프로젝트 산출물

Read More

메뉴 구성 도

  • Article author: kun-hee.tistory.com
  • Reviews from users: 46085 ⭐ Ratings
  • Top rated: 4.5 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 메뉴 구성 도 Updating …
  • Most searched keywords: Whether you are looking for 메뉴 구성 도 Updating 사이트 기준으로 서비스를 개선하거나 리뉴얼할 때 메뉴 구조를 분석해야 한다. 서비스하고자 하는 구조를 명확하게 잡아야 목적에 맞는 온라인 서비스를 제공할 수 있다. 홈, 상단, 푸터, 메뉴 구조에 대해서 1..
  • Table of Contents:

태그

관련글

댓글0

공지사항

최근글

인기글

최근댓글

태그

전체 방문자

티스토리툴바

메뉴 구성 도
메뉴 구성 도

Read More

ȨÆäÀÌÁö ¸Þ´º±¸¼ºµµ

  • Article author: www.yesform.com
  • Reviews from users: 18370 ⭐ Ratings
  • Top rated: 3.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about ȨÆäÀÌÁö ¸Þ´º±¸¼ºµµ Updating …
  • Most searched keywords: Whether you are looking for ȨÆäÀÌÁö ¸Þ´º±¸¼ºµµ Updating ¸Þ´º,ÀÏÁ¤°èȹ,ȨÆäÀÌÁö,±¸¼ºµµ,°èȹ,¸Þ´º±¸¼ºµµ,ÀÏÁ¤1depth°ª°ú 2depth°ª, 3depth°ªº°·Î ±¸ºÐÇÏ¿© ÁøÇà»çÇ×À» ºÐ·ùÈ­ÇÏ¿© ÃßÁøÇÕ´Ï´Ù. °¢ depthÀÇ ÁøôÀ» ÇÑ ¾÷¹«¶óÀÎÀ¸·Î ³õ°í ±× ±¸¼º³»¿ëÀ» ±âÀÔÇÕ´Ï´Ù. ¹®¼­ÇÏ´Ü¿¡ ÃÑ°ý¾ç½Ä¿¡ Á¾ÇÕ
  • Table of Contents:
ȨÆäÀÌÁö ¸Þ´º±¸¼ºµµ
ȨÆäÀÌÁö ¸Þ´º±¸¼ºµµ

Read More


See more articles in the same category here: toplist.maxfit.vn/blog.

양식(샘플)

안녕하세요~ 😀

오늘은 기획자가 많이 작성하는 문서 중 ‘메뉴구조도’에 대해서 알아보려고 합니다.

메뉴구조도는 무엇이며, 언제 사용하고, 어떻게 작성하는지에 대해서 제가 작성했던 양식을 바탕으로 간단하게 설명드리겠습니다.

” 메뉴구조도란? ”

메뉴구조도는 사이트에 구성되어야 하는(혹은 구성되어 있는) 페이지를 트리형태로 표현한 문서로 보통 메뉴 간의 상/하관계와 기능 등을 엑셀로 작업하는 문서입니다.

조금 더 쉽게 설명을 해드리면 홈페이지에 있는 메뉴들을 연관 있는 것끼리 모아서 정리를 한 문서라고 생각하면 됩니다.

제가 좋아하는 회사 중 한 군데인 ‘네이버(NAVER)’ 홈페이지를 예를 들어 설명을 드리겠습니다.

https://www.navercorp.com/naver/company

위 링크에 접속을 하면 상단에 ​’네이버 | 서비스 | 가치실현 | 홍보 | 투자정보 | 채용’​ 이라는 메뉴가 보입니다.

이러한 메뉴들은 1Depth로 표현을 하며, 네이버그룹 홈페이지에서 많은 메뉴들을 6개의 대표그룹으로 구성해놓았다고 생각하면 됩니다.

(물론, 1Depth의 메뉴이지만 메인 등에서 노출을 시키지 않는 경우도 존재합니다)

이번에는 1Depth 처음에 위치한 ‘네이버’라는 메뉴를 클릭하면 하단에 ‘네이버’ 메뉴와 연관이 있는 서브메뉴들이 노출됩니다.

여기서 ‘NAVER | 주요관계사 | 제휴제안 | CONTACT’가 2Depth가 됩니다.

그 다음으로는 ‘제휴제안’ 하단에 위치한 ‘제휴제안 안내 | 제휴제안 등록 | 검토현황 조회’ 메뉴가 3Depth 메뉴가 됩니다.

메뉴구조는 깊이가 깊을수록 사용자 편의성에 좋지 않기 때문에 3Depth로 구성하는 경우가 많지만 4Depth가 존재하거나 TAB 등이 존재할 수 있습니다.

이렇게 사이트의 전체적인 메뉴 정보들을 한눈에 알아볼 수 있도록 그룹화한 것을 메뉴구조도라고 말합니다.

​” 메뉴구조도는 언제 사용하나요?”

메뉴구조도를 작성하는 이유는 다양합니다.

저의 경우에는 벤처기업과 중소기업(SI업체)에 다닐 때 주로 메뉴구조도를 작성하였으며 이유는 다음과 같았습니다.

1) 제안서 작성을 위한 사전조사

2) 시스템(홈페이지) 신규 구축

3) 시스템(홈페이지) 고도화/리뉴얼

SI업체의 경우 새로운 사업에 참여하기 위해 제안서를 작성 하는데 이때 가장 기본이 되는 사항은 기존 시스템을 분석하고 이해하여야 합니다.

‘현재 ㅇㅇ홈페이지의 구조는 어떻게 되어있는지? 어떤 기능들이 있는지? 어떤 불편함이 있는지?’ 등을 분석해야 하는데, 이때 가장 먼저 진행을 해야 하는 부분이 메뉴구조도 작성입니다.

또한, 시스템을 신규 구축 하는 경우에도 메뉴구조도를 작성해야 합니다.

현업의 요구사항을 모두 수집 및 분석한 다음에 요구사항 어떤 메뉴에 어떤 식으로 적용시키고 이러한 메뉴들을 어떻게 구성을 하면 좋을지 등을 메뉴구조도에 1차적으로 표현합니다.

메뉴구조가 잘못 세워지는 경우에는 화면설계 등을 할 때 지장이 갈 수 있으므로 꼼꼼하게 메뉴 간의 관계와 사용자 편의성 등을 고려하여 설계를 하는 것이 좋습니다.

​” 메뉴구조도는 어떻게 작성하나요? ”

메뉴구조도는 딱 정해진 양식이 없습니다.

저 또한 메뉴구조도를 작성하는 목적, 플랫폼 유형, 팀구성원 등에 따라 다르게 작성을 하는 편입니다.

1) 목적

– 신규로 구축해야 하는 시스템인 경우 : 요구사항을 바탕으로 1차적으로 메뉴 구성을 한 뒤, 이러한 메뉴를 다시 그룹화하는 방식으로 진행

– 제안서 작성을 위해 분석하는 경우 : 현재 시스템의 메뉴구조 및 기능을 그대로 작성

– (2개 이상의) 홈페이지를 통합하는 경우 : 각각의 홈페이지의 메뉴구조 및 기능을 1차적으로 작성 한 뒤, 통합 가능한 메뉴와 불가능한 메뉴를 분류

2) 플랫폼 유형

– WEB : 앞에서 설명한 방식대로 메뉴구조도 작성

– APP : 메뉴의 상/하관계를 고려하여 메뉴구조도를 작성하지만 메뉴간의 이동을 할 수 있는 부분을 함께 기재

3) 팀구성원

– 메뉴구조도를 작성할 때 함께 프로젝트를 진행할 팀원들의 이해를 돕기 위하여 각 메뉴의 기능(CRUD)까지 같이 기재하는 경우도 존재

– 참고사항 : CRUD는 데이터베이스 기준으로 개발자분들이 작업을 하는 부분이지만 기획단에서 이러한 부분을 정리해 주는 경우도 있음

: 팀원에 따라 이러한 CRUD를 작성해 주는 것을 좋아하는 사람도 존재하는 반면 월권이라고 생각하는 사람도 존재함

: C – 생성, R – 조회, U – 업데이트, D – 삭제

​” 메뉴구조도 작성 공부하는 Tip ”

메뉴구조도 작성 공부하는 Tip

1) 대기업 그룹 홈페이지에 접속합니다. (네이버그룹, 삼성그룹, 카카오그룹, CJ그룹, 현대그룹 등)

2) 메뉴들을 다 클릭하면서 메뉴구조도를 1차적으로 작성합니다.

3) 작성한 메뉴구조도와 홈페이지의 ‘사이트맵’을 비교하면서 자신이 누락한 부분이 있는지 등을 확인합니다.

4) 새로운 파일을 다시 열어 홈페이지의 메뉴들을 다시 작성해봅니다.

5) 이번에는 추가적으로 각 메뉴의 기능들을 ‘설명’ 란에 상세하게 작성을 합니다.

6) 그 이후 해당 메뉴에서는 새로운 값을 등록할 수 있는지? 삭제할 수 있는? 조회만 하는지? 등을 기재합니다.

위의 양식을 다운받고 싶으신 경우에는 브런치나 티스토리에서는 첨부파일 등록이 불가능하여 네이버 블로그에 업로드를 해두었습니다.

아래 링크를 참고하셔서 다운로드 해가시면 될 것 같습니다 😀

blog.naver.com/dreamiter/222170526698​

(파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음)

IA, 메뉴구조도, 화면목록이 헷갈린다면?

회사에서 사용자를 위한 서비스가 정의되면, ‘서비스에 어떤 화면들이 필요한지’, ‘각 화면들의 정보(화면 간 관계, 속성, 기능 등)는 어떻게 되는지’ 등을 정리합니다. 이렇게 정리된 화면들의 정보를 토대로 ‘화면 설계’를 진행하고, 이 과정에서 보통 IA(Information Architecture, 정보구조도)를 작성하게 됩니다. 그런데 기획자가 참고를 위해 IA 작성법을 찾다 보면 ‘메뉴구조도’, ‘화면목록’이라는 비슷한 이름과 성격의 문서가 등장합니다. 그러다 보니 ‘이 문서로 작성하면 되나’라는 생각으로 무심코 업무와 상관없는 걸 받아 작성하는 경우가 종종 발생합니다.

IA, 메뉴구조도, 화면목록은 구성이 모두 비슷하지만, 사실 각각 다른 목적을 갖고 있습니다. 이번 글에서는 화면 설계를 진행하기 전에 IA와 메뉴구조도, 그리고 화면목록 등 이 3가지 문서에 관한 목적을 파악하고, 경우마다 어떤 문서를 사용하면 좋을지 알아보겠습니다.

IA(Information Architecture, 정보구조도)란?

웹∙앱 구축 시 필요한 화면과 메뉴의 정보 구조를 설계 및 정의하는 문서입니다. 보통 정보의 구조화를 통해 사용자가 화면을 마주하기까지 필요한 화면들의 흐름을 시각화하여 나타냅니다. 따라서 각 화면들의 연관성과 접근성을 업무별 필요한 기준으로 분류하여 웹∙앱의 큰 틀을 파악할 수 있습니다.

어떻게 작성할까?

보험가입 프로세스 IA <출처: 본인>

Depth

화면의 깊이를 뜻하며, 정보구조도의 핵심 요소입니다. 메인을 기준으로 0 Depth로 시작하여 서비스 화면의 흐름에 따라 1Depth, 2 Depth, 3 Depth 순으로 정의합니다. Depth가 깊은 건 ‘최종 목표까지 거쳐야 할 단계가 많다’라고 할 수 있습니다. 그래서 서비스 구축 시 Depth가 깊지 않도록 하는 것을 권장하고 있습니다. 다만 반드시 있어야 할 화면들이라면 많이 작성할 필요가 있습니다.

형태

화면의 형태를 구분합니다. 보통 일반 페이지, 팝업, 탭, 링크 등으로 구분하며 이는 서비스 내 어떤 형태의 화면들이 존재하는지 수월하게 파악할 수 있도록 합니다.

개발 구분

신규 서비스를 구축할 때 유용하며, 개발의 우선 순위를 구분할 수 있습니다. 개발이 필요한지, 단순 콘텐츠 화면인지 파악하여 설계의 우선 순위를 설정한다면, 제한된 일정과 자본을 효율적으로 관리할 수 있습니다.

그 외

로그인이 필요한 화면인지, 화면의 삭제/추가/변경 여부 등 IA를 작성하는 목적에 따라 다양한 분류를 추가하여 목적을 효과적으로 달성할 수 있습니다. 특히 에이전시의 경우 기획, 디자인, 퍼블리싱, 개발의 각 파트별 작업 현황을 파악할 수 있습니다.

IA는 언제 작성하면 좋을까?

서비스가 복잡하고 화면의 수가 많아 정리가 필요할 때

신규 서비스 구축 시 화면설계를 진행하기 앞서 작업 우선 순위를 선정해야 할 때

디자이너, 개발자가 작업 시 필요한 화면 간 연관성을 제대로 알지 못할 때

메뉴구조도란?

웹∙앱에서 구성된 전체 메뉴 및 서비스를 쉽게 파악할 수 있도록 메뉴의 구조를 시각화한 문서입니다. 앞서 설명한 IA와 많이 비슷해 보일 수 있지만, IA와 달리 메뉴 및 서비스 단위로 작성하기 때문에 보다 간결하게 쉽게 구조를 파악할 수 있습니다. 예를 들어 규모가 큰 웹∙앱 ‘GNB(Global Navication bar)’를 펼쳤을 때 사이트맵에서 보이는 화면들이 메뉴구조도라고 할 수 있습니다.

어떻게 작성할까?

네이버 메뉴구조도 <출처: 본인>

Depth

메뉴나 서비스를 최소 단위의 기준으로 잡기 때문에 최종 진입 화면까지 작성하지 않습니다. 예를 들어 로그인 화면에서 IA는 회원가입의 시작부터 완료까지, 아이디/비밀번호 찾기 시작부터 완료까지 보이는 모든 화면을 Depth를 따라 작성합니다. 하지만 메뉴구조도는 아이디/비밀번호 찾기, 회원가입까지만 작성합니다. 보통 최대 3Depth 까지만 작성합니다.

라벨

삭제, 추가, 변경 등 여러 상태에 따라 색상별 라벨을 활용하여 이해관계자들의 작업이해도를 높일 수 있습니다. 라벨마다 시트를 따로 추가하여 정리하기도 합니다.

사이트맵 참고

웹페이지들의 사이트맵 <출처: 본인>

우리가 흔히 볼 수 있는 메뉴구조도는 웹사이트의 ‘사이트맵’입니다. 사이트맵은 사용자가 해당 웹사이트에서 원하는 서비스를 한눈에 찾을 수 있도록 링크를 정리한 화면입니다. 서비스까지만 작성해서 보여주는 메뉴구조도와 흡사하기 때문에 사이트맵을 참고하면 쉽게 메뉴구조도를 작성할 수 있습니다.

언제 사용하면 좋을까?

신규 서비스 및 리뉴얼 진행 시 변경, 추가, 삭제 등의 서비스 변동 사항을 한눈에 파악할 때

규모가 큰 서비스의 경우, IA를 확인하기 전에 전체적인 형태를 확인할 필요가 있을 때

규모가 작은 서비스의 경우, 화면설계와 IA(화면 구분, 구조 및 기능 정보)를 같은 문서로 사용해서 IA의 일부 역할을 대체할 때

화면목록이란?

IA와 비슷하게 서비스의 모든 화면을 리스트로 정리한 문서입니다. 생김새만 본다면, ‘IA를 작성하면 되는 데 굳이 화면목록이 왜 필요할까?’라고 생각할 수 있습니다. 그렇지만 실제로 에이전시에서 프로젝트를 수행하는 기획자라면 IA와 화면목록을 구분하여 작성하는 경우가 대부분입니다. 보통 에이전시 프로젝트의 업무 방식은 화면 ID만으로 진행되며, 각 화면에 대한 기획 – 디자인 – 퍼블리싱 – 개발이 이루어지기 때문입니다. 따라서 화면별 많은 정보가 기재된 IA를 보는 것보다 간결하게 화면의 대략적 경로와 ID만 기재된 화면목록을 보며 작업하는 것이 가독성을 높여 업무를 효율적으로 진행할 수 있습니다.

1,000개를 넘는 화면목록 내 각각의 화면들은 기획 – 디자인 – 퍼블리싱 – 개발 작업의 기준이 됩니다. 따라서 이들은 중복되지 않는 고유의 화면명과 ID값을 갖고 각 작업자들에게 공유됩니다.

어떻게 작성할까?

화면목록 예시 <출처: 본인>

Depth

IA에서 작성했던 방법대로 Depth를 구성합니다. 다만, 화면목록은 결국 화면 ID와 화면명이 일치하는 것이 중요하기 때문에 Depth로 구분하지 않더라도 화면까지의 Location(Bread crumb, 경로) 정도만 표기하면 이해관계자들이 쉽게 화면에 대해 파악할 수 있습니다.

화면 ID

화면 ID 가이드 예시 <출처: 본인>

수많은 화면을 개별로 구분하기 위해 화면 ID를 부여합니다. ID 가이드는 정하기 나름이지만, 다음의 예를 많이 사용합니다.

1~2 Depth 메뉴명 약자: 대메뉴의 영문 이름을 알파벳 대문자 2개로 줄여 사용

Depth 별 구분 코드: Depth 별 숫자로 구분하여 화면 간 규칙 부여

화면 형태 구분 약자: IA를 참고하여 화면의 형태를 구분해서 사용

그리고 위의 가이드를 작성할 때 가장 중요한 아래 사항을 염두해야 합니다.

ID가 중복되지 않아야 함

이미 존재하는 ID의 변동(수정, 삭제 등)이 발생할 경우 ID를 재사용하지 않아야 함

중복되는 ID를 사용하면 수많은 화면을 검색하여 찾을 때 혼란이 발생할 수 있으며, 이미 존재했던 ID를 폐기하지 않고 재사용한다면 Depth별 구분 코드를 적용할 때 중복값이 나타날 수 있습니다.

Tip. 화면 ID를 엑셀로 정리할 때 =CONCATENATE 함수를 사용하면 수월하게 작성이 가능합니다.

언제 사용하면 좋을까?

많은 화면의 수를 다양한 이해관계자가 알고 있어야 할 때

IA 내 너무 많은 내용이 있어 문서의 가독성을 높이고 싶을 때

적재적소에 문서를 활용해야 효율이 높다

기획자는 IT 업계에 정형화된 문서들을 잘 이해하고 있어야 회사의 환경에 맞게, 일하는 목적에 맞게 문서를 활용하여 업무를 효율적으로 진행할 수 있습니다. 물론 회사마다 문서의 양식, 목적이 다르기 때문에 위에서 나온 내용이 무조건 정답이 될 수는 없습니다.

특히 IA, 메뉴구조도, 화면목록은 비슷한 구조라서 초보 기획자가 헷갈릴 수 있습니다. 하지만 회사의 표준 업무 프로세스가 정해져 있지 않은 상태이거나 혹은 IA를 구축하는데 있어 문서의 생김새와 목적에 대해 정보가 부족했던 분들에게 이번 글이 조금이나마 도움이 되었기를 바랍니다.

요즘IT의 모든 콘텐츠는 저작권법의 보호를 받는 바, 무단 전재와 복사, 배포 등을 금합니다.

[기획] 메뉴 구조도

메뉴구조도를 작성하는 이유는 다양합니다.

저의 경우에는 벤처기업과 중소기업(SI업체)에 다닐 때 주로 메뉴구조도를 작성하였으며 이유는 다음과 같았습니다.

1) 제안서 작성을 위한 사전조사

2) 시스템(홈페이지) 신규 구축

3) 시스템(홈페이지) 고도화/리뉴얼

SI업체의 경우 새로운 사업에 참여하기 위해 제안서를 작성 하는데 이때 가장 기본이 되는 사항은 기존 시스템을 분석하고 이해하여야 합니다.

‘현재 ㅇㅇ홈페이지의 구조는 어떻게 되어있는지? 어떤 기능들이 있는지? 어떤 불편함이 있는지?’ 등을 분석해야 하는데, 이때 가장 먼저 진행을 해야 하는 부분이 메뉴구조도 작성입니다.

또한, 시스템을 신규 구축 하는 경우에도 메뉴구조도를 작성해야 합니다.

현업의 요구사항을 모두 수집 및 분석한 다음에 요구사항 어떤 메뉴에 어떤 식으로 적용시키고 이러한 메뉴들을 어떻게 구성을 하면 좋을지 등을 메뉴구조도에 1차적으로 표현합니다.

메뉴구조가 잘못 세워지는 경우에는 화면설계 등을 할 때 지장이 갈 수 있으므로 꼼꼼하게 메뉴 간의 관계와 사용자 편의성 등을 고려하여 설계를 하는 것이 좋습니다.

So you have finished reading the 메뉴 구성 도 topic article, if you find this article useful, please share it. Thank you very much. See more: 메뉴구조도 ia, 메뉴구조도 영어로, 메뉴 구조도 툴, 메뉴트리 작성, 메뉴구조도 기능정의서, 메뉴트리 ia, 쇼핑몰 메뉴구조도, 웹페이지 구조도

Leave a Comment