Human Interface Guidelines — 개요, iOS 디자인 원칙

Human Interface Guidelines란?

Human Interface Guidelines(HIG)는 사용자 인터페이스 설계를 위한 Apple의 공식 문서입니다. 이 문서에는 모든 표준 시스템 컴포넌트에 대한 설명, 사용 규칙, 제스처, 애니메이션, 타이포그래피 및 색상 팔레트 요구 사항이 포함되어 있습니다. Apple은 1987년 Macintosh용 HIG를 처음 발표했으며, 그 이후로 iOS 1(2007)부터 현재 버전인 iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11, tvOS 18까지 플랫폼과 함께 발전해 왔습니다. HIG는 세 가지 수준을 다룹니다: 디자인 철학(원칙), 시스템 컴포넌트(UI 요소), 기술 권장 사항(화면 크기, Safe Area, Dynamic Type)입니다. 개발자에게 HIG는 디자인 결정을 내릴 때 유일한 진실 공급원 역할을 합니다. 컴포넌트가 HIG에 설명되어 있다면 다시 발명할 필요가 없습니다.

Human Interface Guidelines 문서 구조

HIG 문서는 세 가지 주요 부분으로 나뉩니다: «Foundations»(기본 원칙 및 패턴), «Platforms»(iOS, iPadOS, macOS, watchOS, tvOS, visionOS용 플랫폼 섹션), «Components»(모든 시스템 UI 요소 카탈로그)입니다. 각 컴포넌트는 통합 템플릿(목적, 구조, 동작, 모범 사례, 예시)으로 설명됩니다. 예를 들어 Navigation Bars 섹션에는 높이 사양(iPhone에서 세로 44pt, 가로 32pt), 버튼 배치 규칙 및 사용자 지정 제한 사항이 포함되어 있습니다. HIG에는 접근성(VoiceOver, Dynamic Type, reduce motion)에 대한 권장 사항도 포함되어 있으며, 이는 App Store 게시에 필수입니다.

iOS 개발자에게 HIG가 중요한 이유

Human Interface Guidelines를 준수하는 것은 App Store에서 애플리케이션의 성공에 직접적인 영향을 미칩니다. 검토 과정에서 Apple은 HIG 준수 여부를 확인합니다. 비표준 제스처, 재정의된 시스템 컴포넌트 또는 탐색 계층 구조 위반은 거부 사유가 될 수 있습니다. Apple Developer Program License Agreement(2025)에 따르면 시스템 API를 부적절하게 사용하는 애플리케이션은 검토 중에 거부됩니다. IT Sectr에서는 2017년부터 모든 iOS 프로젝트에서 HIG를 준수하고 있으며, 이를 통해 검토 시간이 단축되고 사용자 평점이 향상되었습니다. 또한 HIG를 준수하는 애플리케이션은 더 나은 사용자 경험 덕분에 App Store 검색에서 더 높은 순위를 차지합니다.

HIG Apple의 핵심 원칙

Human Interface Guidelines의 6가지 기본 원칙은 Apple의 디자인 철학을 형성합니다. 첫 번째 원칙 — Aesthetic Integrity(미적 무결성): 인터페이스의 외관은 기능과 일치해야 합니다. 두 번째 — Consistency(일관성): 동일한 요소는 시스템의 모든 애플리케이션에서 동일하게 동작합니다. 세 번째 — Direct Manipulation(직접 조작): 사용자는 추상적인 컨트롤을 통하지 않고 콘텐츠와 직접 상호작용합니다(스와이프, 탭, 핀치 투 줌).

명확성, 계층 구조 및 피드백

Clarity(명확성)는 텍스트를 읽기 쉽고, 아이콘을 이해하기 쉽고, 탐색을 예측 가능하게 해야 합니다. Dynamic Type과 SF Symbols는 모든 기기에서 명확성을 유지하기 위한 Apple의 도구입니다. Deference(존중)는 인터페이스가 콘텐츠와 경쟁해서는 안 된다는 것을 의미합니다. 흐릿한 배경, 미니멀한 도구 모음, 투명 요소(iOS 7+ 스타일)가 이 원칙을 구현합니다. Feedback(피드백)은 모든 사용자 작업이 시각적 또는 촉각적 응답(버튼 강조, 햅틱 피드백, 전환 애니메이션)을 받도록 보장합니다. 피드백 원칙 위반은 Appfigures 데이터(2025)에 따르면 App Store에서 낮은 평점의 일반적인 원인 중 하나입니다.

Human Interface Guidelines의 주요 섹션

