κ°œλ°œν•˜λŠ” ν›ˆμ΄ 2021. 8. 22. 20:27
πŸ’‘ 개인적인 곡뢀λ₯Ό λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜μ—¬ κ°„λž΅ν•˜κ²Œ μ •λ¦¬λ§Œ ν•œ κΈ€μž…λ‹ˆλ‹€. 전문을 ν¬ν•¨ν•˜κ³  μžˆμ§€ μ•ŠμœΌλ‹ˆ μžμ„Έν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό μ½μ–΄λ³΄μ‹œκΈΈ κΆŒν•΄λ“œλ¦½λ‹ˆλ‹€!
https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/navigation/
 

Navigation - App Architecture - iOS - Human Interface Guidelines - Apple Developer

Navigation People tend to be unaware of an app’s navigation until it doesn’t meet their expectations. Your job is to implement navigation in a way that supports the structure and purpose of your app without calling attention to itself. Navigation shoul

developer.apple.com

Navigation 

iOS μ—μ„œλŠ” μƒˆ μ’…λ₯˜μ˜ λ‚΄λΉ„κ²Œμ΄μ…˜ μŠ€νƒ€μΌμ„ μ§€μ›ν•©λ‹ˆλ‹€. 

Hierarchical Navigation

  • λͺ©μ μ§€ ν™”λ©΄κΉŒμ§€ λ„μ°©ν•˜κΈ° μœ„ν•΄μ„œ ν•œ ν™”λ©΄ λ‹Ή ν•˜λ‚˜μ˜ 선택을 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • λ‹€λ₯Έ λͺ©μ μ§€ ν™”λ©΄μœΌλ‘œ κ°€κΈ° μœ„ν•΄μ„œλŠ” μ‹œμž‘μ μ—μ„œλΆ€ν„° λ‹€λ₯Έ 선택을 톡해 μ΄λ™ν•΄μ•Όν•©λ‹ˆλ‹€. 
  • μ„€μ •κ³Ό 메일 앱이 이 방식을 μ‚¬μš©ν•©λ‹ˆλ‹€.

Flat Navigation

  • μ—¬λŸ¬κ°œμ˜ μΉ΄ν…Œκ³ λ¦¬μ—μ„œ μ „ν™˜μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€. 
  • μŒμ•…μ΄λ‚˜ μ•±μŠ€ν† μ–΄κ°€ 이런 방식을 μ‚¬μš©ν•©λ‹ˆλ‹€.

Content-Driven or Experience-Driven Navigation

  • 컨텐츠가 슀슀둜 λ‚΄λΉ„κ²Œμ΄μ…˜μ΄ λ˜μ–΄μ„œ 컨텐츠 κ°„μ˜ 이동이 κ°€λŠ₯ν•©λ‹ˆλ‹€.
  • κ²Œμž„, μ±… μ•±κ³Ό 같이 λͺ°μž…감이 μžˆλŠ” 앱이 이런 방식을 μ‚¬μš©ν•©λ‹ˆλ‹€.

λ””μžμΈ κ°€μ΄λ“œλΌμΈ

  • 항상 λͺ…ν™•ν•œ 경둜λ₯Ό μ œκ³΅ν•˜μ„Έμš”.
    • μ‚¬μš©μžλ“€μ€ μžμ‹ μ΄ μ–΄λ–€ μœ„μΉ˜μ— μžˆλŠ”μ§€ μ•Œκ³ μžˆμ–΄μ•Ό ν•˜κ³ , μžμ‹ μ΄ κ°€κ³ μž ν•˜λŠ” ν™”λ©΄κΉŒμ§€ μ–΄λ–»κ²Œ 도달할 수 μžˆλŠ”μ§€ μ•Œκ³ μžˆμ–΄μ•Όν•©λ‹ˆλ‹€.
  • 정보 ꡬ쑰λ₯Ό λΉ λ₯΄κ³  κ°„λ‹¨ν•˜κ²Œ 컨텐츠λ₯Ό 얻을 수 μžˆλ„λ‘ μ„€κ³„ν•˜μ„Έμš”.
    • μ΅œμ†Œν•œμ˜ νƒ­κ³Ό μŠ€μ™€μ΄ν”„, μŠ€ν¬λ¦°μ„ 톡해 컨텐츠λ₯Ό λ³Ό 수 μžˆλ„λ‘ ν•˜μ„Έμš”.
  • ν„°μΉ˜ 제슀처둜 μœ μ—°ν•¨μ„ λ§Œλ“œμ„Έμš”.
    • μŠ€μ™€μ΄ν”„λ₯Ό 톡해 이전 경둜둜 μ΄λ™ν•˜λŠ” 것과 같이 μ΅œμ†Œν•œμ˜ λ™μž‘μœΌλ‘œ μΈν„°νŽ˜μ΄μŠ€λ₯Ό 이동할 수 μžˆλ„λ‘ ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.
  • ν‘œμ€€μ˜ λ‚΄λΉ„κ²Œμ΄μ…˜ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ‚¬μš©ν•˜μ„Έμš”.
    • νƒ­ λ°”, μ½œλ ‰μ…˜, ν…Œμ΄λΈ”κ³Ό 같은 ν‘œμ€€ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ‚¬μš©ν•˜μ„Έμš”. μ‚¬μš©μžλ“€μ€ ν‘œμ€€ μ»΄ν¬λ„ŒνŠΈλ“€μ— μ΅μˆ™ν•΄μ Έ 있기 λ•Œλ¬Έμ— 직관적인 앱을 λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.
  • λ‚΄λΉ„κ²Œμ΄μ…˜ λ°”λ₯Ό 톡해 데이터 계측을 μ΄λ™ν•˜λ„λ‘ ν•˜μ„Έμš”.
  • νƒ­ λ°”λ₯Ό 톡해 μ»¨ν…μΈ λ‚˜ κΈ°λŠ₯의 μΉ΄ν…Œκ³ λ¦¬λ₯Ό ν‘œν˜„ν•˜μ„Έμš”.
    • νƒ­ λ°”λ₯Ό μ‚¬μš©ν•˜λ©΄ μ‚¬μš©μžκ°€ μ–΄λ–€ μœ„μΉ˜μ— μžˆλ˜μ§€ μ‰½κ²Œ μΉ΄ν…Œκ³ λ¦¬λ₯Ό μ „ν™˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
  • iPad μ—μ„œλŠ” νƒ­ λ°”λ³΄λ‹€λŠ” μŠ€ν”Œλ¦Ώ λ·°λ₯Ό μ‚¬μš©ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.
  • 같은 μ’…λ₯˜μ˜ 컨텐츠에 λŒ€ν•œ νŽ˜μ΄μ§€κ°€ μ—¬λŸ¬κ°œ μžˆλ‹€λ©΄ page controlλ₯Ό μ‚¬μš©ν•˜μ„Έμš”.