iOS HIG - Human Interface Guideline 읽어보기1[iOS-1]

 

왜 HIG를 공부해야 하는가

 

앱스토어에 앱을 등록, 업데이트하기 위해서는 심사과정을 거쳐야 합니다. 

이 심사과정은 안드로이드와 달리 사람이 직접 확인하는것으로 알려졌으며 이 때 애플이 제시한 HIG를 준수했는지 합니다.

사용자 경험을 중요시하는 애플은 직접 가이드라이인을 공개하여 앱스토어에 등록된 앱의 퀄리티를 유지하고 있습니다.

앱스토어에서 Reject 를 당했다면 HIG를 준수하지 않았을 확률이 높습니다

개발자는 물론 디자이너와 기획자 모두 읽으면 좋은 문서라고 생각합니다 

 

아래는 동물의 숲이 굉장히 인기였을 당시 구글 플레이스토어에 올리온 안드로이드 앱입니다.

장난스럽게 만든 디자인과 텍스트를 출력하는 기능밖에 없는 이 앱은 구글AI의 심사를 무사히(?)거쳐 스토어에 정식 출시되었습니다.

만약 이 앱이 앱스토어 심사를 거쳤다면 출지되지 못했을지도 모릅니다. 

 

 

 

 

 

HIG 분류

 

애플은 총 6가지로 가이드라인을 세분화하고 있습니다

- Platforms, Foundations, Patterns, Components, Inputs, Technologies 

이 중 플랫폼에는 whatchOS, tvOS, iOS, ipadOS, macOS 총 5가지로 분류해 가이드라인을 제시합니다 

이 중 iOS의 Design정의를 먼저 살펴보겠습니다

https://developer.apple.com/

 

 

Design for iOS

 

People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

사람들은 어디에서나, 이동중에도 게임, 미디어, 작업, 데이터추적, 연결을 하기위해 아이폰을 사용합니다

 

As you begin designing your app or game for iOS, start by understanding the following fundamental device characteristics and patterns that distinguish the iOS experience. Using these characteristics and patterns to inform your design decisions can help you provide an app or game that iPhone users appreciate.

iOS앱/게임을 디자인할 때는 iOS 기본적인 장치특성과 패턴을 이해해야합니다. 이런 특성과 패턴을 이해하고 디자인결정에 반영한다면 높은 평점의 앱/게임을 제공하는데 도움이 될 수 있습니다

 

 

Display. iPhone has a medium-sized, high-resolution display.

화면: 아이폰은 중간사이즈의 고해상도 디스플레이를 탑재했습니다

 

Ergonomics. People generally hold their iPhone in one or both hands as they interact with it, switching between landscape and portrait orientations as needed. While people are interacting with the device, their viewing distance tends to be no more than a foot or two.

인체공학: 사람들은 보통 아이폰과 상호작용 할 때 한손/양손으로 아이폰을 잡고 필요에 따라 가로 혹은 세로 방향으로 전환합니다. 상호작용을 할 때 핸드폰과의 거리는 1피트~2피트를 넘지 않는 경향이 있습니다

 

Inputs. Multi-Touch gestures, onscreen keyboards, and voice control let people perform actions and accomplish meaningful tasks while they’re on the go. In addition, people often want apps to use their location and input from the device’s accelerometer and gyroscope, and they may also want to participate in spatial interactions.

입력: 동시터치, 스크린 키보드, 음성제어로 사람들이 움직일 때도 의미있는 작업을 할 수 있습니다. 또한 종종 속도계/자이로스코프 등으로 공간적 상호작용에 참여하길 원할 수 있습니다

 

App interactions. Sometimes, people spend just a minute or two checking on event or social media updates, tracking data, or sending messages. At other times, people can spend an hour or more browsing the web, playing games, or enjoying media. People typically have multiple apps open at the same time, and they appreciate switching frequently among them.

앱 상호작용: 때때로 사람들은 이벤트 혹은 새로운 SNS 소식을 확인하거나 데이터 추적, 메시지 전송 등에 1-2분을 사용할 수 있습니다. 다른시간에는 게임, 미디어 소비에 1시간 이상을 쓸 수 있습니다. 사람들은 동시에 여러개의 앱을 열어놓고 전환하는것을 좋아합니다

 

System features. iOS provides several features that help people interact with the system and their apps in familiar, consistent ways.

• Widgets
• Home Screen quick actions
• Spotlight
• Shortcuts
• Activity views

시스템특성: iOS는 익숙하고 일관적인 방식으로 시스템/앱과 상호작용하는것을 도와주는 몇가지 특성을 제공합니다

자세한 포스팅은 다음에

https://admd13.tistory.com/281

 

모범사례

Great iPhone experiences integrate the platform and device capabilities that people value most. To help your design feel at home in iOS, prioritize the following ways to incorporate these features and capabilities

훌륭한 아이폰경험은 사람들이 가장 중요하게 생각하는 플랫폼과 장치기능을 통합합니다. 집처럼 느껴지는 iOS 디자인을 위해서는 다음의 우선순위를 지정해야합니다

 

• Help people focus on primary tasks and content by limiting the number of onscreen controls while making secondary details and actions discoverable with minimal interaction.
• 최소한의 상호작용으로 2차정보 및 작업을 검색할 수 있도록 하고 스크린 개수를 제한하여 기본작업, 내용에 집중할 수 있도록 합니다 

• Adapt seamlessly to appearance changes — like device orientation, Dark Mode, and Dynamic Type — letting people choose the configurations that work best for them.
• 기기의 방향, 다크모드와 같은 외적인변화에 원활하게 적용시켜 사용자가 선택할 수 있도록 함

• Enable interactions that support the way people usually hold their device. For example, it tends to be easier and more comfortable for people to reach a control when it’s located in the middle or bottom area of the display, so it’s especially important let people swipe to navigate back or initiate actions in a list row.
• 사람들이 일반적으로 기기를 잡는 방식을 고려할것. 예를들어, 컨트롤이( ex)버튼 ) 화면의 중앙 또는 하단에 있을 때 컨트롤을 누르기 쉬운 경향이 있습니다.  따라서 스와이프하여 뒤로가기나 시작하게 하는것이 특히 중요합니다
• (요약: 사용자가 잡는 방향을 고려해 디자인 할 것)

• With people’s permission, integrate information available through platform capabilities in ways that enhance the experience without asking people to enter data. For example, you might accept payments, provide security through biometric authentication, or offer features that use the device’s location.
• 사용자의 허락을 받으면 플랫폼기능을 통해 사용자에게 입력을 요구하지 않는 방향으로 경험을 향상시켜 사용 가능한 정보를 통합합니다. 예를들어 결제를 수락하고, 생체 인증을 통한 보안을 제공하고, 기기의 위치 정보를 사용하는 기능을 제공할 수 있습니다.
• (요약: 은행 어플에서 페이스ID사용을 최초 한번만 동의하면 아이폰에 등록된 페이스ID를 비밀번호 대신 사용할 수 있듯이 플랫폼의 기능을 사용해 사용자 경험을 향상시킬 수 있다)

 

 

 

 

참고자료

 

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

Designing for iOS - Platforms - Human Interface Guidelines - Design - Apple Developer