1.
GNB (Global Navigation Bar)
•
웹사이트의 최상단에 위치하는 메뉴
•
웹 전체에서 공통적으로 노출되어 사용되는 최상위 메뉴
•
주요 메뉴로 빠르게 이동할 수 있는 링크 포함
•
웹의 이탈률과 전환율에 큰 영향을 미치는 메뉴이므로, 배열 순서를 충분히 고려해야 함
2.
LNB (Local Navigation Bar)
•
마우스오버 상태일 때 발생되는 소메뉴(Sub Menu)
•
사용자는 이 메뉴를 통해 GNB 하위에 위치한 특정한 메뉴(페이지)로 이동
파트너 관리자처럼 왼쪽에 SNB(Side Navigation Bar)가 위치할 경우, 이 SNB도 LNB(Left Navigation Bar)라고 부르기도 함
•
SNB (Side Navigation Bar) : GNB와 L(Local)NB를 제외한 나머지 사이드 메뉴
3.
유틸리티(유틸 메뉴, 유틸리티 링크 등)
•
일반적으로는 로그인, 회원가입, 즐겨찾기, 마이페이지, 언어선택 등의 작은 메뉴로 사이트 전체의 상단에 고정되어 이동하는 메뉴
•
GNB의 계층구조에 포함되지 않은 사이트 주요요소로 연결되는 링크
4.
Hero Banner (Main Banner)
•
웹사이트 메인 상단에 위치하는 대형 배너
•
헤더 영역에 눈에 띄게 배치되기 때문에 사용자의 주목을 끄는데 효과적이며 중요한 영역
•
고객에게 전달하고 싶은 가장 중요한 콘텐츠를 등록
⇒ 서비스 가입문의와 서비스 소개서 버튼을 삽입
5.
모달/팝업
•
모달 : 기존에 열려있던 페이지 위에 새로운 Layer로 덮음
•
팝업 : 기존에 열려있던 페이지 위에 또 하나의 브라우저 페이지로 띄움
•
사용자의 브라우저 환경 설정에 따라 팝업이 차단되기도 하므로, 필수적으로 노출해야 하는 사항은 모달로 노출하는 것이 좋음
•
대체적으로 긍정적 행동을 위해 노출되며, 이에 사용자가 인지하지 않더라도 닫을 수 있어야 함
부정적 행동을 위해서는 Alert창을 사용, 사용자가 인지해야 닫을 수 있음
부정적 행동을 위해서는 Alert창을 사용, 사용자가 인지해야 닫을 수 있음6.
아코디언
•
내용을 펼치거나 접을 수 있는 형태
•
MO버전 홈페이지에서 3,4depth를 아코디언 형태로 표현하고 있음