ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Launching - App Architecture - iOS - Human Interface Guidelines
    iOS/🎨 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)으둜 λŒ€μ²΄ν•©λ‹ˆλ‹€.

     

    instagram의 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 ν•˜κ³  λ§Œμ•½ ν•„μš”ν•˜λ‹€λ©΄ μ‚¬μš©μžκ°€ λ°©ν–₯에 맞게 κΈ°κΈ°λ₯Ό νšŒμ „μ‹œν‚€λ„λ‘ ν•΄μ•Ό ν•©λ‹ˆλ‹€.

    portrait mode and landscape mode
    Portrait Mode vs. Lanscape Mode

    μ€‘λŒ€ν•œ μ΄μœ κ°€ μ—†λ‹€λ©΄, μ„Έλ‘œ 보기 λͺ¨λ“œ μƒνƒœμΈ 앱은 κΈ°κΈ°κ°€ μ™Όμͺ½μœΌλ‘œ ν˜Ήμ€ 였λ₯Έμͺ½μœΌλ‘œ λˆ•ν˜€μžˆλ“  간에 μ•Œλ§žκ²Œ μ„Έλ‘œ 보기 λͺ¨λ“œλ₯Ό 보여주어야 ν•©λ‹ˆλ‹€. 이에 λŒ€ν•œ 원문 κ°€μ΄λ“œκ°€ μžˆμŠ΅λ‹ˆλ‹€. "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] Interface Essentials

    λŒ€λΆ€λΆ„μ˜ iOS 앱듀은 UIKit 의 μ»΄ν¬λ„ŒνŠΈλ“€μ„ μ΄μš©ν•˜μ—¬ μ„€κ³„λ˜μ—ˆμŠ΅λ‹ˆλ‹€. UIKit은 κ°œλ°œμ„ μœ„ν•œ ν”„λ ˆμž„μ›Œν¬λ‘œ, 기본적인 μΈν„°νŽ˜μ΄μŠ€ μš”μ†Œλ“€μ„ μ •μ˜ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. Apple Developer κ°€ μ œκ³΅ν•˜λŠ” UIKit λ¬Έμ„œλ₯Ό

    woozzang.tistory.com

     

    끝.


     

    λŒ“κΈ€

μ–΄μ œλ³΄λ‹€ λ°œμ „ν•œ λ‚˜