íë¡ ížìë 늬ë ìì±ì ìí ìŽ ì¢ í© ê°ìŽëë¡ ë ëì ì íìšì ë¬ì±íìžì. ìì ìµì í, UI/UX, A/B í ì€ížì ëí êžë¡ë² ëªšë² ì¬ë¡ë¥Œ ë°°ì°ìžì.
íë¡ ížìë 늬ë ìì±: ìì ìµì í ë° ì íìšì ìí êžë¡ë² ê°ìŽë
êŽëí ëì§íž ìžê³ì ìíê³ìì, íë²í ì¹ ììì ê°ì¥ ì€ìí ì ì ì€ íëì ëë€. ìŽë ëì§íž ì ììŽë©°, ìëì ìž ë°©ë¬žìê° ë¥ëì ìž ëŠ¬ë, 구ë ì ëë ê³ ê°ìŽ ëë ìê°ì ëë€. íë¡ ížìë ê°ë°ìì ë§ìŒí°ìê² ììì ëšìí ì ë ¥ íëì ì§í©ìŽ ìëëŒ ë³µì¡í ì¬ì©ì ì¬ì ì ë§ì§ë§ìŽì ê²°ì ì ìž ëšê³ì ëë€. ê·žë¬ë ì¢ ì¢ ì¹ì¬ìŽížìì ê°ì¥ ê°ê³Œëê³ ì ëë¡ ìµì íëì§ ìì ìììŽêž°ë íì¬, ìì²ë ìŽíë¥ ê³Œ ììµ ìì€ë¡ ìŽìŽì§ëë€.
ì못 ëììžë ììì 늬ë ìì± íŒëìì ê°ì¥ í° ë³ëª© íììŽ ë ì ììµëë€. ìŽë ë§ì°°ì ìŒìŒí€ê³ , ë¶ì ì ì¬ìŒë©°, ê¶ê·¹ì ìŒë¡ ì ì¬ ê³ ê°ì ë©ìŽì§ê² ë§ëëë€. ë°ëë¡, ì ë§ë€ìŽì§ê³ ì¬ë € ê¹ê² ëììžë ììì ììíê² ë껎ì§ê³ , ì 뢰륌 ììŒë©°, ì íìšì ê·¹ì ìŒë¡ ëìŒ ì ììµëë€. ìŽ ê°ìŽëë ìŽ ì€ìí ìží°íìŽì€ë¥Œ ìµì ííë ê²ìŽ ì¬ìí ìì ìŽ ìëëŒ ì ëµì íì 곌ì ìì ìŽíŽíë ì ìžê³ ê°ë°ì, ëììŽë, ë§ìŒí°ë¥Œ ìí ê²ì ëë€. ì°ëЬë ëì ì íìšì 볎ìŽë ìì ìŽë©Žì ìë ì¬ëЬ, ëììž, êž°ì ë° ë¶ìì ê¹ìŽ íê³ ë€ìŽ, êµê²œì ìŽìíê³ ì ìžê³ ë¹ìŠëì€ì ì ì©ëë ì€í ê°ë¥í íµì°°ë ¥ì ì ê³µí ê²ì ëë€.
ììì ì¬ëЬí: ì¬ì©ìê° ììì í¬êž°íë ìŽì
ìœë륌 í ì€ ìì±íê±°ë ëììžì ìì íêž° ì ì, ì°ëЬë ì¬ì©ìì ì¬ê³ ë°©ìì ìŽíŽíŽìŒ í©ëë€. ì¬ì©ìê° ììì ëë¬í멎, ê·žë€ì ì¡°ì©íê³ ìŠê°ì ìž ë¹ì©-ížìµ ë¶ìì ìíí©ëë€. 'ë¹ì©'ì ê·žë€ì ìê°, ë žë ¥, ê°ìž ë°ìŽí°ì ëë€. 'ížìµ'ì ëŽì€ë í°, ë¬Žë£ ì²Ží, ë°±ì ëë ì í곌 ê°ìŽ ì¬ë¬ë¶ìŽ ê·ž ëê°ë¡ ì ê³µíë ê°ì¹ ì ìì ëë€. ìžì§ë ë¹ì©ìŽ ížìµë³Žë€ í¬ë©Ž, ê·žë€ì ììì í¬êž°í ê²ì ëë€. ìŒë°ì ìž ì¬ëЬì ì¥ë²œì ë¶ìíŽ ë³Žê² ìµëë€.
1. ê²°ì íŒë¡ì ìžì§ ë¶í
ìžì§ ë¶íë ìì ì ìë£íë ë° íìí ì ì ì ë žë ¥ì ìì ì믞í©ëë€. 몚ë íë, 몚ë ì§ë¬ž, ì¬ì©ìê° ëŽë €ìŒ íë 몚ë ê²°ì ì ìŽ ë¶í륌 ê°ì€ìíµëë€. ìììŽ ë묎 êžžê±°ë, íŒëì€ëœê² ë°°ì¹ëìŽ ìê±°ë, ë¶íìí ì 볎륌 ì구í멎 ì¬ì©ìë ìëê°ì ëëŒê³ 'ë¶ì ë§ë¹'ì í¬êž°ë¡ ìŽìŽì§ëë€.
- ë묎 ë§ì íë: 2024ë ì ì ë§ë¡ ê·žë€ì í©ì€ ë²ížê° íìíê°ì? ê° íëë ê°ì°š ììŽ íê°ëìŽìŒ í©ëë€. ìŽêž° ì íì íìì ìŽì§ ìë€ë©Ž ì ê±°íë ê²ì ê³ ë €íìžì.
- ë³µì¡í ì§ë¬ž: 몚ížíê±°ë ê°ë°©í ì§ë¬žì ê°ëšíê³ ì§ì ì ìž ì§ë¬žë³Žë€ ë ë§ì ìê°ì ì구í©ëë€.
- ë¶ì€í ë ìŽìì: ë€ì€ ìŽ ë ìŽììì ìì°ì€ë¬ìŽ ìí ìœêž° íëŠì ë°©íŽíì¬ ì¬ì©ìì ìì ìŽ íìŽì§ 죌ì륌 í©ìŽì§ê² íê³ ìžì§ ë¶í륌 ìŠê°ìí¬ ì ììµëë€.
2. ê°ìžì 볎 ë³Žíž ì°ë €ì ì 뢰 ë¶ì¡±
ë°ìŽí° ì ì¶ê³Œ ê°ìžì 볎 볎ížì ëí ìžììŽ ëìì§ ìëì, ì¬ì©ìë€ì ê°ìž ì 볎륌 ê³µì íë ë° ê·ž ìŽë ëë³Žë€ ì ì€í©ëë€. ì ëœì GDPR(ìŒë° ê°ìžì 볎 볎ížë²) ë° ìºëЬí¬ëìì CCPA(ìºëЬí¬ëì ìë¹ì ê°ìžì 볎 볎ížë²)ì ê°ì êžë¡ë² ê·ì ë ìë¹ììê² ê¶íì ë¶ì¬íê³ êž°ì ì ì± ì ìì€ì ëììµëë€. ììì êž°ë¥ì ìŒ ë¿ë§ ìëëŒ ì 뢰í ì ììŽìŒ í©ëë€.
- 믌ê°í ì 볎륌 ë묎 ìŒì° ìì²íë 겜ì°: ê°ëší ëŽì€ë í° êµ¬ë ì ìíŽ ì íë²ížë ì§ ì£Œì륌 묻ë ê²ì ì€ëí ìí ì ížì ëë€.
- ìì¬ìí€ë ììì ë¶ì¬: ê°ìžì 볎 ì²ëŠ¬ë°©ì¹š ë§í¬, 볎ì ë°°ì§ ëë ìì¬ìí€ë ë§ìŽí¬ë¡ì¹ŽíŒê° ììŒë©Ž ì¬ì©ìë ìì ì ë°ìŽí°ê° ì€ì©ëê±°ë íë§€ë ê²ì ëë €ìí ì ììµëë€.
- ë¹ì 묞ì ìž ëììž: 구ììŽê±°ë ì¡°ì¡í ëììžì ì ë¢°ì± ë¶ì¡±ì ëíëŒ ì ììŽ ì¬ì©ìê° ì¬ìŽížì ì 볎륌 ë§¡êž°ë ê²ì 죌ì íê² ë§ëëë€.
3. ë žë ¥ ë 볎ì ë¶ê· í
ì¬ì©ìë ëìììŽ "ìŽê² ê·žëŽ ë§í ê°ì¹ê° ìë?"ëŒê³ 묻ìµëë€. ê°ëší 첎í¬ëЬì€íž PDF륌 ì ê³µí멎ì 15ê°ì ì 볎 íë륌 ì구íë€ë©Ž ìì²ë ë¶ê· íìŽ ë°ìí©ëë€. ì ìì ìžì§ë ê°ì¹ë íì ììì ìì±íë ë° ëë ìžì§ë ë žë ¥ë³Žë€ íì í ëììŒ í©ëë€.
4. êž°ì ì ë§ì°°ê³Œ ë®ì ì¬ì©ì±
ê°ì¥ ëêž° ë¶ì¬ê° ë ì¬ì©ìëŒë êž°ì ì ìŒë¡ ê²°íšìŽ ìë ìì ë묞ì ì¢ì í ì ììµëë€. ìŽë¬í 묞ì ë ì¬ì©ìê° ìŽë¯ž ì ííêž°ë¡ ê²°ì íì§ë§ 묌늬ì ìŒë¡ ê·žë ê² í ì ìì ë ê°ì¥ ì€ë§ì€ëœìµëë€.
- ìŽì í 몚ë°ìŒ 겜í: ì ìžê³ ì¹ ížëíœì ì ë° ìŽììŽ ëªšë°ìŒ êž°êž°ìì ë°ìíë ìí©ìì, ìì í멎ì ìµì íëì§ ìì ììì ì íìšì ì íŽíë ììžì ëë€. ìì í íê², íë/ì¶ì ì구, ì못ë í€ë³Žë íì ë±ìŽ ìŒë°ì ìž ììžì ëë€.
- 공격ì ìŽê±°ë ë¶ë¶ëª í ì íšì± ê²ì¬: ì¬ì©ìê° 'ì ì¶'ì ë륞 íì ëíëê±°ë ìíž ê°ì(ì: "ì못ë ì ë ¥") ì€ë¥ ë©ìì§ë ì¬ì©ì륌 ì¢ì ì€ë¬ìŽ ìíì°©ì€ì ë°ë³µì ë¹ ëšëŠœëë€.
- ì±ë¥ 묞ì : ë¡ë©ìŽ ë늰 ìì, í¹í ë¬Žê±°ìŽ ìëíí° ì€í¬ëŠœížì ì졎íë ììì ì°žìì± ìë ì¬ì©ìê° ë³Žì§ë 못í ì ììµëë€.
ëì ì íìš ììì Ʞ볞 ìì¹
ìì ìµì íë ê²¬ê³ í êž°ìŽìì ììë©ëë€. ìŽë¬í íµì¬ ìì¹ì 볎ížì ìŒë¡ ì ì© ê°ë¥íë©° 몚ë ìì ëììž íë¡ì ížì ì¶ë°ì ìŽ ëìŽìŒ í©ëë€.
1. ëª íì±ê³Œ ëšìì±: 'ì ììë¡ ì¢ë€'ë ì² í
ì¬ë¬ë¶ì 목íë ììì ê°ë¥í í ìŽíŽíê³ ìë£íêž° ìœê² ë§ëë ê²ì ëë€. ê·ž 목íì ì§ì ì ìŒë¡ êž°ì¬íì§ ìë 몚ë ê²ì ì ê±°íìžì.
- íë ìµìí: íìí ì ë ìµìíì ì ë³Žë¡ ììíìžì. ê³ ê° ìì 죌Ʞ íë°ì ë ë§ì ë°ìŽí°ë¥Œ ìì²í ì ììµëë€(ì ì§ì íë¡íìŒë§ìŒë¡ ìë €ì§ êŽí). ëŽì€ë í°ì ê²œì° ìŽë©ìŒ 죌ìë§ìŒë¡ ì¶©ë¶í©ëë€. íë§€ 견ì ì ê²œì° ë ë§ì ì ë³Žê° íìí ì ìì§ë§, 몚ë íëë ê·ž 졎ì¬ë¥Œ ì ë¹ííŽìŒ í©ëë€.
- ëª ííê³ ë³ŽìŽë ë ìŽëž: 믞íì ìíŽ ëª íì±ì í¬ìíì§ ë§ìžì. ë ìŽëžì ê°ê²°íê³ ì€ëª ì ìŽìŽìŒ íë©°, íë ìŽì€íë í ì€íž ìì ìšê²šì ž ìì§ ìê³ íì 볎ì¬ìŒ í©ëë€.
- íëì ëª íí 목í: ìììŽ í¬íšë íìŽì§ìë ëšìŒ ìœí¬ì¡ì (CTA)ìŽ ììŽìŒ í©ëë€. ìì ìì±ìŽëŒë 죌ì 목íìì 죌ì륌 ë¶ì°ìí€ë ì¬ìŽëë°, 겜ìì ìž ë§í¬ ëë íì ì íŒíìžì.
2. ëª íí 겜ë¡ë¥Œ ìí ëšìŒ ìŽ ë ìŽìì
ììžë ìì§ë§, ìŒë°ì ìŒë¡ ëšìŒ ìŽ ë ìŽìììŽ ììì ê°ì¥ íšê³Œì ì ëë€. ìŽë ì¬ì©ìê° ììì ìëë¡ ë°ëŒê° ì ìë ëª ííê³ ì íì ìž ê²œë¡ë¥Œ ë§ëëë€. ìŽ ì ê·Œ ë°©ìì íìŽë³Žêž°ê° ë§€ì° ì©ìŽíë©°, ê°ì¥ ì€ìíê²ë 몚ë°ìŒ êž°êž°ìë ìííê² ì ì©ëìŽ ë³µì¡í ë°ìí ì¡°ì ì íìì±ì ìì ì€ëë€. ë€ì€ ìŽ ë ìŽììì ì¬ì©ìì ìê°ì 겜ë¡ë¥Œ íŒëì€ëœê² íì¬ ì€ìë¡ íë륌 걎ëë°ê² í ì ììµëë€.
3. êŽë š ì 볎ì ë ŒëŠ¬ì 귞룹í
ëšìíí ì ìë ë ꞎ ììì 겜ì°, êŽë š íë륌 ë ŒëŠ¬ì ìž ì¹ì ìŒë¡ 귞룹íí멎 ìì ìŽ ë ë¶ëŽì€ëœê² ëê»Žì§ ì ììµëë€. í€ëë ìê°ì 구ë¶ì ì ì¬ì©íì¬ "ê°ìž ì 볎," "ë°°ì¡ ì£Œì," "ê²°ì ì 볎"ì ê°ì ì¹ì ì ë§ëìžì. ìŽë¬í ì 볎ì ë©ìŽëЬíë ìžì§ ë¶í륌 ì€ìŽê³ ì¬ì©ììê² êµ¬ì¡°íë íë¡ìžì€ë¥Œ íµíŽ ì§ííê³ ìë€ë ëëì ì€ëë€.
4. 몚ë°ìŒ ì°ì ëììžì íìì ì¬ì§ê° ììµëë€
몚ë°ìŒ ì°ì ëììžì ížë ëê° ìëëŒ ì ìžê³ì ìž íì ì¬íì ëë€. 몚ë°ìŒ ì¬ì©ìì ìí©ì ë€ëŠ ëë€âì¢ ì¢ ì£Œìê° ì°ë§íê³ , ë ìì í멎ì ì¬ì©íë©°, í°ì¹ ìží°íìŽì€ì ì졎í©ëë€.
- í° í íê²: 몚ë íë, 첎í¬ë°ì€, ëŒëì€ ë²íŒ ë° CTAê° ì€ìë¡ íŽëŠíì§ ìê³ ìê°ëœìŒë¡ ìœê² íí ì ìì ë§íŒ ì¶©ë¶í í°ì§ íìžíìžì.
- ì ì í í€ë³Žë ížëŠ¬ê±°: ì¬ë°ë¥ž HTML5 ì ë ¥ ì íì ì¬ì©íìžì. `type="email"`ì '@' êž°ížê° ìë í€ë³Žë륌, `type="tel"`ì ì«ì íšë륌, `type="number"`ë ì«ì í€ë³Žë륌 ë¶ë¬ìµëë€. ìŽ ê°ëší ëšê³ë ìë¹í ë§ì°°ì ì ê±°í©ëë€.
- ìœêž° ì¬ìŽ êžêŒŽ í¬êž°: í ì€ížë ì¬ì©ìê° ìê°ëœìŒë¡ íë/ì¶ìí íì ììŽ ìœì ì ììŽìŒ í©ëë€.
ìì ìì ë° UI/UX ëªšë² ì¬ë¡ ì¬ìžµ ë¶ì
ì ë§ë ëí ìŒì ììµëë€. ê°ë³ ìì ìì륌 ìµì íí멎 ì íìšì ëì ì ìŽê³ ê°ë ¥í ìí¥ì ë¯žì¹ ì ììµëë€.
ë ìŽëž: ìšì ìì
ë ìŽëžì ì¬ì©ì±ê³Œ ì ê·Œì±ì ë§€ì° ì€ìí©ëë€. ìë§ì ì°êµ¬ìì ë·ë°ì¹šíë ëªšë² ì¬ë¡ë ìëš ì ë ¬ ë ìŽëžì ì¬ì©íë ê²ì ëë€. ìŽë ì ë ¥ íë ë°ë¡ ìì ìì¹í©ëë€.
- ì ìëš ì ë ¬ìžê°? ìŽ ë ìŽììì ê°ì¥ ì ì ìì ê³ ì ì íìë¡ íë¯ë¡ ì¬ì©ìê° ê°ì¥ ë¹ ë¥Žê² íìŽë³Žê³ ì²ëЬí ì ììµëë€. ëí ë ìŽëžê³Œ íŽë¹ íëê° ìŽìí ì€ ë°ê¿ ììŽ ê°ê¹ê² ì ì§ëë¯ë¡ 몚ë°ìŒììë ì벜íê² ìëí©ëë€.
- íë ìŽì€íë í ì€ížì 묞ì ì : íë ìŽì€íë í ì€íž(ì ë ¥ ì ì¬ëŒì§ë íë ìì íì í ì€íž)륌 ë ìŽëžë¡ ì¬ì©íë ê²ì ííì§ë§ íŽë¡ìŽ êŽíì ëë€. ì ë ¥ ì ì¬ëŒì ž ì¬ì©ìê° êž°ìµì ì졎íê² ë§ëëë€. ìŽë ì€í¬ëа 늬ëê° ì¢ ì¢ íë ìŽì€íë í ì€ížë¥Œ 묎ìíêž° ë묞ì 죌ìí ì ê·Œì± ì€íšìŽë©°, ì¬ì©ìê° ì ì¶ ì ì ììì ê²í íŽìŒ í ë 몚ëìê² ì¢ì§ ìì ì¬ì©ì 겜íì ë§ëëë€.
ì ë ¥ íë: íµì¬ ìížìì©
- íë í¬êž°ì ì€ìì±: ì ë ¥ íëì ìê°ì êžžìŽë ììëë ëµë³ì êžžìŽì ììíŽìŒ í©ëë€. ìž ì늬 CVC ìœë륌 ìí íëë ëë¡ëª 죌ì륌 ìí íëë³Žë€ íšì¬ ì§§ììŒ í©ëë€. ìŽë ì¬ì©ììê² ìê°ì ëšì륌 ì ê³µí©ëë€.
- ìí©ì ë§ë ë구 ì¬ì©: ë 구첎ì ìž ììê° ë ëì ë í ì€íž íë륌 ì¬ì©íì§ ë§ìžì. ëª ê°ì§ ìíž ë°°íì ìž ìµì ì€ íë륌 ì íí ëë ëŒëì€ ë²íŒì ì¬ì©íìžì. ì¬ë¬ í목ì ì íí ëë 첎í¬ë°ì€ë¥Œ ì¬ì©íìžì. ꞎ ìµì 목ë¡(ì: êµê° ì í)ì ê²œì° ëë¡ë€ìŽ ë©ëŽê° ì í©í©ëë€.
ë²íŒê³Œ CTA: ë§ì§ë§ ëšê³
ìœí¬ì¡ì ë²íŒì ì íìŒë¡ ê°ë ë§ì§ë§ êŽë¬žì ëë€. ì€ëë ¥ ìê³ ëª ííŽìŒ í©ëë€.
- íë ì§í¥ì í ì€íž: "ì ì¶"ìŽë "볎ëŽêž°"ì ê°ì ìŒë°ì ìž ëšìŽë¥Œ íŒíìžì. ì¬ì©ìê° ë¬Žìì ì»ê² ë ì§ ì€ëª íë 구첎ì ìŽê³ ê°ì¹ ì§í¥ì ìž ìžìŽë¥Œ ì¬ì©íìžì. ì륌 ë€ìŽ, "ë¬Žë£ ì ìì± ë°êž°," "30ìŒ ë¬Žë£ ì²Ží ììíêž°," ëë "ìëŽ ìì²íêž°" ë±ìŽ ììµëë€.
- ìê°ì ì€ìì±: 죌ì CTA ë²íŒì ìììì ê°ì¥ ìê°ì ìŒë¡ ëì ëë ììì¬ìŒ í©ëë€. ëêžžì ëë ëì¡°ì ìž ììì ì¬ì©íê³ , ìœê² íŽëŠíê±°ë íí ì ìì ë§íŒ ì¶©ë¶í í°ì§ íìžíìžì.
- íŒëë°± ì ê³µ: íŽëŠí멎 ë²íŒì ìŠê°ì ìž íŒëë°±ì ì ê³µíŽìŒ í©ëë€. ë²íŒì ë¹íì±ííê³ ë¡ë© ì€íŒë륌 íìíì¬ ì€ë³µ ì ì¶ì ë°©ì§íìžì. ì±ê³µ ììë ì±ê³µ ë©ìì§ë¥Œ ëª ííê² íìíìžì. ì€íš ììë ì€ë¥ê° ìë 첫 ë²ì§ž íëë¡ ì¬ì©ì륌 ì€í¬ë¡€íìžì.
ì€ë¥ ì²ëЬ ë° ì íšì± ê²ì¬: ë¶ëë¬ìŽ ìëŽì
ì€ë¥ë íŒí ì ììµëë€. ì€ë¥ë¥Œ ì²ëЬíë ë°©ìì ë°ëŒ ì¬ì©ìê° ì¢ì íê³ ë ë ì§, ìë멎 ìœê² ì€ì륌 ìì íê³ ì íí ì§ê° ê²°ì ë©ëë€.
- ìžëŒìž ì íšì± ê²ì¬: ê°ì¥ ì¢ì ë°©ë²ì ì¬ì©ìê° íëìì ë²ìŽë ë(on blur) íëì ì íšì±ì ê²ì¬íë ê²ì ëë€. ì€ìê° íŒëë°±ì ì ê³µíìžì. ì¬ë°ë¥Žê² íìíë ìŽë©ìŒì ëí ë ¹ì ì²Ží¬ íìë ê²©ë €ê° ë©ëë€. ì€ìì ëí ëª íí ì€ë¥ ë©ìì§ê° ìë 빚ê°ì ììë ëììŽ ë©ëë€. ìŽë ì¬ì©ìê° ì 첎 ììì ìì±í íììŒ ì¬ë¬ ì€ë¥ì ëí íµë³Žë¥Œ ë°ë ê²ì ë°©ì§í©ëë€.
- ëª ííê³ ëììŽ ëë ë©ìì§: ëšìí "ì€ë¥"ëŒê³ ë§íì§ ë§ìžì. 묎ììŽ ì못ëìê³ ìŽë»ê² ìì íŽìŒ íëì§ ì€ëª íìžì. "ì못ë ë¹ë°ë²íž" ëì "ë¹ë°ë²ížë 8ì ìŽììŽìŽìŒ íë©° ì«ì íë륌 í¬íšíŽìŒ í©ëë€."ëŒê³ ì¬ì©íìžì. ì€ë¥ ë©ìì§ë íŽë¹ íë ë°ë¡ ìì ë°°ì¹íìžì.
- ëê·žëœê² ëì²íêž°: ì íë²ížë ì ì©ì¹Žë ë²ížì ê°ì ì ë ¥ì 겜ì°, ì¬ì©ìê° ê°ë ì±ì ìíŽ ì¶ê°í ì ìë 공백ìŽë ëì륌 ìëìŒë¡ ì ê±°íìžì. ì¬ì©ìê° ì¬ë¬ë¶ì ì íí íìì ë§ì¶ëë¡ ê°ìíì§ ë§ìžì.
ìì ìµì í륌 ìí ê³ êž ì ëµ
Ʞ볞 ì¬íì ë§ì€í°íë€ë©Ž, ë§ì°°ì ëì± ì€ìŽê³ ì íìšì ëìŽêž° ìí ë ê³ êž êž°ì ì 구íí ì ììµëë€.
ë€ëšê³ ìì ('ëžë ëí¬ëŒ' êž°ë²)
êžžê±°ë ë³µì¡í ìì(볎í ì ì², ëì¶ ìì² ëë ììží ìšë³Žë© ë±)ì 겜ì°, ì¬ë¬ ê°ì ìì ëšê³ë¡ ëë멎 곌ì ìŽ íšì¬ ë ìíì ìŒë¡ ëê»Žì§ ì ììµëë€. ìŽ ì ëµì ì¬ëë€ìŽ ìŽë¯ž ììí ìì ì ëëŒ ê°ë¥ì±ìŽ ë ëë€ë ììŽê°ë¥Žë íšê³ŒëŒë ì¬ëЬì ì늬륌 íì©í©ëë€.
- ì§í íìì€ íì: ì¬ì©ìì ì§í ìí©ì 볎ì¬ì£Œë ìê°ì íìêž°(ì: "3ëšê³ ì€ 1ëšê³")ë êž°ëì¹ë¥Œ êŽëЬíê³ ê³Œì ì ìë£íëë¡ ëꞰ륌 ë¶ì¬í©ëë€.
- ì¬ìŽ ì§ë¬žìŒë¡ ììíêž°: 첫 ëšê³ììë ìŽëŠê³Œ ìŽë©ìŒ ê°ì ìíì ìŽì§ ìì ì 볎륌 ìì²íìžì. ì¬ì©ìê° ìŒëš í¬ìí멎, ìŽí ëšê³ìì ë 믌ê°í ì 볎(ì íë²ížë íì¬ ì 볎 ë±)륌 ì ê³µí ê°ë¥ì±ìŽ ë ëìµëë€.
- ê° ëšê³ìì ë°ìŽí° 캡ì²: ê° ëšê³ìì ì¬ì©ì ì ë ¥ì ì ì¥íìžì. ë§ìœ ì¬ì©ìê° ì€ê°ì ììì í¬êž°íëëŒë, íì ì¡°ì¹ë 늬íê²í ìº íìžì ì¬ì©í ì ìë ë¶ë¶ì ìž ëŠ¬ë(ìŽë©ìŒ ë±)륌 í볎í ì ììµëë€.
ìì ë¡ê·žìž
ì¬ì©ììê² êž°ì¡Žì 구êž, íìŽì€ë¶, ì í ëë ë€ë¥ž ìì ê³ì ìŒë¡ ê°ì íê±°ë ë¡ê·žìží ì ìë êž°ë¥ì ì ê³µí멎 ë§ì°°ì ê·¹ì ìŒë¡ ì€ìŒ ì ììµëë€. ìŽë ì¬ì©ìê° ë ë€ë¥ž ë¹ë°ë²ížë¥Œ ë§ë€ê³ êž°ìµíŽìŒ íë ë²ê±°ë¡ìì ëìŽì£Œë ìíŽëŠ íë¡ìžì€ì ëë€.
- êžë¡ë² ê³ ë €ì¬í: ì¬ë°ë¥ž ìì ë¡ê·žìž ìµì ì íê² ê³ ê°ì ë°ëŒ ë€ëŠ ëë€. 구êžê³Œ íìŽì€ë¶ì ì ìžê³ì ìŒë¡ ë늬 ì¬ì©ëì§ë§, ì€êµììë ìì±, ëì ëœ ìŒë¶ ì§ìììë VKì ê°ì ìµì ì ì ê³µíë ê²ìŽ í¹ì ìì¥ì ì€ìí ì ììµëë€.
- íì ëì ì ê³µ: ìì ë¡ê·žìžì ê°ìíì§ ë§ìžì. ìŒë¶ ì¬ì©ìë ìì ì ìì íë¡íì ì°ê²°íë ê²ì 겜ê³í©ëë€. íì ìë¹ ìëšìŒë¡ ì íµì ìž ìŽë©ìŒê³Œ ë¹ë°ë²íž ìµì ì ì ê³µíìžì.
ìë ì±ì°êž° ë° ìë ìì±
ëžëŒì°ì êž°ë¥ì íì©í멎 ì¬ì©ìì ìê°ê³Œ ë žë ¥ì í¬ê² ì ìœí ì ììµëë€. ìŽê²ì í¹í 몚ë°ìŒìì ì¬ì©ì±ì í° ìŽì ì ëë€.
- `autocomplete` ìì± ì¬ì©: ì ë ¥ íëì ì¬ë°ë¥ž `autocomplete` ìì±(ì: `autocomplete="given-name"`, `autocomplete="email"`, `autocomplete="street-address"`)ì ì¶ê°íšìŒë¡ìš, ëžëŒì°ì ì ìŽë€ ì¢ ë¥ì ì ë³Žê° ìì²ëëì§ ì ížë¥Œ ë³ŽëŽ ì¬ì©ìì ì ì¥ë ë°ìŽí°ë¡ íë륌 ì ííê² ì±ìž ì ìê² í©ëë€.
- 죌ì ìë ìì±: êµ¬êž íë ìŽì€ APIì ê°ì APIì íµí©í멎 ì¬ë¬ íëë¡ êµ¬ì±ë ë²ê±°ë¡ìŽ ì£Œì ì ë ¥ì ê°ëší í ì€ ê²ììŒë¡ ë°ê¿ ì ììµëë€. ì¬ì©ìê° ì£Œì륌 ì ë ¥íêž° ììí멎 ì ììŽ ëíëê³ , íë륌 ì íí멎 ëë¡ëª , ëì, 죌, ì°ížë²íž íëê° ìëìŒë¡ ì±ìì§ ì ììµëë€. ìŽë ìë§ì êµì 죌ì íìì ë€ë£šë êžë¡ë² êž°ì ì ë§€ì° ì ì©í©ëë€.
ì¡°ê±Žë¶ ë¡ì§ (ì€ë§íž ìì)
ì€ë§íž ììì ì¬ì©ì ì ë ¥ì ì ìíì¬, ì¬ì©ìì êŽë šë íëë§ ë³Žì¬ì€ëë€. ìŽë êŽë š ìë ì§ë¬žì ì ê±°íšìŒë¡ìš ììì ëšì¶íê³ ìžì§ ë¶í륌 ì€ì ëë€.
- ìì 1: ì¬ì©ìê° êµê°ë¥Œ ì íí©ëë€. 믞êµì ì íí멎 "죌(State)" ëë¡ë€ìŽìŽ ëíë©ëë€. ìºëë€ë¥Œ ì íí멎 "죌(Province)" ëë¡ë€ìŽìŽ ëíë©ëë€. 죌ë ëê° ìë êµê°ë¥Œ ì íí멎 íëë ìšê²šì§ ìíë¡ ì ì§ë©ëë€.
- ìì 2: "ìë찚륌 ìì íê³ ììµëê¹?"ëŒê³ 묻ë ì€ë¬žì¡°ì¬ìì ì¬ì©ìê° "ìëì€"륌 ì íí멎, ìëì°šì ì ì¡°ì¬ ë° ëªšëžì ëí 몚ë íì ì§ë¬žì ìšê²šì§ëë€.
ì 뢰 구ì¶ê³Œ ë¶ìê° íŽì
êž°ì ì ìŒë¡ ì벜í ìììŽëŒë ì 뢰ê°ìŽ ë껎ì§ì§ ììŒë©Ž ì€íší ì ììµëë€. ê°ì¥ ì€ìí ê³³ìì ì¬ì©ì ì 뢰륌 구ì¶íë ë°©ë²ì ë€ì곌 ê°ìµëë€.
- ìì¬ìí€ë ë§ìŽí¬ë¡ì¹ŽíŒ: ë§ì€ìì ì ë°í ì ìë íë ê·Œì²ì ìê³ ì ì©í í ì€íž ì¡°ê°ì ë°°ì¹íìžì. ìŽë©ìŒ íë ììë "ì í¬ë ê·íì ê°ìžì 볎륌 졎ì€íë©° ì ë ì€ížì 볎ëŽì§ ììµëë€."ëŒê³ ì¶ê°íìžì. '첎í ìì' ë²íŒ ìëìë "ì ì©ì¹Žë íì ìì"ìŽëŒê³ ì¶ê°íìžì.
- ì¬íì ìŠê±°: ìì ê·Œì²ì ì¬íì ìŠê±° ìì륌 íìí멎 ì 뢰ë륌 ëìŒ ì ììµëë€. ì§§ì ì¶ì²ì¬, ì ìë €ì§ ê³ ê°ì¬ì ë¡ê³ , ë³ì íê° ëë "50,000ëª ìŽìì 구ë ìì íšê»íìžì!"ì ê°ì ê°ëší ë¬žêµ¬ê° ë ì ììµëë€.
- 볎ì ë°°ì§: 믌ê°í ì 볎(ê²°ì ë±)륌 ì²ëЬíë 겜ì°, SSL ì ê³µì 첎ë 볎ì íì¬ì ì 뢰 ìžì¥ì íìíìžì. ìŽë ì°ê²°ìŽ ìì íë€ë ìê°ì ì ížë¥Œ ì ê³µí©ëë€.
- ì ê·Œ ê°ë¥í ê°ìžì 볎 ì²ëŠ¬ë°©ì¹š: íì ëª ííê³ ìœê² ì ê·Œí ì ìë ê°ìžì 볎 ì²ëŠ¬ë°©ì¹š ë§í¬ë¥Œ í¬íšíìžì. ìŽë í¬ëª ì±ê³Œ êžë¡ë² ë°ìŽí° 볎ížë² ì€ì륌 볎ì¬ì€ëë€.
ì íì 곌í: í ì€ížì ë¶ì
ëªšë² ì¬ë¡ë ì¶ë°ì ìŽì§ ìµì¢ 목ì ì§ê° ìëëë€. ì¬ë¬ë¶ì ê³ ê°ìê² ë¬ŽììŽ íšê³Œê° ìëì§ íì€í ì ì ìë ì ìŒí ë°©ë²ì í ì€ížíê³ , ìž¡ì íê³ , ë°ë³µíë ê²ì ëë€.
ì¶ìž¡íì§ ë§ê³ , í ì€ížíìžì!
A/B í ì€ížë ììì ë ê°ì§ ë€ë¥ž ë²ì ì ìë¡ ë€ë¥ž ê³ ê° ìžê·žëšŒížì 볎ì¬ì£ŒìŽ ìŽë ê²ìŽ ë ëì ì±ê³Œë¥Œ ëŽëì§ íìžíë êŽíì ëë€. ê±°ì 몚ë ê²ì í ì€íží ì ììµëë€:
- CTA ë²íŒ: í ì€íž("ììíêž°" vs. "ê³ì ë§ë€êž°"), ìì ëë í¬êž°ë¥Œ í ì€ížíìžì.
- íë ì: ì§§ì ìì곌 ꞎ ë²ì ì ë¹êµ í ì€ížíìžì. ë ꞎ ìììŽ ë ì ì§ë§ ë ëì íì§ì 늬ë륌 ìì±íë€ë ê²ì ë°ê²¬í ìë ììµëë€.
- ë ìŽìì: ëšìŒ ëšê³ ìì곌 ë€ëšê³ ë²ì ì ë¹êµ í ì€ížíìžì.
- í€ëëŒìž ë° ì¹ŽíŒ: ìì ìì ì ìë ê°ì¹ ì ìì í ì€ížíìžì.
ì¶ì íŽìŒ í 죌ì ì§í
ìì ì±ê³Œë¥Œ ìŽíŽíë €ë©Ž ì¬ë°ë¥ž ë°ìŽí°ë¥Œ ì¶ì íŽìŒ í©ëë€.
- ì íìš: ììì ì±ê³µì ìŒë¡ ìë£í ì¬ì©ìì ë¹ìšì ëë€. ìŽê²ìŽ ì£Œì ì±ê³µ ì§íì ëë€.
- ìŽíë¥ : ìì ë¶ì ë구(Hotjar, FullStory, ëë Microsoft Clarity ë±)륌 ì¬ì©í멎 ìŽë€ í¹ì íëìì ê°ì¥ ë§ì ì¬ì©ìê° ììì í¬êž°íëì§ íìží ì ììµëë€. ìŽë ë§ì°° ì§ì ì ìë³íë ë° ë§€ì° ì ì©í©ëë€.
- ìë£ ìê°: íê· ì ìž ì¬ì©ìê° ììì ìì±íë ë° ìŒë§ë 걞늜ëê¹? ꞎ ìë£ ìê°ì ìììŽ ë묎 ë³µì¡íê±°ë íŒëì€ëœë€ë ê²ì ëíëŒ ì ììµëë€.
êžë¡ë² ë° ì ê·Œì± ê³ ë €ì¬í
ì§ì ìŒë¡ ì 묞ì ìž íë¡ ížìë ì ê·Œ ë°©ìì í¬ì©ì ìŽê³ ìžê³ì ìŒë¡ ìžììŽ ììŽìŒ í©ëë€.
êµì í(i18n) ë° íì§í(l10n)
ìŽê²ë€ì ëšìí ë²ìì êŽí ê²ìŽ ìëëë€. 몚ë ì¬ëìŽ ìŽëììë ì¬ì©í ì ìë ììì ë§ëë ê²ì êŽí ê²ì ëë€.
- ìŽëŠ íë: 'ìŽëŠ(First Name)'곌 'ì±(Last Name)' 구조ë 볎ížì ìŽì§ ììµëë€. ë§ì 묞íê¶ìë ë€ë¥ž ìŽëŠ ëª ëª ê·ì¹ìŽ ììµëë€. ëšìŒ 'ì±ëª (Full Name)' íëê° ì¢ ì¢ ë í¬ì©ì ìŽê³ ê°ëší ì ê·Œ ë°©ìì ëë€.
- 죌ì íì: ìŽê²ì ì íì ìž êµì í 묞ì ì ëë€. ì°ížë²íž íì, 죌/ë/칎ìŽí° 구조, ì¬ì§ìŽ ì£Œì ì€ì ììë êµê°ë§ë€ í¬ê² ë€ëŠ ëë€. ê°ì¥ ì¢ì ì ê·Œ ë°©ìì ì¢ ì¢ êµê° ì íêž°ë¡ ììí ë€ì íŽë¹ êµê°ì ì í©í 죌ì ëžë¡ì ëì ìŒë¡ íìíë ê²ì ëë€.
- ë ì§ íì: `03/04/2025`ë 3ì 4ìŒìžê°ì, 4ì 3ìŒìžê°ì? ìŽë ì¬ì©ìê° ìŽë ì¶ì ìžì§ì ë°ëŒ ë€ëŠ ëë€. ë ì§ ì íêž° UI륌 ì¬ì©íê±°ë íìì ëª ííê² ì§ì (ì: DD/MM/YYYY)í멎 íŒëì ë°©ì§í ì ììµëë€.
ì ê·Œì± (WCAG ì€ì)
ì ê·Œì± ìë ììì ì€í¬ëа 늬ëë í€ë³Žë íìì ì졎íë ì¬ëë€ì í¬íšíì¬ ì¥ì ê° ìë ì¬ëë€ìŽ ì¬ì©í ì ììµëë€. ìŽë ìžê³ ì¬ë¬ ì§ììì ë²ì ì구ì¬íìŒ ë¿ë§ ìëëŒ, 몚ë ì¬ì©ììê² ííì 죌ë ì¢ì ëììžì Ʞ볞 잡멎ì ëë€.
- ì ì í ë ìŽëžë§: `
- í€ë³Žë íì ê°ë¥ì±: ì¬ì©ìê° 'Tab' í€ë§ ì¬ì©íì¬ ëªšë ìì ìì륌 ë ŒëŠ¬ì ìŒë¡ ìŽëí ì ìê³ 'Enter' ëë 'Spacebar'륌 ì¬ì©íì¬ ëªšë ììì ìíž ìì©í ì ìëì§ íìžíìžì.
- ì¶©ë¶í ìì ëë¹: í ì€íž, ììŽìœ, íë í ë늬ë 배겜ì ëíŽ ì¶©ë¶í ëë¹ë¥Œ ê°ì žìŒ ìœê² 볌 ì ììµëë€.
- ëª íí í¬ì»€ì€ ìí: ì¬ì©ìê° íëë¡ í ìŽëí ë, íì¬ ìŽë€ ììê° íì±íëìŽ ìëì§ ë³Žì¬ì£Œë ëª íí ìê°ì íìêž°(ì: ëì ëë ì€ê³œì )ê° ììŽìŒ í©ëë€.
ê²°ë¡ : ëíë¡ìì ìì
ìì ìµì í륌 íµí íë¡ ížìë 늬ë ìì±ì ì¬ëЬí, ëììž, êž°ì ìŽ ê°ë ¥íê² ê²°í©ë ê²ì ëë€. ìŽë ì°ëŠ¬ê° ììì ëšìí ë°ìŽí° ìì§ ëêµ¬ë¡ ë³Žë ê²ì ëìŽ, ì¬ì©ììì ì€ìí ëíë¡ ë³Žêž° ììí ê²ì ì구í©ëë€. ìŽ ëíì 목íë ëª ííê³ , 졎ì€íë©°, íšìšì ìž ê²ì ëë€.
ëšìì±ì ì°ì ìíê³ , ì 뢰륌 ìê³ , ì§ìì ìž í ì€ížì ê°ì ì ì ë íšìŒë¡ìš, ì¬ë¬ë¶ì ììì ë§ì°°ë¡ ê°ë ì°¬ ì¥ë²œìì ë§ì°° ìë êŽë¬žìŒë¡ ë³íìí¬ ì ììµëë€. ì€ë ì¬ë¬ë¶ ìì ì ììì ê°ì¬íìžì. 몚ë íëì ì묞ì ì êž°íê³ , 몚ë ë ìŽëžì ëª íí íë©°, 몚ë ì¬ì©ì ìížìì©ì ë¶ìíìžì. ê·ž 결곌ë ë ëì ì íìšë¿ë§ ìëëŒ, 몚ë ì±ê³µì ìž ë¹ìŠëì€ì ì§ì í êž°ë°ìž ì ìžê³ ê³ ê°ì ìí ë ì¢ê³ 졎ì€ë°ë ì¬ì©ì 겜íìŽ ë ê²ì ëë€.