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