-
Launching - App Architecture - iOS - Human Interface GuidelinesiOS/π¨ UI ⁄ UX 2020. 10. 13. 18:05
Launch experience μ μ¬μ©μλ€μ΄ λΉμ μ μ±μ λν νκ°λ₯Ό λ΄λ¦¬λ κ³Όμ μμ μ μλ―Έν μν₯μ λ―ΈμΉ©λλ€.
μ¬μ©μλ€μ΄ μ¬μ©νλ κΈ°μ’ κ³Ό μκ΄μμ΄,
κ·Έλ¦¬κ³ μ¬μ©μκ° λΉμ μ μ±μ λ§μ§λ§μΌλ‘ μ΄μλ κ²μ΄ μΌλ§λ μ€λλμλμ§μλ μκ΄μμ΄,
Launch experience λ λΉ λ₯΄κ³ 맀λλ¬μμΌ (seamless) ν©λλ€.
launch: to begin something such as a plan or introduce something new such as a product:
μ±μμμ launch experience λ μ±μ μμνμ¬ launch screenμ λμ°κ³ app's fisrt screen μΌλ‘ transition λ μ§ν κΉμ§λΌκ³ λ³Ό μ μμ΅λλ€.
seamless: happening without any sudden changes, interruption, or difficulty:
seam μ λ΄μ μ μ μλ―Ένλ©° μλ₯Ό λ€μ΄ λ΄μ μ μλ μλ₯ μμ seamless λ μμμ΄κ° λΆμ΅λλ€. λΆκ°μ μΈ μλ―Έλ‘ "without stopping" μ΄ μμ΅λλ€.μΆκ°μ μΌλ‘, μ¬μ©μμκ² μ¦κ±°μ΄ launch experienceλ₯Ό μ€κ³ν μ μκ² λμμ€ μ μλ κ°μ΄λλΌμΈμ΄ μμ΅λλ€.
μλ λ§ν¬λ₯Ό μ°Έκ³ ν΄μ£ΌμΈμ.
"Responding to the Launch of Your App"
1. Provide a launch screen.
"Launch screenμ μ 곡νμΈμ"
μμ€ν μ μ±μ μμν¨κ³Ό λμμ μ±μ launch screenμ μΆλ ₯νκ³ , 곧λ°λ‘ μ±μ 첫 νλ©΄ (app's first screen)μΌλ‘ λ체ν©λλ€.
Launch screenμ μ¬μ©μμκ² λΉμ μ μ±μ΄ λΉ λ₯΄κ² μλνκ³ μ μνκ² λ°μνλ€λ μΈμμ μ€λλ€.
λμμ launch screen μΆλ ₯ μ€ μ± μμμ νμν μ½ν μΈ λ₯Ό λ‘λν©λλ€.
Launch screenμμ 맀λλ¬μ΄ νλ©΄ μ νμ 보μ₯νλ €λ©΄, κ·Έκ² μμ²΄λ‘ μ£Όλͺ©μ λμ§ μμΌλ©΄μ μ±μ 첫 μμνλ©΄κ³Ό λΉμ·ν νλ²ν screenμΌλ‘ μ€κ³ν΄μΌ ν©λλ€. μ΄μ λν μλ¬Έ κ°μ΄λκ° μμ΅λλ€. "Launch Screen" - μ΄ν μ λΈλ‘κ·Έμμλ λ€λ£° μμ μ λλ€.
2. Launch in the appropriate orientation.
" μ μ ν λ°©ν₯μΌλ‘ launch νμΈμ. "
λ§μ½ μ±μ΄ κ°λ‘(portrait) μ μΈλ‘ 보기 λͺ¨λ (landscape) λ₯Ό λͺ¨λ μ§μνλ€λ©΄, μ±μ κΈ°κΈ°μ νμ¬ λ°©ν₯μ λ§κ² launch λμ΄μΌ ν©λλ€.
λΉμ μ μ±μ΄ ν κ°μ§ λ°©ν₯μ 보기λ₯Ό μ§μνλ€λ©΄, κ·Έ λ°©ν₯μΌλ‘ μ±μ launch νκ³ λ§μ½ νμνλ€λ©΄ μ¬μ©μκ° λ°©ν₯μ λ§κ² κΈ°κΈ°λ₯Ό νμ μν€λλ‘ ν΄μΌ ν©λλ€.
μ€λν μ΄μ κ° μλ€λ©΄, μΈλ‘ 보기 λͺ¨λ μνμΈ μ±μ κΈ°κΈ°κ° μΌμͺ½μΌλ‘ νΉμ μ€λ₯Έμͺ½μΌλ‘ λνμλ κ°μ μλ§κ² μΈλ‘ 보기 λͺ¨λλ₯Ό 보μ¬μ£Όμ΄μΌ ν©λλ€. μ΄μ λν μλ¬Έ κ°μ΄λκ° μμ΅λλ€. "Adaptivity and Layout." - μ΄ν μ λΈλ‘κ·Έμμλ λ€λ£° μμ μ λλ€.
3. Avoid asking for setup information up front.
"μμνμλ§μ μ μ μ 보λ₯Ό μꡬνμ§ λ§μΈμ."
setup: the process of starting a business, project, service, etc.:
μλΉμ€ λ±μ κ° μμν λμ μ²λ¦¬ μ μ°¨μ¬μ©μλ μ±μ΄ λ¨μ§ λ³Έλ λͺ©μ μ λ§κ² μλνκΈ°λ§μ λ°λλλ€.
λ€μμ μ¬μ©μλ₯Ό μν μ±μ μΌλ¨ μ€κ³νκ³ , λλ¨Έμ§ μμ μ¬μ©μλ€μ κ·Έλ€μ μ λ§μ λ§κ² μ€μ μ μ‘°μ νκ² νλ©΄ λ©λλ€.
μ΄κΈ° μ μ μ λ€μ μ¬μ©μμ λ§κ² μ€μ ν΄λμ΄ μ μ μ 보λ₯Ό μꡬνμ§ μκ² μ€κ³νμλ μλ―Έμ λλ€.
κΈ°κΈ°μ κΈ°λ³Έ μ€μ μ΄λ μ¬μ©μκ° ν΄λ κΈ°κΈ° μ€μ , νΉμ iCloud μ κ°μ λκΈ°ν(synchronization) μλΉμ€μμ μ΅λν λ§μ μ μ μ 보λ₯Ό κ°μ Έμ€μΈμ. λ§μ½ λ°λμ μ μ μ 보λ₯Ό μꡬν΄μΌ νλ€λ©΄, μ¬μ©μκ° μ±μ μ΅μ΄λ‘ μ€ννμ λ μ€μ νλλ‘ μ λνκ³ , μΆν μμ μ΄ νμν λ μ±μ μ€μ μμ μμ ν μ μλλ‘ ν΄μΌ ν©λλ€.
4. Avoid showing in-app licensing agreements and disclaimers.
" μ± μ¬μ©μ λν λμμ λ²λ₯ μ¬ν (μ΄ν μλ μΈμ© μ°Έκ³ )μ 보μ¬μ£Όλ κ²μ μ§μνμΈμ."
license agreements: a formal contract that allows a person or organization to use computer software...
μ±μ μ¬μ©μ κ΄ν 곡μμ μΈ λ²λ₯ λ¬Έμ
disclaimer: a statemet that you are not responsible for something
κΆλ¦¬ ν¬κΈ° κ°μλΌ μ¬μ μ μ μλμ΄ μμ§λ§ λ§λ μΉ μμ κ²μ ν μ°Ύμ μΉμ¬μ΄νΈμ μ€λͺ λΆλΆμ μΆκ°λ‘ κΈ°μ¬ν©λλ€.
μ΄ μΉνμ΄μ§λ μΉμ¬μ΄νΈλ μ±μ disclaimer μμ± λͺ©μ μ ν¬κ² λ κ°μ§λ‘ μ€λͺ νκ³ μμ΅λλ€.
λͺ©μ 1. To warn ( κ²½κ³ )
λͺ©μ 2. To limit liability ( λ²μ μ± μμ μ ν )μ΄λ¬ν κ²λ€μ μ±μ€ν μ΄μ κ²μ¬νμ¬ μ¬μ©μλ€μ΄ μ±μ λ€μ΄λ‘λνκΈ° μ μ½μ μ μλλ‘ ν©λλ€.
μ±μ λ°λμ μ΄κ²λ€μ μΆκ°ν΄μΌ νλ€λ©΄, μ¬μ©μ κ²½νμ ν΄μΉμ§ μλ κ· ν μ‘ν λ°©λ² (balanced way) μΌλ‘ μ±μ λ£μ μ μλλ‘ ν©λλ€.
5. Restore the previous state when your app restarts.
"μ±μ΄ μ¬μμλ λ, μ±μ΄ μ’ λ£λκΈ° μ§μ μ μνλ₯Ό 볡ꡬνκ² νμΈμ."
μ¬μ©μκ° μ΄μ μ μνλ‘ λμκ°κΈ° μν΄ λκ°μ μ μ°¨λ₯Ό λ€μ λ°κ² νμ§ μκ² ν©λλ€.
κ·Έλ€μ΄ μ±μ μ’ λ£νμ μμ μ μνμ μ΄μ΄μ μ±μ μ¬μ©ν μ μλλ‘ μ±μ μν (app' state) λ₯Ό μ μ₯νκ³ λ³΅κ΅¬ν΄μΌ ν©λλ€.
6. Don't encourage rebooting.
"μ±μ μ¬μμμ λΆμΆκΈ°μ§ λ§μΈμ."
μ¬μμμ μκ°μ΄ λ€λΏλλ¬, μ±μ΄ λΆμμ νκ³ μ¬μ©νκΈ° μ΄λ ΅λ€λ μΈμμ μ€λλ€.
λ§μ½ λΉμ μ μ±μ΄ μ¬μμμ νμ§ μκ³ λ μ€ννκΈ° μ΄λ €μ΄ λ©λͺ¨λ¦¬ νΉμ λ€λ₯Έ λ¬Έμ κ° μλ€λ©΄, κ·Έ λ¬Έμ λ₯Ό ν΄κ²°ν΄μΌ ν©λλ€.
μ¬μ©μμκ² μ¬μμμ μν€μ§ λ§κ³ λ§μ΄μ£ !!
7. Avoid asking people to rate your app too quickly or too often.
"μ±μ λν νκ°λ₯Ό λ무 μ±κΈν κ·Έλ¦¬κ³ μμ£Ό μꡬνλ κ²μ μ§μνμΈμ."
첫 launch ν νκ°λ₯Ό μꡬνλ€λκ° - νΉμ μ±μ μ¬μ©ν λ μ¬μ©μμκ² λ무 μμ£Ό μ±μ λν νκ°λ₯Ό μꡬνλ€λ©΄ - μ¬μ©μλ₯Ό μ§μ¦ λκ² νκ³ μλ§ μ¬μ©μμκ²μ λ°μ μ μλ μ μ©ν νΌλλ°±μ μκ° μ€μ΄λ€κ² λ κ²μ λλ€. μ¬μ©μκ° μ§μ§νκ² μκ³ ν νΌλλ°±μ λ°κΈ° μν΄μλ, μ±μ λν νκ°λ₯Ό μꡬνκΈ° μ μ μ¬μ©μκ° μ견μ λ§λ€μ΄ λΌ μ μλ μΆ©λΆν μκ°μ μ£Όμ΄μΌ ν©λλ€. μ±μ νκ° μμ²μ λκ° μ μλ μ νμ§λ₯Ό νμ μ 곡νκ³ , μ¬μ©μμκ² μ λλ‘ νκ°λ₯Ό κ°μν΄μλ μλ©λλ€.
μ΄μ κΈ: [iOS] Interface Essentials
λ.
'iOS > π¨ UI β UX' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
[HIG] Onboarding (μ¨λ³΄λ©) (0) 2021.12.14 Interface Essentials - iOS - Human Interface Guidelines (0) 2020.10.08 Themes - iOS - Human Interface Guidelines (0) 2020.10.07 Translation Guidelines - iOS - Human Interface Guildelines (0) 2020.10.07