πŸͺ μ„œλ²„ κ°œλ°œμžκ°€ 직접 ν”Œλ ˆμ΄ν•˜λ©° λ°œκ²¬ν•œ κ°œμ„  포인트 – μΏ ν‚€λŸ°: λ§ˆλ…€μ˜ μ„±

sangjinsuΒ·2025λ…„ 7μ›” 22일
0

μž‘μ§€λ§Œ ν”Œλ ˆμ΄ 흐름에 영ν–₯을 μ£ΌλŠ” κ°œμ„  ν¬μΈνŠΈλ“€

μ•žμ„  κΈ€μ—μ„œλŠ” μΏ ν‚€λŸ°: λ§ˆλ…€μ˜ μ„±μ˜ μΈκ²Œμž„ κΈ°λ―Ή, μΊλ¦­ν„°μ˜ 영ν–₯λ ₯, UI 섀계 λ“± 인상 κΉŠμ—ˆλ˜ μš”μ†Œλ“€μ„ μ •λ¦¬ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€.
μ΄λ²ˆμ—λŠ” λ°˜λŒ€λ‘œ, μ‹€μ œ ν”Œλ ˆμ΄ 쀑 λΆˆνŽΈν•˜κ²Œ 느껴쑌던 μ μ΄λ‚˜ 쑰금 더 κ°œμ„ λ˜μ—ˆμœΌλ©΄ ν•˜λŠ” 뢀뢄듀을 기둝해보렀 ν•©λ‹ˆλ‹€.

기술적인 λ²„κ·ΈλΌκΈ°λ³΄λ‹€λŠ”, UX 흐름상 μžμ—°μŠ€λŸ½μ§€ μ•Šκ±°λ‚˜ μ‚¬μš©μžκ°€ 반볡적으둜 λΆˆνŽΈν•¨μ„ λŠλ‚„ 수 μžˆλŠ” μ§€μ λ“€μž…λ‹ˆλ‹€.
λ‹€μŒ λΉŒλ“œλ‚˜ μ—…λ°μ΄νŠΈμ—μ„œ κ³ λ €λœλ‹€λ©΄, ν”Œλ ˆμ΄ 완성도가 ν•œμΈ΅ 올라갈 수 μžˆκ² λ‹€λŠ” λ°”λžŒμ„ λ‹΄μ•„ μ •λ¦¬ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€.


1. κ°€λ‘œ ↔ μ„Έλ‘œ ν™”λ©΄ μ „ν™˜ μ‹œ 흐름 λ‹¨μ ˆ

μΏ ν‚€λŸ°: λ§ˆλ…€μ˜ 성은 기본적으둜 μ„Έλ‘œ ν™”λ©΄μ—μ„œ ν”Œλ ˆμ΄ν•˜λŠ” 퍼즐 κ²Œμž„μ΄μ§€λ§Œ, μŠ€ν† λ¦¬ μ»·μ‹ μ΄λ‚˜ 일뢀 이벀트 μƒν™©μ—μ„œλŠ” κ°€λ‘œ ν™”λ©΄μœΌλ‘œ μ „ν™˜λ˜λŠ” κ²½μš°κ°€ μžˆμŠ΅λ‹ˆλ‹€.
특히 μ»·μ‹  μ€‘μ‹¬μ˜ μ„œμ‚¬ μ—°μΆœ κ΅¬κ°„μ—μ„œλŠ” 화면을 κ°•μ œλ‘œ κ°€λ‘œ λ°©ν–₯으둜 κ³ μ •μ‹œν‚€λŠ” 방식이 μ μš©λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

μ΄λ•Œ μœ μ €λŠ” 별닀λ₯Έ μ‘°μž‘ 없이 μžμ—°μŠ€λŸ½κ²Œ κ°€λ‘œ ν™”λ©΄μœΌλ‘œ μ „ν™˜λ˜μ–΄ 컷신을 κ°μƒν•˜κ²Œ λ˜μ§€λ§Œ, 이야기가 λλ‚œ λ’€ λ‹€μ‹œ μ„Έλ‘œ ν™”λ©΄μœΌλ‘œ λŒμ•„κ°€λŠ” 과정은 μžλ™μœΌλ‘œ 이뀄지지 μ•ŠμŠ΅λ‹ˆλ‹€.

  • κ²Œμž„μ„ μ’…λ£Œ ν›„ μž¬μ‹€ν–‰ν•˜κ±°λ‚˜
  • 섀정에 λ“€μ–΄κ°€μ„œ ν™”λ©΄ κ³ μ • μ˜΅μ…˜μ„ μˆ˜λ™μœΌλ‘œ λ³€κ²½ν•΄μ•Όλ§Œ

