- Tab bar (HIG)2023년 06월 07일
- 2료일
- 작성자
- 2023.06.07.:14
- 탭바는 화면 아래에 탭 표시줄에 나타나 앱의 정보 또는 기능의 유형을 쉽게 이해할수 있도록 돕는다.
- 기본적으로는 반투명 상태. 뒤콘텐츠 나올때만 배경소재 사용. 뷰가 아래로 스크롤 되면 제거. 키보드가 화면에 있을때도 탭 표시줄이 숨겨짐.
- Use a tab bar only for navigation, not to help people perform actions네비게이션에 탭바가 사용되고 다른 사용자의 작업 수행에 도움을 주지 않는다.
- Make sure the tab bar is visible when people navigate to different areas in your app사람들이 앱의 다른 영역으로 이동할 때 탭 바가 보이는지 확인하세요. 예외는 모달 뷰 내의 탭 바이다. 모달 뷰는 사람들이 끝났을 때 무시하는 별도의 경험을 제공하기 때문에, 뷰의 탭 바를 숨기는 것은 앱 탐색에 영향을 미치지 않는다.
- Use the minimun number of tabs required to help people navigate your app.탭의 개수가 늘어날수록 앱의 복잡도도 비례해서 올라간다. 3-5개 의 탭을 사용해라.
- Keep tabs visible even when their content is unavailable.ios 기기에 노래가 없더라도 현재 듣는 탭은 뮤직앱에 여전히 남아있다. 그리고 추천, 다운로딩뮤직도 남아있다.
- Use concrete nouns or verbs as tab titles.명확해라
- Be cautions of overcrowding tabs with functionality.5와 연관이 있는데 Home tab은 너무 광범위 하다. 좀더 기능을 명확히 해라. 여기서 joel의 말이 떠올랐는데 Home탭은 만들지 말라고 하셨다. 이 홈이 어떤 홈 즉 아이폰 홈으로 가는지 어디가는지 명확하지 않기 때문이다.
피트니스 앱을 통한 분석
탭바에 아이템이 두가지가 있다. 요약과 공유하기이다.
- 처음에는 탭바가 반투명 상태이고 맨끝까지 내리게 된다면 배경색인 검정색으로 바뀐다.
- 탭바 아이템들에는 요약과 공유하기로 명확하게 두가지로 나뉘어 있다. 역시나 홈탭이라 하지않고 요약탭이라고 만들어 놧다.
https://developer.apple.com/design/human-interface-guidelines/tab-bars
'Design' 카테고리의 다른 글
List and Tables(HIG) (1) 2023.06.07 ActivityRings - HIG & component(피트니스앱 분석) (0) 2023.06.07 Navigation bar - HIG (0) 2023.06.06 HIG - 그게 뭔데? (0) 2023.06.01 다음글이전글이전 글이 없습니다.댓글
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)