✨ Design/✸ Human Interface Guideline

[νžˆνž‰ .. 히..νž‰γ…Ž] Platform - Designing for iPadOS

chamroro 2023. 1. 18. 20:42

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.

μ‚¬λžŒλ“€μ€ λ―Έλ””μ–΄λ₯Ό μ¦κΈ°κ³ , κ²Œμž„을 ν•˜κ³ , μ„ΈλΆ€μ μΈ μƒμ‚°μ„± μž‘업을 μˆ˜ν–‰ν•˜κ³ , κ·Έλ“€μ˜ μ°½μ‘°λ¬Όμ„ λ˜μ‚΄λ¦¬λ©΄μ„œ μ•„μ΄νŒ¨λ“œμ˜ νž˜, μ΄λ™μ„±, μœ μ—°μ„±μ„ μ€‘μ‹œν•œλ‹€.

 

πŸ€” μ•„μ΄νŒ¨λ“œμ˜ 특μž₯점은 아이폰에 λΉ„ν•΄ 더 세뢀적이고 전문적인 μž‘μ—… μˆ˜ν–‰μ΄ κ°€λŠ₯ν•œ 것 뿐 μ•„λ‹ˆλΌ, pcλ‚˜ λž©νƒ‘λ³΄λ‹€ more portableν•˜λ‹€λŠ” 점인 것 κ°™λ‹€! 특히 λ“œλ‘œμž‰, 3Dμž‘μ—…μ€ μ•„μ΄νŒ¨λ“œμ˜ μ•± 만으둜 μΆ©λΆ„νžˆ νŒŒμ›Œν’€ν•œ μž‘μ—…μ΄ κ°€λŠ₯해보인닀. λ‚΄κ°€ μ‚¬μš©ν•˜λŠ” κ΅Ώλ…ΈνŠΈλ§Œ 해도, μ§€κΈˆμ΄μ•Ό μ΅μˆ™ν•΄μ‘Œμ§€λ§Œ μ²˜μŒμ— μ• ν”ŒνŽœμŠ¬κ³Όμ˜ μ‘°ν•©μœΌλ‘œ μ‚¬μš©ν–ˆμ„ λ•Œ 신세계라고 λŠκΌˆμ—ˆλ‹€! 

 

 

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.

iPad용 μ•±μ΄λ‚˜ κ²Œμž„μ„ λ””μžμΈν•˜κΈ° μ‹œμž‘ν•  λ•Œ iPadOS experienceλ₯Ό κ΅¬λ³„ν•˜λŠ” λ‹€μŒκ³Ό 같은 기본적인 μž₯치 νŠΉμ„±κ³Ό νŒ¨ν„΄μ„ μ΄ν•΄ν•˜λŠ” 것뢀터 μ‹œμž‘ν•΄μ•Όν•œλ‹€. μ΄λŸ¬ν•œ νŠΉμ„±κ³Ό νŒ¨ν„΄μ„ μ‚¬μš©ν•˜μ—¬ λ””μžμΈ 결정을 μ•Œλ¦¬λŠ” 것은 iPad μ‚¬μš©μžκ°€ μ’‹μ•„ν•˜λŠ” μ•±μ΄λ‚˜ κ²Œμž„μ„ μ œκ³΅ν•˜λŠ” 데 도움이 될 수 μžˆλ‹€.

 

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.

μ‚¬λžŒλ“€μ€ μ•„μ΄νŒ¨λ“œλ₯Ό μ‚¬μš©ν•˜λŠ” λ™μ•ˆ μ•„μ΄νŒ¨λ“œλ₯Ό λ“€κ³  μžˆλŠ” κ²½μš°κ°€ λ§Žμ§€λ§Œ, ν‘œλ©΄μ— λ†“κ±°λ‚˜ μŠ€νƒ λ“œμ— 놓을 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. μ‚¬λžŒλ“€μ΄ 일반적으둜 μž₯μΉ˜μ™€ μƒν˜Έ μž‘μš©ν•  λ•Œ μž₯치의 μ•½ 3 ν”ΌνŠΈ 이내에 μžˆμ§€λ§Œ μž₯치λ₯Ό λ‹€λ₯Έ λ°©μ‹μœΌλ‘œ λ°°μΉ˜ν•˜λ©΄ 거리가 λ³€κ²½ 될 수 μžˆμŠ΅λ‹ˆλ‹€. 