λΉ„λ‘œμ†Œ μ„Έλ‘œ ν™”λ©΄μœΌλ‘œ 볡귀할 수 μžˆμŠ΅λ‹ˆλ‹€.

이 과정은 κ²Œμž„ ν”Œλ ˆμ΄μ— 직접적인 영ν–₯을 μ£ΌλŠ” μš”μ†ŒλŠ” μ•„λ‹ˆμ§€λ§Œ, μœ μ €κ°€ 손에 μ₯” κΈ°κΈ° λ°©ν–₯을 λ°”κΎΈκ±°λ‚˜ μ‘°μž‘ ν™˜κ²½μ„ λ³€κ²½ν•΄μ•Ό ν•œλ‹€λŠ” μ μ—μ„œ 리듬을 끊고 μ‚¬μš© 흐름을 κΉ¨λœ¨λ¦¬λŠ” μš”μ†Œλ‘œ μž‘μš©ν•©λ‹ˆλ‹€. 특히 짧은 μ‹œκ°„ ν”Œλ ˆμ΄ν•˜κ±°λ‚˜ 이동 쀑 ν”Œλ ˆμ΄ν•˜λŠ” μœ μ €μ—κ²ŒλŠ” 맀번 μ‘°μž‘ ν™˜κ²½μ„ μ‘°μ •ν•΄μ•Ό ν•œλ‹€λŠ” λΆˆνŽΈν•¨μ΄ λˆ„μ λ  수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ”§ κ°œμ„  λ°©ν–₯ μ œμ•ˆ

  • μ»·μ‹  μ’…λ£Œ μ‹œ μžλ™μœΌλ‘œ 이전 λ°©ν–₯(μ„Έλ‘œ)으둜 λ³΅κ·€ν•˜λ„λ‘ μ„€μ •
  • λ˜λŠ” 컷신이 끝났을 λ•Œ β€œν™”λ©΄ μ „ν™˜β€ λ²„νŠΌμ„ λ…ΈμΆœν•˜μ—¬ μœ μ €κ°€ μ›ν•˜λŠ” λ°©ν–₯으둜 μ‰½κ²Œ μ „ν™˜ν•  수 μžˆλ„λ‘ μœ λ„
  • μ„€μ • 메뉴가 μ•„λ‹Œ κ²Œμž„ λ‚΄ λΉ λ₯Έ μ œμ–΄ μš”μ†Œλ‘œ μ œκ³΅λœλ‹€λ©΄, μœ μ € ν”Όλ‘œλ„κ°€ ν˜„μ €νžˆ 쀄어듀 수 있음

이처럼 μž‘μ€ μ „ν™˜ 둜직 ν•˜λ‚˜λ§Œ κ°œμ„ ν•΄λ„ μ „λ°˜μ μΈ λͺ°μž…감과 ν”Œλ ˆμ΄ λ§Œμ‘±λ„λŠ” κ½€ 큰 차이λ₯Ό 보일 수 μžˆμŠ΅λ‹ˆλ‹€.


μ‹œμ¦Œ 패슀ꢌ λ³΄μƒμ˜ λ ˆλ“œλ‹· ν‘œμ‹œ 였λ₯˜

μΏ ν‚€λŸ°: λ§ˆλ…€μ˜ μ„±μ—λŠ” μ‹œμ¦Œμ œ λ°©μ‹μ˜ 패슀 μ‹œμŠ€ν…œμ΄ μ‘΄μž¬ν•©λ‹ˆλ‹€. 일반 보상과 프리미엄 보상이 각각 λ³„λ„μ˜ μ—΄λ‘œ κ΅¬μ„±λ˜μ–΄ 있으며, 일정 수의 μ‹œμ¦Œ μ—΄μ‡ λ₯Ό μˆ˜μ§‘ν•˜λ©΄ λ§ˆμ§€λ§‰ λ³΄μƒμœΌλ‘œ ν¬λ¦¬μŠ€νƒˆ 40개λ₯Ό 받을 수 μžˆμŠ΅λ‹ˆλ‹€.

