본문 바로가기
UI & UX/Human Interface Guidelines for apple

[Platforms] Designing for iPadOS

by tabasco 2023. 6. 26.

Designing for iPadOS

People value the power, mobility, and flexibility of iPad as they enjoy media, play games, perform detailed productivity tasks, and bring their creations to life.

iPadOS를 위한 디자인

사람들은 미디어를 즐기고, 게임을 하고, 상세한 생산성 작업을 수행하고, 자신의 창작물을 실현하는 것과 같은 활동을 할 때 iPad의 성능, 휴대성, 유연성을 중요하게 생각합니다.

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

 

Display. iPad has a large, high-resolution display.


Ergonomics.
 People often hold their iPad while using it, but they might also set it on a surface or place it on a stand. Positioning the device in different ways can change the viewing distance, although people are typically within about 3 feet of the device as they interact with it.


Inputs.
 People can interact with iPad using Multi-Touch gestures and onscreen keyboards, an attached keyboard or pointing deviceApple Pencil, or voice, and they often combine multiple input modes.


App interactions.
 Sometimes, people perform a few quick actions on their iPad. At other times, they spend hours immersed in games, media, content creation, or productivity tasks. People frequently have multiple apps open at the same time, and they appreciate viewing more than one app onscreen at once and taking advantage of inter-app capabilities like drag and drop.


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

iPad용 앱이나 게임을 디자인하기 시작할 때, iPadOS 경험을 특별하게 만드는 다음 기본적인 디바이스 특성과 패턴을 이해하는 것부터 시작합니다. 이러한 특성과 패턴을 이용해 디자인 결정을 내리면 iPad 사용자들이 좋아할 앱이나 게임을 제공하는 데 도움이 될 수 있습니다.

디스플레이. iPad는 큰 고해상도 디스플레이를 갖추고 있습니다.

인체공학. 사람들은 주로 iPad를 들고 사용하지만, 표면에 놓거나 스탠드에 위치시키기도 합니다. 디바이스를 다른 방식으로 위치시키는 것은 시청 거리를 변경할 수 있지만, 사람들은 일반적으로 디바이스와 상호작용하는 동안 약 3피트 이내에 있습니다.

입력. 사람들은 멀티 터치 제스처와 화면 키보드, 부착된 키보드나 포인팅 디바이스, Apple Pencil 또는 음성을 사용하여 iPad와 상호작용할 수 있으며, 종종 여러 입력 모드를 결합합니다.

앱 상호작용. 때때로 사람들은 iPad에서 몇 가지 빠른 작업을 수행합니다. 다른 때에는 게임, 미디어, 콘텐츠 생성, 생산성 작업에 몇 시간 동안 몰입합니다. 사람들은 자주 여러 앱을 동시에 열어두고, 한 번에 두 개 이상의 앱을 화면에 보는 것과 드래그 앤 드롭과 같은 앱 간 기능을 활용하는 것을 좋아합니다.

시스템 기능. iPadOS는 사람들이 시스템과 앱을 익숙하고 일관된 방식으로 상호작용하는데 도움이 되는 여러 기능을 제공합니다.

- 멀티태스킹
- 위젯
- 드래그 앤 드롭

Best practices

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

  • Take advantage of the large display to elevate the content people care about, minimizing modal interfaces and full-screen transitions, and positioning onscreen controls where they’re easy to reach, but not in the way.
  • Use viewing distance and input mode to help you determine the size and density of the onscreen content you display.
  • Let people use Multi-Touch gestures, a physical keyboard or trackpad, or Apple Pencil, and consider supporting unique interactions that combine multiple input modes.
  • Adapt seamlessly to appearance changes — like device orientation, multitasking modes, Dark Mode, and Dynamic Type — and transition effortlessly to running in macOS, letting people choose the configurations that work best for them.
최선의 방법

훌륭한 iPad 경험은 사람들이 가장 중요하게 생각하는 플랫폼 및 디바이스 기능을 통합합니다. iPadOS에서 경험이 자연스럽게 느껴지도록 하기 위해, 이러한 기능과 기능들을 포함하는 다음 방법들을 우선시하세요.

큰 디스플레이를 활용하여 사람들이 중요하게 생각하는 콘텐츠를 강조하고, 모달 인터페이스와 전체 화면 전환을 최소화하며, 화면 컨트롤을 쉽게 도달할 수 있지만 방해가 되지 않는 곳에 배치하세요.

시청 거리와 입력 모드를 사용하여 화면에 표시할 콘텐츠의 크기와 밀도를 결정하는 데 도움을 주세요.

사람들이 멀티 터치 제스처, 물리적 키보드 또는 트랙패드, Apple Pencil을 사용하도록 하고, 여러 입력 모드를 결합하는 독특한 상호작용을 지원하는 것을 고려하세요.

디바이스 방향, 멀티태스킹 모드, 다크 모드, 동적 타입과 같은 외관 변화에 매끄럽게 적응하고, macOS에서 쉽게 실행하도록 전환하여, 사람들이 가장 잘 작동하는 구성을 선택할 수 있도록 하세요.

Resources

Related

Apple Design Resources

 

Developer documentation

Planning your iPadOS app

 

Videos

What’s new in iPad app design

Designed for iPad

 

Reference

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