[UMC] 6주차 워크북

nini·2022년 6월 20일

UMC

목록 보기
6/13
post-thumbnail

HIG(Human Interface Guidelines)

“Apple의 플랫폼과 원활하게 통합되는 훌륭한 앱을 디자인하기 위한 깊이 있는 정보와 UI 리소스를 얻어갈 수 있다”

designing great apps : Apple이 제시하는 훌륭한 앱을 만들기 위한 포인트들을 담고 있다는 뜻이다. 조금 더 좋게 보이기 위한 UI에 대한 리소스들, 조금 더 좋은 사용성을 사용자에게 선사하기 위한 여러 정보를 가지고 있다. Apple은 이 HIG를 제공함으로써 앱 개발자들이 보다 좋은 앱을 만들 수 있을 것이라고 기대하는 것으로 보인다.

integrate seamlessly with Apple platforms : Apple은 이 HIG를 통해 앱들이 iOS 환경과 통일성을 가질 수 있도록 하는 것이 목적이다. iOS 환경에 맞게 앱의 여러 디자인 요소를 맞추게 하고, 다른 iOS 앱들과 통일성 있는, 유저가 익숙해져있는 사용자 경험을 할 수 있도록 맞추기 위함이다.

HIG

💬 HIG를 지켜야 하는 이유?

  • 많은 iOS 개발자 채용공고에서 iOS 및 Apple의 디자인 철학(HIG)에 대한 이해도를 요구하고 있음
    (해당 사항을 지키지 않고 앱을 만들어 출시하게 되면 애플이 앱출시를 거절할 확률이 아주 높아짐)
  • 앱스토어에 차트-인 하고 싶다면 iOS HIG를 따라야 함
  • 관습적으로 지켜온 약속이므로 가능하면 따라주는 것이 사용자들이 편리하게 느낄 확률이 높음 (사용자가 편리한 앱)

UITabBarController

@MainActor class UITabBarController : UIViewController

“A container view controller that manages a multiselection interface, where the selection determines which child view controller to display.”

  • UITabBarController 는 여러 섹션을 가지는 앱에서 각 섹션을 선택해 해당 뷰로 이동할 수 있도록 한다. 유저가 특정한 탭을 누르면, Tab bar controller 는 이전 view 를 교체해 탭과 연결된 view controller 의 root view 를 보여준다.
  • UITabBarController 는 UIViewController 를 상속받은 클래스이므로, view 속성을 갖는다.
    해당 view 는 tab bar view 와 custom content 를 포함하는 컨테이너일 뿐이다.
  • Tab bar view 는 유저가 선택할 수 있는 Tab bar 를 제공하며, 여러개의 tab bar items 으로 구성된다. Tab bar view 에서 선택된 item 에 해당하는 content view 하나만 화면에 보여지게 된다.

🤔 Tab Bar와 Toolbar의 차이점은?

Tab bar: 앱 화면의 하단에 위치하며, 사람들이 다른 섹션들간 전환을 빠르게 하도록 한다. 일반적으로 다른 종류의 정보들을 보여줄 때, 혹은 같은 정보를 완전히 다른 스타일로 보여줄 때 사용한다.

Tab bar 는 앱의 여러 섹션 중 전환을 하도록 하는 것이 목적이다. 
예) 시계 앱의 알람, 스탑워치, 타이머 탭

Toolbar: 현재 보여지는 내용과 연관있는 액션을 수행하는 버튼들을 포함한다. 
예) 아이템을 생성하거나 삭제하기, 북마크에 추가하기, 공유하기

Tab bar 와 Toolbar 둘 다 하단에 나타나므로 같은 뷰에서 함께 나타날 수 없다!

Tabbar Toolbar

profile
사용자를 고려한 디자인과 UX에 관심있는 개발자

0개의 댓글