haleys-archive
Beyond View
맛있는 이름을 가진 UI요소, 왜 이런 이름을 가졌지? (토스트,햄버거메뉴,브레드크럼)
Haley
Status
- UIUX 용어
🥪 토스트
짧은 메세지를 간단하고 빠르게 전달하는 알림 UI요소
토스터기에서 빵이 통 튀어오르듯이 화면 하단에 잠시 나타났다가 사라지는 형태
특징
•
간결하고 눈에 잘 띄는 디자인
•
중요한 메시지를 강조하는 데 효과적
•
모바일 환경에서 공간 활용도가 높음
새로운 알림, 프로모션 정보 전달, 오류 메세지, 시스템 알림 표시, 사용자 피드백 수렴
🍔 햄버거 메뉴
모바일 앱에서 흔히 사용되는 메뉴 아이콘
세개의 평행선이 햄버거 같은 모양으로 구성되어있음
특징
•
'햄버거 버튼 = 메뉴'로 쉽게 인식되기 때문에 부연설명이 필요 없다
•
간결한 형태로 공간 활용도를 높이고 메뉴 접근성을 개선
•
모바일에서 메뉴 사용성을 향상시킨다
서비스 내의 주요 기능 및 설정 메뉴 제공, 하위 메뉴를 효율적으로 구성
🍞 브레드크럼
현재 페이지의 위치를 계층적으로 보여주는 UI 요소
마치 빵가루를 따라 길을 찾듯 사용자의 위치를 파악하도록 돕습니다.
특징
•
웹사이트 구조에 대한 이해를 돕고 탐색하기 쉽게 만든다
•
사용자가 자신의 현재 위치를 파악하는 것, 페이지 이동을 돕는다
•
정보 계층 구조를 시각적으로 표현한다
카테고리별 상품 목록 페이지, 복잡한 웹사이트 구조에서 꼭 필요함