본문 바로가기
728x90
반응형
SMALL

분류 전체보기72

브레드크럼(Breadcrumb) 1. 정의 유저에게 사이트 구조 상 현재 위치 안내하는 역할 유저는 브래드크럼에 기반하여 탐색 중인 페이지의 맥락을 이해할 수 있고 경로가 포함하고 있는 링크를 이용하여 쉽게 상위 수준의 콘텐츠로 이동 가능 논리적인 선형 구조가 분명한 사이트에 효율적(논리적 계층구조, 그룹핑이 없는 단일 레벨 웹사이트 이용 시 비효율적) 2. 장점 유저가 상위 페이지로 가기 위해 취해야 하는 행동 수 감소 효과 (뒤로가기, 전체 네비게이션 이용하지 않고 한번에 이동 가능) 텍스트를 가로로 펼쳐서 보여주기 때문에 최소한의 공간 차지 3. 가이드 브레드스크럼은 주 네비게이션을 대체하지 않는다. (즉 주 네비게이션을 보조하는 역할을 한다.) 네비게이션상에서 현 페이지에는 링크를 걸지 않는다. e.g. 레고 코리아의 경우, '.. 2023. 6. 1.
라디오버튼(radio button), 체크박스(check box) 1. 라디오 버튼(radio button) 선택 시 동그라미가 까맣게 변하는 형태로 N개 중 1개만 선택할 때 사용 2. 체크 박스(check box) N개를 동시에 선택(중복 선택)할 때 사용 네모박스 선택 시 체크가 되는 형태의 UI 2023. 5. 31.
페이지 구성 요소(Page section / Header, Content, Footer) 1. 사전적 의미 Section: 부분, 부문 구획 2. 용어 Word Description Header 영역 - 사이드의 맨 윗부분에 존재하는 영역 - 웹 사이트명, 글로벌 링크 등으로 구성된 영역 Content 영역 - 컨텐츠 영역 Footer 영역 - 홈페이지 최하단에 고정되어 있는 영역 - 보통 회사 관련 정보(주소, 수상내역, 사회공헌 내역) 및 사이트맵, 서비스의 정책, 각종 신고정보(사업자등록정보, 통신 판매업 신고), 대표자명이 노출되는 영역 - 보통은 전 페이지에 동일한 내용이 노출되나 필요에 따라 간소화된 형태의 footer를 노출하기도 함 * 글로벌 링크: 로그인, 회원가입, 사이트 맵, 언어 선택 등 웹사이트 어느 곳에서든지 이용 가능한 링크 3. 예시(Navigation bar와 .. 2023. 5. 30.
네비게이션 바(Navigation Bar / GNB, LNB, SNB, FNB) 1. 사전적 의미 네비게이션: 지도 안내를 통해 길 찾기를 도와주는 장치 혹은 프로그램 2. 기능 정의 하이퍼링크를 따라 웹 공간의 정보를 요청하고 받아오는 웹 브라우징 행위 웹 사이트를 탐색하기 위한 도구 유저에게 제품 또는 웹 사이트에서의 이동을 안내하는 역할 앱의 경우, iOS 탭 바 or 안드로이드 햄버거 메뉴 등이 해당됨 3. 용어 Word Description GNB(Global Navigation Bar) - 웹 사이트의 어떤 페이지를 접속해도 공통적으로 사용 가능한 메뉴들을 모아둔 영역 - 일반적으로 각 웹 사이트의 핵심적이고 대표적인 메뉴로 구성 - 회사에 따라 SNB(Service Navigation Bar)로 불리기도 함 - 게임포털 사이트의 경우 각각의 게임 상단에 얇은 형태로 존재.. 2023. 5. 26.
728x90
반응형
LIST