It continues.

μ“Έλͺ¨μ—†λŠ” κ²½ν—˜μ€ μ—†λ‹€.

πŸ€“ ν”„λ‘œλ•νŠΈ λ””μžμΈμΊ ν”„ 6κΈ°/μˆ˜μ—… 및 μ‹€μŠ΅

(DAY30) μ‚¬μš©μž λ©˜νƒˆλͺ¨λΈ κ³΅λΆ€ν•˜κΈ°, μ˜€λŠ˜μ˜μ§‘ μ„œλΉ„μŠ€ λΆ„μ„ν•˜κΈ°

mizi.Design 2025. 10. 25. 14:46

 

 

μ•ˆλ…•ν•˜μ„Έμš” :)

μ˜€λŠ˜μ€ μ‚¬μš©μž λ©˜νƒˆλͺ¨λΈμ— λŒ€ν•΄ κ³΅λΆ€ν•˜κ³ , μ˜€λŠ˜μ˜μ§‘ μ„œλΉ„μŠ€λ₯Ό λΆ„μ„ν•˜λŠ” μ‹œκ°„μ„ κ°€μ‘ŒμŠ΅λ‹ˆλ‹€.

 

 

 

 

✏️였늘의 ν•™μŠ΅

λ©˜νƒˆλͺ¨λΈ μ΄ν•΄ν•˜κΈ°

μ˜€λŠ˜μ˜μ§‘ μ„œλΉ„μŠ€ λΆ„μ„ν•˜κΈ°

 

 

 

 

πŸ“–μ˜€λŠ˜μ˜ 핡심

λ‹Ήμ‹  λ¬΄μ˜μ‹μ€ μ§€κΈˆ λ‹Ήμ‹ μ„ λ°©ν•΄ν•˜λŠ” κ²ƒμ΄ λ¬΄μ—‡μΈμ§€ μ•Œκ³  μžˆλ‹€.

 

 

더보기

πŸ“μˆ˜μ—… λ‚΄μš© λ©”λͺ¨μž₯

 

λ‹μŠ¨λ…Έλ¨Όκ·Έλ£Ή νœ΄λ¦¬μŠ€ν‹± 평가 μ˜μƒ μ‹œμ²­

https://www.youtube.com/watch?v=6Bw0n6Jvwxk

https://www.youtube.com/watch?v=sqi0-Lz_ZTY

νœ΄λ¦¬μŠ€ν‹± 평가 μ‘°λ³„λ‘œ think aloud λ°©μ‹μœΌλ‘œ μ§„ν–‰ν•  κ²ƒμž„

과제λ₯Ό μˆ˜ν–‰ν•˜λŠ” λ™μ•ˆμ— λ“œλŠ” μžμ‹ μ˜ 생각을 μ†Œλ¦¬ λ‚΄μ–΄ 말둜 ν‘œν˜„ν•˜λŠ” 기법

 

 

 

 

λ©˜νƒˆλͺ¨λΈ

μ‚¬λžŒμ΄ λ¨Έλ¦Ώ 속에 κ°€μ§€κ³  μžˆλŠ” 믿음

세상을 μΈμ§€ν•˜λŠ” 방식

= μœ μ €κ°€ μ œν’ˆ, μ„œλΉ„μŠ€λ₯Ό μ–΄λ–»κ²Œ μ΄ν•΄ν•˜κ³  μ‚¬μš©ν•˜λŠ”κ°€λ₯Ό κ²°μ •

 

https://www.nngroup.com/articles/mental-models/

 

Mental Models and User Experience Design

What users believe they know about a user interface impacts how they use it. Mismatched mental models are common, especially with designs that try something new.

www.nngroup.com

 

- λ©˜νƒˆλͺ¨λΈμ€ 사싀이 μ•„λ‹Œ '믿음'에 κΈ°λ°˜ν•œλ‹€.

- μ‚¬μš©μžκ°€ μ•Œκ³  μžˆλŠ” 것, λ˜λŠ” μ•Œκ³  μžˆλ‹€κ³  μƒκ°ν•˜λŠ” 것

 

 

https://www.youtube.com/watch?v=nAgXISssAws

- μ‚¬μš©μžμ˜ κΈ°λŒ€μ— λΆ€μ‘ν•˜λŠ” μ‹œμŠ€ν…œμ„ λ§Œλ“œλŠ” 것이 μ€‘μš”ν•˜λ‹€

 

 

 

 

 

 

 

μ‹€μŠ΅ 1) '였늘의 μ§‘' λΆ„μ„ν•˜κΈ°

 

https://www.figma.com/board/VmIhaTN2eCiOzAKlq7Y9Qu/DAY30?node-id=20-167&p=f&t=71Z9DJy3XBTs9rUt-0

 

Figma

Created with FigJam

www.figma.com

 

 

