[HIG] Platforms - Designing for iOS

sewoongΒ·2023λ…„ 4μ›” 3일
0

HIG

λͺ©λ‘ 보기
1/3
post-thumbnail
Apple Developer의 Human Interface Guidelinesλ₯Ό 읽고 μ •λ¦¬ν•œ κΈ€μž…λ‹ˆλ‹€.
전문을 λ²ˆμ—­ν•œ 것이 μ•„λ‹Œ 혼자 읽고 μ •λ¦¬ν•œ 글이기에 잘λͺ» μ΄ν•΄ν•˜κ±°λ‚˜ μ˜€μ—­λœ 정보가 μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ‘‰ 원문 λ³΄λŸ¬κ°€κΈ°

Designing for iOS

Human Interface Guidelines(μ΄ν•˜ HIG)μ—μ„œλŠ” 앱을 λ””μžμΈν•˜κΈ° 전에 λ¨Όμ € 기본적인 기기에 λŒ€ν•œ νŠΉμ„±μ„ μ΄ν•΄ν•˜λŠ” 것을 ꢌμž₯ν•œλ‹€. 기기의 νŠΉμ„±μ— λŒ€ν•œ 높은 이해도가 μžˆλ‹€λ©΄ μ‚¬μš©μžκ°€ μ„ ν˜Έν•˜λŠ” λ°©ν–₯의 앱을 κ΅¬ν˜„ν•˜κ³  μ œκ³΅ν•˜λŠ” 데 도움이 되기 λ•Œλ¬Έμ΄λ‹€.

λ¬Έμ„œμ—μ„œ μ„€λͺ…ν•˜λŠ” iOS 기기의 νŠΉμ§•μ€ λ‹€μŒκ³Ό κ°™λ‹€.

  • Display
    iPhone은 쀑간(medium) 크기의 고해상도 λ””μŠ€ν”Œλ ˆμ΄λ₯Ό μ‚¬μš©ν•œλ‹€.
  • Ergonomics
    iPhone을 μ‚¬μš©ν•  λ•Œ μ‚¬λžŒλ“€μ€ ν•„μš”μ— 따라 κ°€λ‘œ/μ„Έλ‘œ λ°©ν–₯을 μ „ν™˜ν•˜λ©΄μ„œ μ‚¬μš©ν•˜λ©° 이 λ•Œ 각각 ν•œ 손 λ˜λŠ” μ–‘ μ†μœΌλ‘œ μž‘λŠ” κ²½ν–₯이 μžˆλ‹€. μž₯μΉ˜μ™€ μƒν˜Έμž‘μš©ν•˜λŠ” λ™μ•ˆ μ‚¬μš©μžμ™€ κΈ°κΈ° μ‚¬μ΄μ˜ μ‹œμ²­ κ±°λ¦¬λŠ” 1~2ν”ΌνŠΈλ₯Ό λ„˜μ§€ μ•ŠλŠ”λ‹€.
  • Inputs
    λ©€ν‹° ν„°μΉ˜ 제슀처, 온슀크린 ν‚€λ³΄λ“œ, μŒμ„± 등을 톡해 μ‚¬μš©μžλŠ” μž…λ ₯을 μˆ˜ν–‰ν•œλ‹€. ν•„μš”ν•œ 경우 μœ„μΉ˜, 가속도계, μžμ΄λ‘œμŠ€μ½”ν”„ 등을 μΆ”κ°€μ μœΌλ‘œ μ‚¬μš©ν•œλ‹€.
  • App interactions
    iOS κΈ°κΈ°λ₯Ό μ‚¬μš©ν•˜λŠ” μ‚¬μš©μžλŠ” 앱을 μ‚¬μš©ν•˜λ‹€κ°€ λ‹€λ₯Έ μ•±μ—μ„œμ˜ 이벀트 ν˜Ήμ€ SNSλ₯Ό ν™•μΈν•˜κ±°λ‚˜ λ©”μ‹œμ§€λ₯Ό μ „μ†‘ν•˜λŠ” λ“± 일반적으둜 λ™μ‹œμ— μ—¬λŸ¬ 개의 앱을 열어두고 λΉˆλ²ˆν•˜κ²Œ μ „ν™˜μ„ ν•˜λ©° μ‚¬μš©ν•œλ‹€.
  • System features
    iOSλŠ” μ‚¬μš©μžμ—κ²Œ μ΅μˆ™ν•˜κ³  μΌκ΄€λœ λ°©μ‹μœΌλ‘œ μ‹œμŠ€ν…œ 및 μ•±κ³Ό μƒν˜Έμž‘μš©ν•˜λŠ” κΈ°λŠ₯듀을 μ œκ³΅ν•œλ‹€.

