[iOS] Navigation 이동시 Tab Bar 를 숨겨도 괜찮을까?
올해 초에 사이드 프로젝트를 진행했읍니다. 네트워크 모듈 설계, 커스텀 탭 바, 웹 뷰 정도에 기여를 한 것 같네여. (feat. 회고)
며칠 전 이 앱에 대해 애플 에반젤리스트님에게 피드백을 들을 기회가 있어서, 평소에 가장 궁금했던 “navigation 이동시 tab bar의 hidden 처리”에 대해 물어봤습니다.
우선 HIG 의 tab bar 문서를 보면 “유저가 다른 영역으로 이동을 할 때에 탭 바를 가리지 말아라” 라고 조언합니다.
하지만 저희 앱은 아래 화면에서 볼 수 있다시피 push 를 통해 다른 뷰로 이동을 할때 탭바가 가려집니다
이는 비단 해당 앱 뿐만아니라, 많은 상용 앱들에도 빈번하게 해당하는 사항입니다. 물론 “더 많은 콘텐츠를 표시하기 위해 Tab bar 를 가리게 디자인 되었군” 이라고 생각하지만, HIG 에서는 권장하지 않는 사항이다보니 이게 과연 좋은 디자인일까라는 의문이 항상 있었습니다.
따라서 이 사이에서 균형을 어떻게 잡는게 좋을지 질문을 드렸고, 아래와 같은 답변을 받았습니다.
- 탭 바를 가리지 말라고 하는 것는 일반적인 가이드
- 만약 해당 페이지의 내용이 탭 바의 이동 필요 없이 온전히 포커스를 해야 되는 경우라면 탭 바를 가려도 상관 없음
- 예를 들어 쿠팡의 상세 정보 페이지에는 탭 바가 없음. 그 이유는 해당 페이지에서의 핵심 액션 포인트가 하단 구매하기 버튼이기 때문. 만약 여기에 탭바가 있으면 공간적으로 많은 부분을 차지하게 되고 구매하기에 대한 액션 비율이 줄어들 수 있음. 이를 고려해서 탭바를 숨긴 것
- 같은 이유로, 유저를 해당 페이지에 포커싱 시킬 의도라면 이렇게 디자인해도 상관없음
오호.. HIG 는 일반적인 가이드일 뿐, 상황에 따라 달라질 수 있는거였네요..! 역시 진리의 케바케 앱바앱??! 앞으로 앱을 보거나 구현할 때 조금 더 유연한 시각으로 바라볼 수 있을 것 같습니다.
이 외에도 몇가지 질문을 더 드렸는데, 같이 공유하면 좋을 것 같아서 아래에 남겨두도록 하겠습니다.
질문 1.
🤔 : Bar Button Item 아니라 navigation title 쪽에 액션이 들어가 있는 형태가 iOS 사용자로서는 조금 어색한거 같아요. 이 부분은 사용자 경험 관점에서 괜찮을까요?
🙋🏻♂️ : 나쁘진 않아요. 타이틀 옆에 glyph 가 붙어있는 것만으로도 이에 대한 경험이 쌓여있기 때문에 어떻게 동작할지 알 수 있어요. 이렇게 하면 굳이 뒤로 가지 않더라도 이 페이지 내에서 카테고리를 자연스럽게 이동할 수 있다는 장점이 있어요. 단점은 어떤 카테고리가 있는지에 대한 내용이 한 depth 안으로 들어가 있어서 명시적으로 알기 힘들어요. 가독성이 떨어져요. 즉, 정보 전달률이 떨어지죠.
카테고리 간 이동을 쉽게 하기 위한 여러 가지 도전들이 있어요. 지금 하신 것처럼 타이틀을 눌러서 왔다 갔다 하는 것도 좋은 방법 중에 하나지만 정보 전달률이 떨어지기 때문에, 현재 전체 / 안 봤어요 / 봤어요
가 위치한 level 로 이 정보들을 뿌린다면 훨씬 더 눈에 잘 띄겠죠. 하지만 이때 단점은 카테고리 수가 많아지면 뒤에 있는 카테고리까지의 도달률은 굉장히 떨어져요. 쿠팡 같은 경우에는 카테고리가 중요하고 양도 많다 보니까 카테고리 탐색 기능 자체를 아예 탭으로 빼내고 있는데요, 역시나 정답은 없습니다.
어떻게 하셔도 되고 지금 방법도 나쁘지 않아요. 하지만 더 고민해보고 싶다면 이커머스 위주로 한번 둘러보세요. 이베이, 쿠팡, 티몬, 아마존 등의 앱들이 카테고리 관리를 어떻게 하고 있는지 들여다보면 여러 가지 아이디어를 얻으실 수 있을 거예요.
질문 2.
🤔 : 탭 바 쪽에서 지금 플러스 버튼이 강조 되어서 나타나고 있는데, 이런 디자인은 어떻게 생각하시는지 궁금해요.
🙋🏻♂️ : 좋은데요. 플러스 버튼이 탭 바에 붙어서 이렇게 있다라는 의미는 이 앱의 정체성이 이 플러스로 시작된다라는 거랑 동일하다고 보면 돼요. 카메라 앱이 보통 이렇게 되어있는데, 밑에 여러 가지 탭이 있고 셔터 버튼이 굉장히 크게 표시 되어 있죠. 카메라 앱에서는 셔터가 생명이기 때문에 그렇게 만들어져 있는거고요. 현재 나쁘지 않은 것 같아요. 괜찮아요.