그런데 λ¬Έμ œλŠ” ν•΄λ‹Ή 보상을 μˆ˜λ Ήν•  수 μžˆλŠ” μƒνƒœμž„μ—λ„, λ‘œλΉ„ 화면에 ν‘œμ‹œλ˜λŠ” 패슀 μ•„μ΄μ½˜μ˜ λ ˆλ“œλ‹· κ°œμˆ˜κ°€ μ‹€μ œ 수령 κ°€λŠ₯ κ°œμˆ˜μ™€ λ§žμ§€ μ•ŠλŠ” κ²½μš°κ°€ μžˆλ‹€λŠ” μ μž…λ‹ˆλ‹€.

예λ₯Ό λ“€μ–΄,

  • λ§ˆμ§€λ§‰ 보상 수령 쑰건을 λ§Œμ‘±ν•œ 경우
  • μ‹€μ œ 보상은 ν•˜λ‚˜λΏμž„μ—λ„ λΆˆκ΅¬ν•˜κ³ 
  • λ ˆλ“œλ‹·μ΄ 2둜 ν‘œμ‹œλ˜λŠ” ν˜„μƒμ΄ λ°œμƒν•©λ‹ˆλ‹€.

μ΄λŠ” λ‹¨μˆœν•œ UI 좜λ ₯ 였λ₯˜μΌ 수 μžˆμ§€λ§Œ, μœ μ € μž…μž₯μ—μ„œλŠ” μ–΄λ–€ 보상이 아직 남아 μžˆλŠ”μ§€ ν˜Όλž€μ„ 쀄 수 있고, 더 λ‚˜μ•„κ°€ 보상을 λˆ„λ½ν•˜κ±°λ‚˜ 쀑볡 ν™•μΈν•˜λŠ” λ“±μ˜ λΆˆν•„μš”ν•œ μ‘°μž‘μ„ μœ λ„ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

특히 μ‹œμ¦Œ μ’…λ£Œ 직전, λͺ¨λ“  보상을 μ •λ¦¬ν•˜λ €λŠ” μœ μ € μž…μž₯μ—μ„œλŠ” μ΄λŸ¬ν•œ 정보 λΆˆμΌμΉ˜λŠ” 슀트레슀λ₯Ό μœ λ°œν•  수 μžˆλŠ” μ§€μ μž…λ‹ˆλ‹€.

πŸ”§ κ°œμ„  λ°©ν–₯ μ œμ•ˆ

  • λ ˆλ“œλ‹· μˆ˜λŸ‰ μ‚°μ • 기쀀을 μ‹€μ œ 수령 κ°€λŠ₯ μƒνƒœμ™€ μ™„λ²½νžˆ 동기화
  • 쑰건 λΆ„κΈ° λ‘œμ§μ„ λ‹¨μΌν™”ν•˜κ±°λ‚˜, λ§ˆμ§€λ§‰ λ³΄μƒμ˜ UI 좜λ ₯을 별도 μ²˜λ¦¬ν•˜μ—¬ 였λ₯˜ λ°©μ§€

μ •ν™•ν•œ 보상 ν”Όλ“œλ°±μ€ μœ μ € 신뒰와 μ§κ²°λ˜λŠ” μš”μ†Œμ΄λ©°, λ‹¨μˆœν•œ μ‹œκ°μ  ν‘œμ‹œλΌκ³  λ„˜κΈ°κΈ°λ³΄λ‹€λŠ” κ²Œμž„μ˜ 정보 신뒰도λ₯Ό λ†’μ΄λŠ” μ€‘μš”ν•œ μ„€κ³„λ‘œ μ—¬κ²¨μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.


3. 두더지 택배 μ½˜ν…μΈ μ˜ 진행도 확인 λΆ€μ‘±

