내일배움캠프 UXUI

[내일배움캠프 8일차] λ””μžμΈ 카타

dmstj5923 2025. 4. 23. 09:39

<λ””μžμΈ 카타>

https://designus.io/topic/193

 

μˆ™λ°• λ‚ μ§œ 선택 ν•˜λ‹¨ UI, A와 BλŠ” μœ μ € κ²½ν—˜μ— μ–΄λ–€ 차이가 μžˆμ„κΉŒμš”? | λ””μžμ΄λ„ˆμŠ€

μˆ™λ°• λ‚ μ§œ 선택 ν•˜λ‹¨ UI, A와 BλŠ” μœ μ € κ²½ν—˜μ— μ–΄λ–€ 차이가 μžˆμ„κΉŒμš”?

designus.io

A와 B

 

πŸ€”λ‚΄ 생각

-Aλ₯Ό μ„ νƒν•œ 이유

μ„ νƒν•œ λ‚ μ§œμ™€ 기간을 λΆ„λ¦¬ν•˜μ—¬ ν‘œμ‹œν•˜λŠ” 것이 더 κΉ”λ”ν•˜κ²Œ 보이고 체크인 λ‚ κ³Ό 체크아웃 날을 μ •ν™•νžˆ μ•Œ 수 μžˆμ–΄ ν•œ λ²ˆμ— νŒŒμ•…ν•˜κΈ° μ’‹λ‹€κ³  생각해 Aλ₯Ό μ„ νƒν–ˆλ‹€.

-Bλ₯Ό 선택 μ•ˆ ν•œ 이유 

λ²„νŠΌ 내에 μ„ νƒν•œ μˆ™λ°• 정보가 λͺ¨λ‘ ν‘œμ‹œ λ˜μ–΄ μžˆμœΌλ‹ˆ λ²„νŠΌ μ•ˆμ— λ“€μ–΄κ°€λŠ” ν…μŠ€νŠΈκ°€ λ§Žμ•„μ Έ 쑰금 λ‹΅λ‹΅ν•œ λŠλ‚Œμ΄ λ“€μ–΄ μ„ νƒν•˜μ§€ μ•Šμ•˜λ‹€.

 

 

 

 

 

πŸ€”νŒ€μ›λ“€μ˜ 생각

1️⃣

-Aλ₯Ό μ„ νƒν•œ 이유

체크인 λ‚ μ§œμ™€ 체크아웃 λ‚ μ§œλ₯Ό κ·Έλž˜ν”½μœΌλ‘œ ν™•μ‹€ν•˜κ²Œ κ°μΈμ‹œν‚¬ 수 있고, 2λ°• μ„ νƒμ™„λ£Œλ‘œ λ²„νŠΌμ˜ λ ˆμ΄λΈ”μ„ 쀄인 것도 가독성에 μ’‹κ³ , 체크인과 체크아웃 λ‚ μ§œλ₯Ό λ²„νŠΌ μœ„μ— μ •λ¦¬ν•΄μ„œ λ³΄μ—¬μ£ΌλŠ” 것도 쒋아보인닀.

 

-Bλ₯Ό 선택 μ•ˆ ν•œ 이유

μ „μ²΄μ μœΌλ‘œ 강약이 μ—†κ³  μ „λΆ€ λ‹€ κ°€λŠ˜κ³  μ—°ν•˜κ²Œ ν‘œμ‹œκ°€ λ˜μ–΄μžˆμ–΄μ„œ ν•œλˆˆμ— λ“€μ–΄μ˜€μ§€ μ•ŠλŠ”λ‹€λŠ” 단점도 있고, κΈ°κ°„ μ•ˆμ„ λΉ¨κ°„μƒ‰μœΌλ‘œ ν‘œμ‹œν•œ 게 곡휴일처럼 보이기도 ν•΄μ„œ ν˜Όλ™μ„ 주기도 ν•œλ‹€. λ²„νŠΌ μ•ˆμ—λŠ” λ„ˆλ¬΄ λ§Žμ€ ν…μŠ€νŠΈκ°€ λ“€μ–΄κ°€ λΆ€λ‹΄μŠ€λŸ½λ‹€λŠ” λŠλ‚Œλ„ λ“ λ‹€.

2️⃣

-Bλ₯Ό μ„ νƒν•œ 이유

μš°μ„ μ€ λ²„νŠΌμœ„μ— μˆ™λ°•μΌ 정보가 λͺ¨λ‘ ν‘œμ‹œλ˜λŠ” UIλ₯Ό κ³¨λžλ‹€. μ™œλƒν•˜λ©΄ κ°„ν˜Ήκ°€λ‹€ μ΄λŸ¬ν•œ μˆ™λ°• μ–΄ν”Œμ—μ„œ μ˜ˆμ•½μ„ μ§„ν–‰ν• λ•Œ λ‚ μ§œλ₯Ό 잘λͺ»λˆŒλ €λ‹€κ±°λ‚˜ λ¬΅λŠ” λ°•μˆ˜λ₯Ό 잘λͺ» ν΄λ¦­ν•˜λŠ” κ²½μš°κ°€ μ’…μ’… 생길 수 μžˆλ‹€κ³  μƒκ°ν•œλ‹€. 그런데 B와 같이 밑에 λ²„νŠΌμ— 정보λ₯Ό λ…ΈμΆœμ‹œμΌœ 더블 체크 ν•˜κ²Œ ν•΄μ£ΌλŠ” κΈ°λŠ₯이 λ‚˜λŠ” μ’‹λ‹€κ³  μƒκ°ν•œλ‹€.

 

-Aλ₯Ό 선택 μ•ˆ ν•œ 이유

λ„ˆλ¬΄ λ‹¨μˆœν•œ UI둜 정보λ ₯이 쑰금 λ–¨μ–΄ μ§„λ‹€κ³  λŠκΌˆλ‹€. λ¬Όλ‘  μœ„μ—μ„œ μΌλ°•μˆ˜λ₯Ό λ‚˜νƒ€λ‚΄κΈ΄ ν•˜μ§€λ§Œ λ‹€λ₯Έ λ‚ μ§œ 정보가 μ—†μ–΄μ„œ ν•œλˆˆμ— 체크 ν•˜κΈ°μ— 쑰금 νž˜λ“€κ³  μ—¬λŸ¬ 뢀뢄에 정보가 λΆ„μ‚°λ˜μ–΄ μžˆμ–΄μ„œ λˆˆμ— ν”Όλ‘œλ„λ₯Ό 쀄 수 μžˆλ‹€κ³  μƒκ°ν–ˆλ‹€.

 

 

 

 

πŸ€”λŒ“κΈ€λ“€