🌟 λ””ν…ŒμΌμ˜ 간격 μ‹œλ¦¬μ¦ˆ! [πŸ“Ž μΉ΄λ“œ UI | 컀리어리

🌟 λ””ν…ŒμΌμ˜ 간격 μ‹œλ¦¬μ¦ˆ! [πŸ“Ž μΉ΄λ“œ UI, μ–΄λ–»κ²Œ ν™œμš©ν•˜λ©΄ μ’‹μ„κΉŒ?] (πŸ‘€κ°„λ‹¨ μš”μ•½) μΉ΄λ“œλŠ” μ‘°μ§ν™”λœ λ ˆμ΄μ•„μ›ƒμœΌλ‘œ 정보λ₯Ό μœ μ €μ—κ²Œ 효율적이고 μ‹¬λ―Έμ μœΌλ‘œ 전달할 수 μžˆλŠ” 맀우 ν›Œλ₯­ν•œ μ»΄ν¬λ„ŒνŠΈμž…λ‹ˆλ‹€. κΈ°νšμžκ°€ κ³ λ €ν•œ μΉ΄λ“œμ˜ 섀계 λͺ©μ μ— μ ν•©ν•œ 이미지와 μ •λ³΄μ˜ 쑰합은, μœ μ €λ“€λ‘œ ν•˜μ—¬κΈˆ μ—¬λŸ¬λΆ„μ΄ μ›ν•˜λŠ” 행동을 μœ λ„ν•΄ λ‚Ό μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. λ¬Όλ‘  κ·Έ λ°˜λŒ€μ˜ κ²°κ³Όλ₯Ό λ§Œλ“€μ–΄ λ‚Ό μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. πŸ“ŒμΉ΄λ“œ UI 체크리슀트 βœ“ μΉ΄λ“œλ“€μ€ 단일 μ£Όμ œμ— λŒ€ν•œ λ‚΄μš©μ„ λ‹΄κ³  μžˆλŠ”κ°€? βœ“ μΉ΄λ“œμ— λ‹΄κΈ΄ μ •λ³΄λ“€μ˜ κ°€μΉ˜λŠ” μœ μ΅ν•œκ°€? βœ“ λ””μžμΈ κ°€μ΄λ“œλΌμΈμ„ λ”°λ₯΄κ³  μžˆλŠ”κ°€? πŸ“ŒμΉ΄λ“œλ“€μ€ 단일 μ£Όμ œμ— λŒ€ν•œ λ‚΄μš©μ„ λ‹΄κ³  μžˆλŠ”κ°€? 각 μΉ΄λ“œλŠ” ν•œ 주제의 정보λ₯Ό λ‹΄κ³  μžˆμ–΄μ•Ό μ†ŒλΉ„ / κ³΅μœ μ— λŒ€ν•΄ μœ μ €λŠ” 더 μ‰¬μš΄ μ˜μ‚¬κ²°μ •μ„ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ„ νƒμ˜ 기쀀이 λͺ…ν™•ν•΄μ§ˆλ•Œ 결정이 μ‰¬μ›Œμ§€λ‹ˆκΉŒμš”. πŸ“ŒμΉ΄λ“œμ— λ‹΄κΈ΄ μ •λ³΄λ“€μ˜ κ°€μΉ˜λŠ” μœ μ΅ν•œκ°€? κ°€μž₯ μ€‘μš”ν•œ λ‚΄μš©μž…λ‹ˆλ‹€. μ„œλΉ„μŠ€κ°€ 지ν–₯ν•˜λŠ” κ°€μΉ˜μ™€ ν˜œνƒμ„ μœ μ €μ—κ²Œ μ‹ μ†ν•˜κ²Œ μ „λ‹¬ν•˜μ—¬, νŠΉμ • 행동을 μ΄λŒμ–΄λ‚΄κΈ° μœ„ν•΄μ„  μΉ΄λ“œμ— μ–΄λ–€ 정보λ₯Ό 담아내야할지 λ§Žμ€ 고민이 ν•„μš”ν•  κ²λ‹ˆλ‹€. βœ“ 에어비앀비 μΉ΄λ“œ 정보 : 썸넀일, 호슀트 λ“±κΈ‰, μœ„μΉ˜, 평점, νƒœκ·Έ, 영문 μ„€λͺ… βœ“ λ°μΌλ¦¬ν˜Έν…” μΉ΄λ“œ 정보 : 썸넀일, ν˜Έν…”λͺ…, νƒœκ·Έ, 정상가격, 할인가격, 쿠폰, ν• μΈμœ¨ 이쯀 되면 μΉ΄λ“œμ— μ–΄λ–€ 정보λ₯Ό λ‹΄μ•„μ•Ό 할지 고민이 κΈΈμ–΄μ§ˆ κ²λ‹ˆλ‹€. 이 κ²½μš°μ—” μΉ΄λ“œλ₯Ό λ¨Όμ € κΈ°νšν•˜κΈ° 보닀 μΉ΄λ“œμ˜ 상세 보기 λ‚΄μš©λ“€μ„ λ¨Όμ € κΈ°νšν•œ λ‹€μŒ μΉ΄λ“œλ₯Ό κΈ°νšν•˜λ©΄ 과정이 쑰금 더 μˆ˜μ›”ν•©λ‹ˆλ‹€. κ°€μž₯ μ€‘μš”ν•œ 건 μ—­μ‹œ, μΉ΄λ“œλ₯Ό 톡해 μ‚¬μš©μžκ°€ μ–΄λ–€ μ˜μ‚¬κ²°μ •μ„ ν•˜κ²Œ λ§Œλ“€μ§€ μΉ˜λ°€ν•˜κ²Œ 섀계해야 λœλ‹€λŠ” κ²λ‹ˆλ‹€. μΉ΄λ“œμ— μ—†λŠ” λ‚΄μš©μ΄ 상세 보기에 μžˆμ„ 수 μžˆμ§€λ§Œ, 상세 보기에 μ—†λŠ” λ‚΄μš©μ΄ μΉ΄λ“œμ— μžˆλ‹€λ©΄ 일반적인 기획이 μ•„λ‹ˆκ±°λ‚˜, νŠΉμ •ν•œ λͺ©μ μ„ λ‹¬μ„±ν•˜κΈ° μœ„ν•œ μ΄μœ μ˜€μ„ κ²λ‹ˆλ‹€. πŸ“Œλ””μžμΈ κ°€μ΄λ“œλΌμΈμ„ λ”°λ₯΄κ³  μžˆλŠ”κ°€? λ‹€λ₯Έ μ„œλΉ„μŠ€μ—μ„œ μΉ΄λ“œ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ ‘ν•˜λ”λΌλ„, λΆˆνŽΈν•¨μ΄ 크게 듀지 μ•ŠλŠ” 건 λ””μžμΈ κ°€μ΄λ“œλΌμΈμ„ μ€€μˆ˜ν–ˆκΈ° λ•Œλ¬ΈμΌκ²λ‹ˆλ‹€. 우린 λ§Žμ€ μ»΄ν¬λ„ŒνŠΈμ— μ΅μˆ™ν•΄μ Έ μžˆμŠ΅λ‹ˆλ‹€. κΈ°μ‘΄κ³Ό λ‹€λ₯Έ μƒˆλ‘œμš΄ 방식을 λ§Œλ“€μ–΄ λ‚΄λŠ”κ²Œ μ ˆλŒ€ λ‚˜μœ 건 μ•„λ‹ˆμ§€λ§Œ, μƒˆλ‘œμš΄ μž‘λ™ 방식을 λ§Œλ“€μ–΄λ‚Όλ•Œ μœ μ €λ“€μ€ μ΅μˆ™ν•˜μ§€ μ•ŠμŒμ„ λŠλ‚„ 수 μžˆλ‹€λŠ” 점, 그게 뢀정적인 μ˜μ‚¬ κ²°μ •μœΌλ‘œ 연결될 μˆ˜λ„ μžˆλ‹€λŠ” 점 μœ μ˜ν•˜μ‹œκΈ° λ°”λžλ‹ˆλ‹€. (πŸ‘‹μ€‘μš”ν•œ μ΄μœ κ°€ λ­”κ°€μš”?) μΉ΄λ“œ UIλŠ” λ™μΌν•œ μ»΄ν¬λ„ŒνŠΈ λ‚΄ 정보듀을 μ‚¬μš©μžλ“€μ—κ²Œ 잘 전달할 수 μžˆλ‹€λŠ” 이유둜 μ§€κΈˆκΉŒμ§€λ„ μ—¬λŸ¬ μ„œλΉ„μŠ€μ—μ„œ μ‚¬μš© 되고 μžˆμŠ΅λ‹ˆλ‹€. λ¬Έμ œλŠ” 상세 ν™”λ©΄ λŒ€λΉ„ μž‘μ€ 곡간에 μ–΄λ–€ 정보λ₯Ό μ–΄λ–»κ²Œ μ±„μ›Œ λ„£λŠλƒ! μΈλ°μš”. 크게 첫 적용과 κ°œμ„  κ³Όμ •μ—μ„œμ˜ 적용 두 가지 κ΄€μ μ—μ„œ 바라볼 수 μžˆμŠ΅λ‹ˆλ‹€. μ „μžλŠ” λ³Έλ¬Έμ—μ„œλ„ 잘 λ‚˜μ™€μžˆλŠ” κ²ƒμ²˜λŸΌ 상세 화면에 μ–΄λ–€ 정보듀이 λ“€μ–΄κ°€κ³ , μ‚¬μš©μžλ“€μ—κ²Œ μ–΄λ–€ 행동을 μœ λ„ν•  것인지에 따라 ꡬ성할 수 μžˆμŠ΅λ‹ˆλ‹€. ν›„μžλŠ” 쑰금 λ‹€λ₯Έλ°μš”. μΉ΄λ“œ 쀑 ν•˜λ‚˜λ₯Ό 선택, 상세 ν™”λ©΄μœΌλ‘œ μ§„μž…ν•΄ μ–΄λ–€ 행동을 ν•˜λŠ”μ§€ 등에 λ”°λ₯Έ 데이터λ₯Ό κΎΈμ€€νžˆ 좔적, κ΄€μ°°ν•΄μ•Ό ν•©λ‹ˆλ‹€. μš°λ¦¬κ°€ 배치, μ˜λ„ν•œ ꡬ성과 μ‚¬μš©μžλ“€μ΄ μ‹€μ œ λ°›μ•„ λ“€μ΄λŠ” λ°©λ²•μ—λŠ” μ–Έμ œλ‚˜ 차이가 μ‘΄μž¬ν•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.

μ„œλΉ„μŠ€ κ°€μΉ˜λ₯Ό μ „λ‹¬ν•˜λŠ” μΉ΄λ“œ μ»΄ν¬λ„ŒνŠΈλ₯Ό κΈ°νšν•˜μ‹­λ‹ˆκΉŒ?

brunch

2020λ…„ 7μ›” 13일 μ˜€μ „ 12:35

λŒ“κΈ€ 0

μ£Όκ°„ 인기 TOP 10

μ§€λ‚œμ£Ό μ»€λ¦¬μ–΄λ¦¬μ—μ„œ 인기 있던 κ²Œμ‹œλ¬Όμ΄μ—μš”!

β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ
β€Œβ€Œ

ν˜„μ§μžλ“€μ˜ 'μ§„μ§œ μΈμ‚¬μ΄νŠΈ'κ°€ λ‹΄κΈ΄ 업계 μ£Όμš” μ†Œμ‹μ„ λ°›μ•„λ³΄μ„Έμš”.

컀리어리 | μΌμž˜λŸ¬λ“€μ˜ 컀리어 SNS