β€˜λ‘λ”μ§€ 택배 μ„œλΉ„μŠ€β€™λŠ” νŠΉμ • μœ μ € 행동을 기반으둜 ν•˜λŠ” λ―Έμ…˜ν˜• 반볡 μ½˜ν…μΈ μž…λ‹ˆλ‹€.
곰저리 μ‘°ν•©, 폭탄 블둝 생성 λ“± νŠΉμ • 퍼즐 λ™μž‘μ„ μˆ˜ν–‰ν•˜λ©΄ λ―Έμ…˜μ΄ λ‹¬μ„±λ˜κ³ , λˆ„μ  μ™„λ£Œ μ‹œ λ³΄μƒμœΌλ‘œ ν…Œλ§ˆ 데코 선택 μƒμžλ₯Ό μ œκ³΅ν•˜λŠ” κ΅¬μ‘°μž…λ‹ˆλ‹€.

λ¬Έμ œλŠ” 이 μ½˜ν…μΈ κ°€ κ²Œμž„ ν”Œλ ˆμ΄ λ„μ€‘μ—λŠ” μžμ‹ μ˜ λ―Έμ…˜ μ§„ν–‰ μƒνƒœλ₯Ό μ‹€μ‹œκ°„μœΌλ‘œ 확인할 수 μ—†λ‹€λŠ” μ μž…λ‹ˆλ‹€.

  • μŠ€ν…Œμ΄μ§€ 클리어 μ‹œμ μ—λ„ λ―Έμ…˜ μ§„ν–‰ ν˜„ν™©μ€ λ³„λ„λ‘œ ν‘œμ‹œλ˜μ§€ μ•ŠμœΌλ©°
  • μœ μ €λŠ” λ‘œλΉ„λ‘œ λŒμ•„μ™€,
    1. 두더지 택배 μ•„μ΄μ½˜μ˜ λ ˆλ“œλ‹· 유무λ₯Ό ν™•μΈν•˜κ±°λ‚˜
    2. 직접 ν•΄λ‹Ή μ½˜ν…μΈ μ— μ§„μž…ν•΄μ•Όλ§Œ λ―Έμ…˜ 달성 μ—¬λΆ€λ‚˜ 보상 수령 κ°€λŠ₯ μƒνƒœλ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ΄λŸ¬ν•œ κ΅¬μ‘°λŠ” μœ μ € ν”Όλ“œλ°± 루프가 λ‹¨μ ˆλœ μƒνƒœλ‘œ, κ²Œμž„ λ‚΄μ—μ„œ μ–΄λ–€ 행동이 μ½˜ν…μΈ μ— 영ν–₯을 μ£Όκ³  μžˆλŠ”μ§€λ₯Ό μ¦‰κ°μ μœΌλ‘œ μ•Œ 수 μ—†λ‹€λŠ” μ μ—μ„œ λͺ°μž…도λ₯Ό λ–¨μ–΄λœ¨λ¦΄ 수 μžˆμŠ΅λ‹ˆλ‹€.

특히 이 μ½˜ν…μΈ λŠ” 반볡 μŠ€ν…Œμ΄μ§€ ν”Œλ ˆμ΄λ₯Ό μœ λ„ν•˜λŠ” κ΅¬μ‘°μ΄λ―€λ‘œ, 진행도 μ‹œκ°ν™”λŠ” μœ μ € 동기 μœ μ§€μ— 핡심적인 역할을 ν•©λ‹ˆλ‹€.

πŸ”§ κ°œμ„  λ°©ν–₯ μ œμ•ˆ

  • μŠ€ν…Œμ΄μ§€ 클리어 κ²°κ³Ό 화면에 "두더지 택배 λ―Έμ…˜ 2개 달성 (총 10개 쀑)"κ³Ό 같이 κ°„λ‹¨ν•œ 진행도 ν‘œμ‹œλ‚˜ 진행도 λ°” μΆ”κ°€
  • μ½˜ν…μΈ μ˜ 쑴재 자체λ₯Ό μƒκΈ°μ‹œν‚€λŠ” 역할도 λ˜μ–΄, μœ μ €κ°€ μ½˜ν…μΈ λ₯Ό 더 였래 κΈ°μ–΅ν•˜κ³  반볡 μ°Έμ—¬ν•  수 μžˆλ„λ‘ μœ λ„ν•  수 있음

