HIG - Status bars

[kimscastle]

Status bars

A status bar appears along the upper edge of the screen and displays information about the device’s current state, like the time, cellular carrier, and battery level.

• 상단 표시줄은 화면 위쪽 가장자리를 따라 나타나고 시간, 셀룰러 및 배터리 수준과 같은 장치의 현재 상태에 대한 정보를 표시합니다

Best practices

Obscure content under the status bar.

• 상태표시줄 아래 내용은 흐리게 표현해야합니다

• 기본적으로 상태 표시줄의 배경은 투명하므로 아래 내용을 표시할 수 있습니다. 이로 인해 상태 표시줄에 표시된 정보를 보기가 어려울 수 있습니다

• 상태 표시줄 뒤에 컨트롤이 표시되는 경우, 사용자는 컨트롤과 interaction을 할 수 없습니다

• 상태 표시줄을 읽을 수 있는 상태로 유지하되 그 뒤에 있는 내용이 대화형이라는 의미를 내포하지 마십시오.

  • 상태 표시줄 배경을 자동으로 보여주는 네비게이션 바를 사용합니다
  • 상태 표시줄 뒤에는 그라데이션이나 단색과같은 custom image를 표시합니다
  • 상태 표시줄 뒤에는 흐릿하게 blur효과를 배치하세요

Consider temporarily hiding the status bar when displaying full-screen media.

• 전체화면의 media를 표현할때는 상태표시줄을 일시적으로 숨기는 기능을 고려하세요

• 상태표시줄이 user가 미디어에 집중하게하는것을 방해할수있습니다. 몰입 경험을 제공하기 위해서 상태표시줄을 일시적으로 숨겨야합니다

• 사진앱의 경우 전체화면 사진을 검색하면 상태표시줄과 인터페이스 요소가 숨겨집니다

Avoid permanently hiding the status bar.

• 상태표시줄을 영구적으로 숨기지 말아야합니다

• 상태 표시줄이 없으면 user들은 시간을 확인하거나 Wi-Fi 연결이 있는지 확인하기 위해 앱밖으로 나가야합니다.

• user가 간단한 제스처로 숨겨진 상태표시줄을 다시표시할수있게 해야합니다