πŸ€” iOS와 λΉ„κ΅ν–ˆμ„ λ•Œ 1-2ν”ΌνŠΈ λŠ˜μ–΄λ‚œ 수치! 

 

Inputs. People can interact with iPad using Multi-Touch gestures and onscreen keyboards, an attached keyboard or pointing device, Apple 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.

λ•Œλ•Œλ‘œ μ‚¬λžŒλ“€μ€ iPadμ—μ„œ λͺ‡ κ°€μ§€ λΉ λ₯Έ μž‘업을 μˆ˜ν–‰ν•©λ‹ˆλ‹€. λ‹€λ₯Έ μ‹œκ°„μ—λŠ” κ²Œμž„, λ―Έλ””μ–΄, μ½˜ν…μΈ  μ œμž‘ λ˜λŠ” μƒμ‚°μ„± μž‘업에 λͺ°λ‘ν•˜λŠ” μ‹œκ°„을 λ³΄λƒ…λ‹ˆλ‹€. μ‚¬λžŒλ“€μ€ μ’…μ’… μ—¬λŸ¬ 개의 앱을 λ™μ‹œμ— μ—΄ 수 있으며 ν•œ λ²ˆμ— ν•˜λ‚˜ μ΄μƒμ˜ 앱을 ν™”λ©΄μ—μ„œλ³΄κ³  λ“œλž˜κ·Έ μ•€ λ“œλ‘­κ³Ό 같은 μ•± κ°„ κΈ°λŠ₯을 ν™œμš©ν•˜λŠ” 것을 μ’‹μ•„ν•©λ‹ˆλ‹€.

πŸ€” μ•„μ΄νŒ¨λ“œ μ•ˆμ—μ„œ drag and drop을 써본 κ²½ν—˜μ΄ λ”±νžˆ κΈ°μ–΅λ‚˜μ§€λŠ” μ•ŠλŠ”λ‹€. μ˜ˆμ‹œκ°€ λ„˜ ꢁ금슀 ,, λ‚˜μ€‘μ— μ½”λ“œλ‘œ κ΅¬ν˜„λ„ 해보고 μ‹Άλ‹€.

 

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

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.

ν›Œλ₯­ν•œ iPad κ²½ν—˜μ€ μ‚¬λžŒλ“€μ΄ κ°€μž₯ μ€‘μš”ν•˜κ²Œ μƒκ°ν•˜λŠ” ν”Œλž«νΌ 및 μž₯치 κΈ°λŠ₯을 ν†΅ν•©ν•©λ‹ˆλ‹€. iPadOSμ—μ„œ κ²½ν—˜μ„ μ§‘μ—μ„œ λŠλ‚„ 수 μžˆλ„λ‘ ν•˜λ €λ©΄ λ‹€μŒκ³Ό 같은 κΈ°λŠ₯κ³Ό κΈ°λŠ₯을 ν†΅ν•©ν•˜λŠ” 방법을 μš°μ„ μ‹œν•˜μ‹­μ‹œμ˜€. 

  • 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 enabling unique interactions that combine multiple input modes.
    μ‚¬μš©μžκ°€ λ©€ν‹°ν„°μΉ˜ 제슀처, μ‹€μ œ ν‚€λ³΄λ“œ λ˜λŠ” νŠΈλž™νŒ¨λ“œ λ˜λŠ” Apple Pencil을 μ‚¬μš©ν•  수 μžˆλ„λ‘ ν•˜κ³  μ—¬λŸ¬ μž…λ ₯ λͺ¨λ“œλ₯Ό κ²°ν•©ν•˜λŠ” κ³ μœ ν•œ μƒν˜Έ μž‘μš©μ„ ν™œμ„±ν™”ν•˜λŠ” 것을 κ³ λ €ν•΄ λ³΄μ„Έμš”.
  • 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.
    μž₯치 λ°©ν–₯, λ©€ν‹°νƒœμŠ€ν‚Ή λͺ¨λ“œ, Dark Mode 및 Dynamic Typeκ³Ό 같은 μ™Έκ΄€ 변화에 μ›ν™œν•˜κ²Œ μ μ‘ν•˜κ³  MacOSμ—μ„œ μ‹€ν–‰λ˜λŠ” κ²ƒμœΌλ‘œ μ‰½κ²Œ μ „ν™˜ν•˜μ—¬ μ‚¬μš©μžμ—κ²Œ κ°€μž₯ μ ν•©ν•œ ꡬ성을 μ„ νƒν•˜μ„Έμš”.
 
 
λ°˜μ‘ν˜•