Human Interface Guidelines에는 각 Apple 시스템 컴포넌트에 대한 자세한 사양이 포함되어 있습니다. Bars 섹션은 Navigation Bar(표준 높이 44pt), Tab Bar(49pt), Toolbar(44pt) 및 Search Bar를 설명합니다. Views 섹션에는 기본 및 사용자 정의 셀 유형의 Table View, 컴포지셔널 레이아웃을 지원하는 Collection View, Scroll View 및 Text View가 포함됩니다. Controls 섹션은 Button, Slider, Switch(최소 대상 44×44pt), Segmented Control, Stepper 및 Date Picker를 지정합니다. 각 컨트롤에 대해 히트 대상 크기(Apple 가이드라인에 따른 최소 터치 영역 44×44pt), 시각적 상태(일반, 강조, 비활성화, 선택) 및 전환 애니메이션이 지정됩니다.

HIG의 타이포그래피 및 색상

Apple은 시스템 글꼴 San Francisco(iOS/macOS용 SF Pro, watchOS용 SF Compact)를 Dynamic Type(사용자 설정에 따른 자동 크기 조정)과 함께 사용할 것을 권장합니다. HIG는 11가지 텍스트 스타일을 정의합니다: Large Title(34pt), Title 1(28pt), Title 2(22pt), Title 3(20pt), Headline(17pt, 세미볼드), Body(17pt), Callout(16pt), Subhead(15pt), Footnote(13pt), Caption 1(12pt), Caption 2(11pt)입니다. HIG 색상 팔레트에는 시스템 색상(labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor)이 포함되며 라이트 테마와 다크 테마를 지원합니다. 시스템 색상을 사용하면 모든 기기와 접근성 설정에서 올바르게 표시됩니다.

HIG의 플랫폼별 기능

각 Apple 플랫폼에는 HIG에 설명된 고유한 인터페이스 요소가 있습니다. iOS의 경우 Tab Bar(하단 탐색), Navigation Bar(제목과 버튼이 있는 상단 막대), Sheets(모달 패널), Activity View(시스템 공유), Live Activities 및 Dynamic Island가 있습니다. iPadOS에는 Split View, Slide Over, Popover Presentation 및 Keyboard Shortcuts가 추가됩니다. macOS의 경우 — Menu Bar, Dock, Sheets, Panels, Sidebar, NSToolbarItem이 있는 Toolbar가 있습니다. watchOS의 경우 — Complications, Digital Crown, Scribble, Swipe Gestures 및 Always-On Display가 있습니다. tvOS의 경우 — Focus Engine, Parallax Icons, Top Shelf가 있습니다.

플랫폼 간 디자인 적응

HIG는 플랫폼 간에 요소를 기계적으로 전송하지 않을 것을 권장합니다. iOS의 Tab Bar는 macOS의 Sidebar와 동일하지 않지만, 둘 다 탐색 작업을 해결합니다. 멀티플랫폼 애플리케이션을 위해 Apple은 Mac Catalyst와 SwiftUI를 제공하며, 이는 HIG를 준수하면서 인터페이스를 대상 플랫폼에 자동으로 적응시킵니다. IT Sectr에서 SwiftUI로 개발할 때 플랫폼별 수정자(.navigationViewStyle, .tabViewStyle, .pickerStyle)를 사용하여 기본 가이드라인을 준수합니다. 또한 HIG는 Dynamic Type, 확대된 텍스트, Reduce Motion 및 증가된 대비에 대한 적응 요구 사항을 설명합니다.

실무에서 HIG 적용 방법

Human Interface Guidelines 적용은 «App Architecture» 섹션을 연구하는 것으로 시작됩니다. 이 섹션은 일반적인 iOS 애플리케이션의 구조(시작 화면, 온보딩, 모달 화면, 탐색 그래프 및 로딩 상태)를 설명합니다. 첫 번째 단계는 탐색 스타일을 선택하는 것입니다(Navigation Controller를 사용한 계층적, Tab Bar를 사용한 평면적, Sheets를 사용한 모달 또는 결합). 두 번째 단계는 화면 계층을 정의하고 각 화면이 HIG 템플릿을 준수하는지 확인하는 것입니다. 세 번째 단계는 각 작업에 시스템 컴포넌트를 선택하는 것입니다: 목록에는 Table View, 그리드에는 Collection View, 캐러셀에는 Page Control.

게시 전 HIG 준수 확인

Apple은 HIG 준수 확인을 위해 Xcode Preview Assets 및 Accessibility Inspector를 제공합니다. 체크리스트를 따르는 것이 좋습니다: 모든 히트 대상 > 44pt, 텍스트가 Dynamic Type을 사용, 색상이 다크 테마를 지원, 탐색이 HIG 계층을 따름, 제스처가 시스템 제스처와 충돌하지 않음(예: 스와이프 백이 재정의되지 않음). IT Sectr에서는 모든 릴리스 전에 HIG 검토를 수행하여 App Store 검토에서 거부되는 것을 방지합니다. 또한 App Store Review Guidelines(섹션 4.0 «Design»)은 HIG를 직접 참조하며, 가이드라인을 심각하게 위반하는 애플리케이션은 위반 사항이 해결될 때까지 거부됩니다.