[H.I.G] Designing for iOS 번역

아래 내용은 2022년 새로 개정된 H.I.G 내용을 담고 있으며,

iOS 앱 디자인의 대전제에 관한 내용입니다.

iOS개발자는 왜 H.I.G를 알아야 하는가?

1. 개발자와 디자이너 간의 협업을 위해서
2. 사용자가 앱 사용 시 원활한 경험을 제공하기 위해서
   
   • iOS 생태계에서 동작하는 모든 앱에 대한 최소한의 가이드라인을 제공하기 위함.

Designing for iOS <출처: H.I.G문서>

사람들은 어디서든 게임, 영상 시청, 작업, 개인 데이터 추적 및 이동 간 연결상태 유지를 위해 iPhone을 사용한다.

iOS용 앱 또는 게임 디자인을 할 때, iOS적인 경험을 구별하는 기본적인 장치 특성과 패턴을 이해해야 한다. 이러한 특성과 패턴을 이해하면 디자인을 결정할 때, iPhone 사용자가 선호하는 앱이나 게임을 제공할 때 도움이 될 수 있다.

 

iPhone Display Size

장치	액정 크기(인치)	화면 비율	실제 해상도	개발 기준 해상도
iPhone 6, 6s, 7, 8, SE2, SE3	4.7	9:16	750 x 1334	375 x 667
iPhone 12 mini, 13 mini	5.4	9:19.5	1080 x 2340	375 x 812
iPhone 6+, 6s+, 7+, 8+	5.5	9:16	1242 x 2208	414 x 736
iPhone X, XS, 11 Pro	5.8	6:13	1125 x 2436	375 x 812
iPhone XR, 11	6.1	9:19.5	828 x 1792	414 x 896
iPhone 12, 12 Pro, 13, 13 Pro, 14	6.1	9:19.5	1170 x 2532	390 x 844
iPhone 14 Pro	6.1	9:19.5	1179 x 2556	393 x 852
iPhone XS Max, 11 Pro Max	6.5	9:19.5	1242 x 2688	414 x 896
iPhone 12 Pro Max, 13 Pro Max, 14 Plus	6.7	9:19.5	1284 x 2778	428 x 926
iPhone 14 Pro Max	6.7	9:19.5	1290 x 2796	430 x 932

 

• 인체공학: 가로, 세로 방향으로 사용할 때 한손, 또는 양손을 사용하며, iPhone과 얼굴까지의 거리가 30~60cm를 넘기지 않는 경향이 있다.
• 입력방식: 사용자는 Multi-Touch gesture, Onscreen Keyboard 및 Voice control을 통해 이동 간에도 의미있는 작업 수행이 가능하다. 필요에 따라 Gyroscope and Accelerometer(자이로스코프 및 가속도계) 사용 및 Spatial Interaction(Nearby Interaction)을 이용하고 싶을 수 있다.
• 앱 상호작용: 사용자는 일부 앱에서 1~2분으로 짧게 사용할수도 있고, 일부는 1시간 이상을 소비할 수도 있다. 일반적으로 사용자는 동시에 여러 앱을 열어두고, 앱을 전환할 수 있는 것을 선호한다.
• 시스템 기능: iOS는 사람들이 익숙하고 일관된 방식으로 시스템 및 앱과 상호작용할 수 있도록 Widgets, Home Screen quick actions, Spotlight , Shortcuts, Activity views 등의 기능을 제공한다.

 

Best Practice

사용자가 iOS에서 편안함을 느끼도록 디자인하려면 이러한 기능을 통합하는 것을 우선순위에 둬야 한다.

1. Onscreen Control 갯수를 제한하여 주요 작업과 컨텐츠에 집중할 수 있도록 하고, 부수적인 세부 사항과 행동은 최소한의 상호 작용 확인할 수 있도록 해야 한다.
2. 기기 방향, 다크모드, 동적 타입처럼 형태가 변해도 사용자가 원활히 적응하여 본인에게 가장 적합한 설정을 선택할 수 있어야 한다.
3. 사용자가 일반적으로 기기를 잡는 방식에 적합한 상호작용을 지원해야 한다. 예를 들어, Control이 화면의 중간 또는 하단에 있을 때 사용이 더 쉽고 편리함을 느끼는 경향이 있으므로, 스와이프하여 뒤로 이동하거나, 목록 행에서 작업을 시작할 수 있도록 하는 것이 중요하다.
4. 사용자의 승인을 받으면 사용자에게 데이터 입력을 요청하지 않아도 사용자 경험을 향상시킬 수 있는 방식으로 플랫폼 기능을 통해 이용할 수 있는 정보를 통합할 수 있다. 예를 들어, 결제를 수락하거나, 생체 인증을 통해 보안을 제공하거나, 기기 위치을 사용하는 기능을 제공할 수 있다.

 

원본 링크

https://developer.apple.com/design/human-interface-guidelines/designing-for-ios

Designing for iOS | Apple Developer Documentation