πŸ’‘λΈ”λ‘œκ·Έμ— μ–΄λ–»κ²Œ μ •λ¦¬ν• κΉŒ κ³ λ―Όν•˜λ‹€κ°€ κ·Έλƒ₯ ν”Όκ·ΈμžΌ 링크 μ˜¬λ €λ²„λ ΈμŠ΅λ‹ˆλ‹€.γ…Žγ…Žγ…Ž

DAY29에 μ˜€λŠ˜μ˜μ§‘ μ•±μœΌλ‘œ 과제λ₯Ό μ§„ν–‰ν–ˆμ–΄μ„œ κ·ΈλŸ°μ§€ 였늘 κ³Όμ œλŠ” μ–΄μ œλž‘ λ˜‘κ°™λ‹€κ³  λŠκ»΄μ„œ μ’€ 집쀑이 잘 μ•ˆλμŠ΅λ‹ˆλ‹·.

 

 

 

 

 

 

 

μ‹€μŠ΅ 2 ) Form UI 그렀보기 (ν”Όκ·Έλ§ˆ)

 

  • 폼은 μ›Ήμ‚¬μ΄νŠΈ 및 λͺ¨λ°”μΌμ—μ„œ 맀우 μ€‘μš”ν•œ μš”μ†Œ.
    • ex) μ‚¬λžŒλ“€μ€ κ°•μ’Œμ— μ°Έμ„ν•˜κΈ° μœ„ν•΄ μ‹ μ²­μ„œλ₯Ό μž‘μ„±ν•¨.
    • λ‘œκ·ΈμΈμ„ ν•˜κΈ°μœ„ν•΄ 폼을 μž‘μ„±ν•¨.
    • κ°•μ’Œ 등둝을 ν•˜κ±°λ‚˜, 섀문쑰사λ₯Ό μ™„λ£Œν•˜λŠ” λ“± λ‹€μ–‘ν•œ ν™œλ™μ΄ 있음.
  • 폼을 μ§κ΄€μ μœΌλ‘œ λ””μžμΈν•˜λ©΄ μ‚¬λžŒλ“€μ΄ 더 적극적으둜 μž‘μ„±ν•˜λ„λ‘ μœ λ„ν•  수 μžˆλ‹€.
  • ν•œ λ²ˆμ— λ„ˆλ¬΄ λ§Žμ€ 정보λ₯Ό μš”κ΅¬ν•˜μ§€ 말고, μž‘μ€ λ‹¨κ³„λ‘œ λ‚˜λˆ μ„œ λ””μžμΈν•΄μ•Όν•œλ‹€.

 

 

였늘의 μ§‘ μΈν…Œλ¦¬μ–΄ μ‹œκ³΅ 상담신청 폼 ν™”λ©΄ ν”Œλ‘œμš°

 

(1~3p) μ‹œκ³΅μ—…μ²΄ 선택(상담신청 클릭) → μ‹œκ³΅ 곡간 선택 → μ‹œκ³΅ 면적 선택
(4~6p) 곡간 상황 선택 → 전체/λΆ€λΆ„μ‹œκ³΅ 선택 → (λΆ€λΆ„μ‹œκ³΅ 선택 μ‹œ) μ‹œκ³΅ λΆ„μ•Ό 선택
(7~9p)μ‹œκ³΅ 희망 일정 선택 → μ£Όμ†Œ μž…λ ₯(λ“±λ‘λ˜μ–΄μžˆμœΌλ©΄ μžλ™μž…λ ₯됨) → 이름,μ—°λ½μ²˜, ν†΅ν™”ν¬λ§μ‹œκ°„, μš”μ²­μ‚¬ν•­ μž…λ ₯

 

< νŠΉμ§• νŒŒν—€μ³λ³΄κΈ° >

- 8~10p μ •λ„λ‘œ ꡬ성됨

- ν•œ νŽ˜μ΄μ§€ λ‹Ή ν•˜λ‚˜λ₯Ό μ§ˆλ¬Έν•¨

- λΌλ””μ˜€ λ²„νŠΌ UI ν™œμš©

    - νŽ˜μ΄μ§€ λ‚΄ 선택항λͺ©μ΄ 적어도 여백을 κ·Έλƒ₯ 놔둠

- 상단에 Progress bar 제곡

- 질문 UXλΌμ΄νŒ…μ΄ μΉœμˆ™ν•˜κ³  λΆ€λ“œλŸ¬μš΄ 톀을 μ‚¬μš©ν•¨

- 상담 μ‹ μ²­ μ‹œ 참고사항은 νšŒμƒ‰λ°•μŠ€ μ•ˆμ— μž‘μ€ κΈ€μ”¨λ‘œ μ œκ³΅ν•¨

