[UXOX] 탭 바의 적절한 노출

안녕하세요
모멘티 UXOX 입니다.
오늘은 탭 바(Tab Bar)의 적절한 노출에 대해서 알아보도록 하겠습니다.

탭 바(Tab Bar)는 각 기업마다 명칭이 다릅니다.

저희는 사용되고 있는 대표적인 명칭 3가지 중 탭 바 (Tab bar)로 명칭을 통일하겠습니다.

- 안드로이드 머터리얼 2 / 라인 : 바텀 내비게이션 (Bottom Navigation)

- 안드로이드 머터리얼 3 : 내비게이션 바 (Navigation Bar)

- ios : 탭 바(Tab Bar)

탭 바 (Tab Bar)는 모바일 최하단에 고정되어 서비스의 중요한 기능 또는 주요 콘텐츠를 나타냅니다.

구조는 아이콘과 텍스트 레이블로 조합이 일반적이지만 상황에 따라 아이콘만 있는 경우도 있습니다.

구성은 최대 5개의 항목으로 권장됩니다. (5개 이상일 경우 화면의 복잡도가 높아지고 터치포인트의 문제가 생길 수 있습니다.)

이러한 탭 바(Tab bar)도 상황에 따라 적절한 노출이 필요합니다.

간단한 예시와 설명을 통해 어떤 상황에서 탭 바를 노출하면 좋을지 알아보도록하겠습니다.

사용자가 회원가입 / 정보 입력 등 작업에 집중 해야하는 상황에서 탭바를 노출 시키지 않는 것이 좋습니다.

Do

• 회원가입, 비밀번호 수정 등 특정 작업이나 기능을 실행할 때 사용자가 작업 흐름에 맞게 집중할 수 있습니다.

• 사용자에게 필요한 콘텐츠 정보를 탭 바 노출할 때 보다 더 많은 정보 확인 할 수 있습니다.

Don't

• 정보 입력이나 작업이 필요한 모달 상태에서 탭 바를 노출할 경우 사용자의 집중력을 떨어트릴 수 있습니다.

• 자칫 잘못된 터치로 인해 화면 이동되었을 경우 사용자는 진행 중인 작업을 완료하지 않고 이탈할 가능성이 높습니다.

탭 바(Tab Bar)는 최하단에 지속적으로 노출하여 서비스의 탐색을 돕습니다.

하지만 사용자가 회원가입, 로그인 등 정보를 입력하는 상황과 더 많은 콘텐츠 노출을 고려하는 상황이라면

필수는 아니지만 되도록 노출하지 않는 걸 권장 드립니다.

오늘은 예시와 설명을 통해 탭 바를 어떤 상황에서 노출하고 노출하지 않아야 할지 알아보는 시간이었습니다.

다음 시간에는 더욱 더 알찬 UXOX시간으로 돌아오겠습니다.
긴 글 읽어주셔서 감사합니다. 여러분들께 유익한 글이 되었으면 좋겠습니다.

*UXOX는 더 나은 사용자 경험을 연구하기 위하여, 모멘티에서 발행하는 UX 시리즈 입니다.