✍️ 참고둜, ν¬μ½”νŒ‘νƒ€μš΄μ˜ 경우 λ―Έμ…˜ν˜• μ½˜ν…μΈ λŠ” 클리어 결과와 λ™μ‹œμ— μ¦‰μ‹œ 진행도 μ•Œλ¦Όμ΄ 좜λ ₯되며, μœ μ €λŠ” β€œμ§€κΈˆ 무언가λ₯Ό λ‹¬μ„±ν–ˆλ‹€β€λŠ” 확신을 κ°€μ§ˆ 수 μžˆμ—ˆμŠ΅λ‹ˆλ‹€. 이런 μž‘μ€ ν”Όλ“œλ°±μ΄ μ°Έμ—¬μœ¨μ— 큰 영ν–₯을 λ―ΈμΉ˜λŠ” 것을 κ²½ν—˜μ μœΌλ‘œ ν™•μΈν•œ λ°” μžˆμŠ΅λ‹ˆλ‹€.


λ§ˆλ¬΄λ¦¬ν•˜λ©°

이 κΈ€μ—μ„œλŠ” μΏ ν‚€λŸ°: λ§ˆλ…€μ˜ 성을 ν”Œλ ˆμ΄ν•˜λ©° λŠλ‚€ μžμž˜ν•˜μ§€λ§Œ μ‚¬μš©μž κ²½ν—˜μ— 영ν–₯을 μ£ΌλŠ” μ„Έ κ°€μ§€ 포인트λ₯Ό μ •λ¦¬ν•΄λ³΄μ•˜μŠ΅λ‹ˆλ‹€.

  • λ°©ν–₯ μ „ν™˜μ˜ λΆˆνŽΈν•¨
  • 보상 수령 μ •λ³΄μ˜ 뢈일치
  • μ½˜ν…μΈ  진행도 ν™•μΈμ˜ λΆ€μž¬

이 μ„Έ κ°€μ§€λŠ” λͺ¨λ‘ κ²Œμž„μ˜ 근본적인 ꡬ쑰λ₯Ό λ°”κΎΈμ§€ μ•Šλ”λΌλ„ μΆ©λΆ„νžˆ κ°œμ„  κ°€λŠ₯ν•œ 뢀뢄이며, 특히 μœ μ €μ˜ ν”Œλ ˆμ΄ 흐름을 더 λ§€λ„λŸ½κ²Œ λ§Œλ“€ 수 μžˆλŠ” μ—¬μ§€κ°€ μžˆλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

μ„œλ²„ 개발자 μž…μž₯μ—μ„œ 보면, 이런 λ¬Έμ œλŠ” UI와 UXμ—μ„œ λ“œλŸ¬λ‚˜μ§€λ§Œ μ‹€μ œλ‘œλŠ” μ„œλ²„ μƒνƒœ 동기화, 수령 μ—¬λΆ€ νŒλ‹¨ 둜직, UI 좜λ ₯ 타이밍 λ“± λ‹€μ–‘ν•œ 기술 μš”μ†Œκ°€ μ—°κ²°λ˜μ–΄ μžˆλŠ” κ²½μš°κ°€ λ§ŽμŠ΅λ‹ˆλ‹€.

λ‹€μŒ κΈ€μ—μ„œλŠ” μ΄λŸ¬ν•œ μ½˜ν…μΈ (특히 두더지 택배 μ„œλΉ„μŠ€λ‚˜ μ‹œμ¦Œ 패슀 ꡬ쑰)κ°€ μ„œλ²„ μΈ‘μ—μ„œλŠ” μ–΄λ–€ λ°©μ‹μœΌλ‘œ μ„€κ³„λ˜μ—ˆμ„μ§€ μΆ”μ •ν•˜κ³ , 동기화 및 ν”Όλ“œλ°± ꡬ쑰λ₯Ό μ–΄λ–»κ²Œ ꡬ성할 수 μžˆμ„μ§€μ— λŒ€ν•œ 생각을 κ³΅μœ ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€.

μ½μ–΄μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€!

profile
κ°œλ°œμ— 집쀑할 수 μžˆλŠ”, 이슈λ₯Ό μ€„μ΄λŠ” ν™˜κ²½μ„ λ§Œλ“€κ³  μ‹ΆμŠ΅λ‹ˆλ‹€.

0개의 λŒ“κΈ€