[UX원칙#17]탭(Tabs) UX 설계 14가지 원칙
Nick Babich의 글 Tabs for Mobile UXDesign 소개하고자 합니다.
탭(Tabs) UX 설계 14가지 원칙
(요약문)
탭(Tabs) UX 설계의 14가지 원칙은 사용자 경험을 향상시키기 위한 중요한 지침을 제공합니다. 이 원칙들은 탭의 위치, 디자인, 레이블, 상호작용 등 다양한 요소를 포함하고 있습니다.
원칙 1. 탭 위치
탭은 상단에 배치하여 사용자가 자연스럽게 탐색할 수 있도록 돕습니다.
원칙 2. 활성화 탭 강조
현재 선택된 탭을 명확히 표시해 사용자의 방향 감각과 신뢰를 높입니다.
원칙 3. 선택된 탭 존재
항상 하나의 탭이 선택되어 있어야 정보를 명확히 이해할 수 있습니다.
원칙 4. 이해하기 쉬운 레이블
탭 레이블은 직관적이고 사용자 중심으로 설정되어야 합니다.
원칙 5. 의미 있는 텍스트 레이블
간결하고 명확한 레이블은 탐색을 쉽게 합니다.
원칙 6. 일관된 형식
모든 탭은 아이콘 또는 텍스트 중 하나의 형식으로 통일해야 합니다.
원칙 7. 단일 줄 사용
탭은 여러 줄로 겹치지 않게 배치하여 시각적 혼잡을 피해야 합니다.
원칙 8. 탭 속의 탭 금지
다중 레벨의 탭은 사용자에게 혼란을 줄 수 있으므로 피해야 합니다.
원칙 9. 충분한 크기
클릭하기 쉬운 크기의 탭은 사용자 편의성을 높입니다.
원칙 10. 선택되지 않은 탭 가시성
사용자가 모든 탭을 인식할 수 있도록 해야 합니다.
원칙 11. 탭 숨기기
스크롤 방향에 따라 탭을 숨겨 화면 공간을 효율적으로 활용합니다.
원칙 12. 슬라이드 애니메이션
탭 전환 시 애니메이션을 사용하여 사용자 경험을 향상시킵니다.
원칙 13. 스와이프 제스처
손쉬운 탐색을 위해 스와이프 제스처를 지원합니다.
원칙 14. 일관성 유지
탭의 기능을 일관되게 유지하며, 사용 불가 시 설명을 추가합니다.
이 원칙들을 따르면 사용자에게 직관적이고 효율적인 앱 경험을 제공할 수 있습니다.
위글은 요약문입니다.
이 글에 대한 전체 번역 원문(구체적인 사례 등)은 아래 링크를 클릭해주세요~