Best practices

μ‚¬μš©μžμ—κ²Œ 앱이 iOS ν™˜κ²½μ—μ„œ νŽΈμ•ˆν•˜κ³  μ΅μˆ™ν•˜κ²Œ λŠκ»΄μ Έμ•Ό ν•œλ‹€. μ‚¬μš©μžκ°€ κΈ°λŒ€ν•˜λŠ” λŒ€λ‘œ λ™μž‘ν•΄μ•Ό ν•˜κ³  μƒˆλ‘œμš΄ κΈ°λŠ₯이라 할지라도 iOSλ₯Ό μ‚¬μš©ν•˜λŠ” μ‚¬μš©μžλΌλ©΄ ν•΄λ‹Ή κΈ°λŠ₯에 λŒ€ν•΄ μ‰½κ²Œ μ˜ˆμΈ‘ν•  수 μžˆλ„λ‘ μ΅μˆ™ν•œ λ””μžμΈμ„ μ‚¬μš©ν•˜λŠ” 것이 μ€‘μš”ν•˜λ‹€.
이λ₯Ό μœ„ν•΄ λ‹€μŒ λͺ‡ 가지 κ·œμΉ™μ„ μ€€μˆ˜ν•΄μ•Ό ν•œλ‹€.

  • μ‚¬μš©μžκ°€ μ΅œμ†Œν•œμ˜ μƒν˜Έ μž‘μš©μœΌλ‘œ μ„ΈλΆ€ 정보 및 μž‘μ—…μ„ 검색할 수 μžˆλ„λ‘ ν™”λ©΄ 컨트둀의 수λ₯Ό μ œν•œν•˜μ—¬ μ£Όμš” 컨텐츠에 집쀑할 수 있게 ν•΄μ•Ό ν•œλ‹€.
  • μž₯치 λ°©ν–₯, 닀크 λͺ¨λ“œ ν˜Ήμ€ μ†μ‰¬μš΄ μ‚¬μš© 등에 μ›ν™œν•˜κ²Œ λŒ€μ‘ν•˜μ—¬ μžμ‹ μ—κ²Œ μ ν•©ν•œ 것을 μ„ νƒν•˜μ—¬ μžμ‹ λ§Œμ˜ λ°©λ²•λŒ€λ‘œ 앱을 μ‚¬μš©ν•  수 μžˆμ–΄μ•Ό ν•œλ‹€.
  • μ‚¬μš©μžκ°€ iPhone을 μž‘λŠ” λ°©μ‹λŒ€λ‘œ μƒν˜Έμž‘μš©μ„ ν™œμ„±ν™”ν•΄μ•Ό ν•œλ‹€. 예λ₯Ό λ“€μ–΄ μ„Έλ‘œ λͺ¨λ“œλ₯Ό μ‚¬μš©ν•˜λŠ” μ€‘μ—λŠ” iPhone을 ν•œ μ†μœΌλ‘œ μž‘λŠ” κ²½ν–₯이 μžˆμœΌλ―€λ‘œ μ œμ–΄ κ΄€λ ¨ μ»΄ν¬λ„ŒνŠΈλ₯Ό ν•˜λ‹¨μ— λ°°μΉ˜ν•˜μ—¬ μƒν˜Έ μž‘μš©μ„ ν•œ μ†μœΌλ‘œ νŽΈλ¦¬ν•˜κ²Œ μ œκ³΅ν•΄μ•Ό ν•œλ‹€.
  • ν”Œλž«νΌ κΈ°λŠ₯(Face ID, 지문 인식 λ“±)을 톡해 μ‚¬μš© κ°€λŠ₯ν•œ 정보가 μžˆλŠ” 경우 직접 데이터 μž…λ ₯을 μš”κ΅¬ν•˜μ§€ μ•Šκ³  ν—ˆλ½μ„ 받은 후에 ν”Œλž«νΌ κΈ°λŠ₯을 μ‚¬μš©ν•˜λŠ” 것이 μ’‹λ‹€. 예λ₯Ό λ“€μ–΄ 결제λ₯Ό μˆ˜λ½ν•˜κ±°λ‚˜ 인증을 진행할 λ•Œ 본인인증이 ν•„μš”ν•œ 경우 λ³„λ„λ‘œ μž…λ ₯을 λ°›λŠ” λŒ€μ‹  iOSμ—μ„œ μ œκ³΅ν•˜λŠ” Face IDλ₯Ό λŒ€μ‹  ν™œμš©ν•œλ‹€.
profile
iOS Developer

0개의 λŒ“κΈ€