- μ‚¬μš©μžκ°€ μž…λ ₯을 직접 ν•΄μ•Όν•˜λŠ” 행동을 μ΅œμ†Œν•œμœΌλ‘œ μ€„μž„ (ex μ£Όμ†Œ μžλ™κΈ°μž… λ“±)

 

 

 

 

μž‘μ—… κ²°κ³Όλ¬Ό

 

πŸ’‘ μ˜€λŠ˜μ˜μ§‘ μ•± μ•ˆμ— μžˆλŠ” [μΈν…Œλ¦¬μ–΄ μ‹œκ³΅ 상담신청 폼]을 λœ―μ–΄λ³΄κ³ , μ–΄λ–€ UI듀이 μžˆλŠ”μ§€ μ•Œμ•„λ³΄κ³ , ν”Œλ‘œμš°λŒ€λ‘œ μž‘μ—…μ„ 해보고 μ‹Άμ—ˆλŠ”λ° μ‹œκ°„μ΄ μ™œμ΄λ¦¬ 빨리 κ°€λŠ”μ§€ λͺ¨λ₯΄κ² λ‹€.. μ‹œκ°„ 내에 λ§Œλ“€μ–΄ λ³Ό 수 μžˆλŠ” UIλ“€λ§Œ λ§Œλ“€μ–΄λ΄€λ‹€..πŸ₯Ή 손이 더 빨라쑌으면 μ’‹κ² λ‹€.

 

 


 

πŸ’‘μ˜€λŠ˜ μˆ˜μ—… λŠλ‚€ 점

 

μ˜€μ „ μˆ˜μ—…λ•Œ 랜덀으둜 μ‘°λ³„λ‘œ λͺ¨μ—¬μ„œ DAY29에 μž‘μ„±ν–ˆλ˜ νœ΄λ¦¬μŠ€ν‹± 평가에 λŒ€ν•΄ λŒ€ν™”ν•˜λŠ” μ‹œκ°„μ„ μ£Όμ…¨λ‹€.

각자 ν‰κ°€ν•œ 것듀을 Think aloud λ°©λ²•μœΌλ‘œ (λͺ©μ†Œλ¦¬ λ‚΄κΈ°) μ„œλ‘œμ˜ μ˜κ²¬μ„ λ‚˜λˆ„λŠ” μž₯이라고 μƒκ°ν–ˆλŠ”λ° 같은 쑰둜 λ§Œλ‚œ 뢄듀이....μ—„....μ–΄μ œ 과제λ₯Ό μ•ˆν•˜μ…¨λ‹€κ³  κ°‘μžκΈ° 과제λ₯Ό μ§€κΈˆ ν•΄μ˜€κ² λ‹€κ³  ν•˜μ…”μ„œ λ‹Ήν™©μŠ€λŸ¬μ› λ‹€...γ…Ž λ‹€λ₯Έ 뢄듀은 μ–΄λ–€ κ΄€μ μœΌλ‘œ λΆ„μ„ν•˜λŠ”μ§€ μ•Œκ³  μ‹Άμ—ˆλŠ”λ° 많이 λͺ»λ‚˜λˆ μ„œ λ„ˆλ¬΄ 아쉬웠고, λ‹€λ₯Έ μ‘°λ“€ ν•œ κ±Έ λ΄€λŠ”λ° λ‹€λ₯Έ 쑰듀은 μ—΄μ •μ μœΌλ‘œ ν•˜μ‹  뢄듀이 λ§Žμ•˜λ‹€. λ­λž„κΉŒ...과제 ν•˜κ³  μ•ˆν•˜κ³ λŠ” μžμœ μ„ νƒμ΄κ² μ§€λ§Œ λ‚˜λŠ” 개인적으둜 κ·Έλƒ₯ 타λ‹₯타λ‹₯ νƒ€μž μ†Œλ¦¬λ§Œ ν•œμ‹œκ°„λ™μ•ˆ λ“£κ³  온게 μ‹œκ°„μ΄ λ„ˆλ¬΄ μ•„κΉŒμ› λ‹€γ… γ…œγ…  κ·Έ μ‹œκ°„λ§ŒνΌμ€ 과제λ₯Ό λͺ»ν–ˆμ–΄λ„ λ°œν‘œν•˜λŠ” μ‚¬λžŒ 이야기λ₯Ό λ“£κ³  κ·Έ μžλ¦¬μ—μ„œ κ·Έμˆœκ°„μ— λ“œλŠ” 생각을 κ³΅μœ ν•˜λŠ”λ° μ§‘μ€‘ν–ˆλ‹€λ©΄ μΈμ‚¬μ΄νŠΈλ₯Ό 얻을 수 μžˆμ—ˆμ„ 텐데...ν•˜λŠ” 생각이 λ“€μ—ˆλ‹€.

 

λ„˜ μ†μƒν•œ ν•˜λ£¨...