ð 칌ì ëœììŒë©Ž 묎ëŒë ìë¥Žê² íë UX ë²ì¹ë€ì ììëŽì!ð
2024/05/28
ðì€ëì íì°ë í° Summary
â íì°ì íšê» íë íë«íŒ ížë ë : ììë íëì ìë£ìí€êž° ìí UX ë²ì¹ì ììëŽì!
â íì°ê° ì íë í í¬ ì€ëŒì : 구êž, 칎칎ì€íìŽ, ë°°ë¬ì믌족ì í í¬ ëžë¡ê·ž ììì ìê°í©ëë€!
ð íì°ì íšê» íë íë«íŒ ížë ë
칌ì ëœììŒë©Ž 묎ëŒë ìë¥Žê² íë UX ë²ì¹ë€ì ììëŽì!ðª
#ììŽê°ë¥Žë íšê³Œ #목í ê·žëŒë°ìŽì íšê³Œ #í ì 늬ëì ì늬
2012ë 3ì ëí믌êµì ëŽë ì ë ì€ë ê² ë§ë€ìë ìí, 걎ì¶í ê°ë¡ ì êž°ìµíìëì? ì ì§ ëì êž°ìµ ì ížìë ììë ê² ê°ì 첫 ì¬ë ìì°ìŽì ìŽëì§ ìŽì€íê³ ìœê°ì ì°ì§íë ì¹ë¯ŒìŽì ê°ì ìŽ ìŽì ëìŽ OST âêž°ìµì ìµìâì ë€ì ë€ìŒë©° ì¶ìµì ì êž°ì§ ììŒì šëì? ìŽë ê² ê±Žì¶íê°ë¡ ìí륌 ë³Žê³ í° ì¬ìŽìŽ ëšë ê²ì ìë§ ì°ëŠ¬ìê²ë ìíì§ì§ ìë 첫 ì¬ëìŽ ìêž° ë묞ìŽê² ì§ì. 첫 ì¬ëì âì¬ëâìŽëŒë ë¬ìœ€ 믞ë¬í ê°ì ìŽ ì²ììžë§íŒ í¹ë³í ìë¯žê° ìì§ë§, í¹íë ìŽë£šìŽì§êž° ìŽë µêž° ë묞ì ë ìêž° íë€ë€ê³ í©ëë€. 첫 ì¬ëìŽ ì±ê³µíì¬ ë§ì§ë§ ì¬ëìŽ ëë 겜ì°ê° êµì¥í ë묌Ʞ ë묞ìŽì§ì.
ê·žë°ë° ìŽë ê² ì€ëšë ì¬ê±Ž, ìë£ëì§ ëª»í ìŒìŽ ë ì€ë«ëì êž°ìµì ëšë ì¬ëŠ¬íìì ìŽì©í íë«íŒ êž°ë¥ë€ìŽ ìë€ë ì¬ì€ì ììëì? ì±ê³µíê±°ë ìë£ë ìŒë³Žë€ë ì€ëšëê±°ë 믞ìì±í ìŒ, ì€ìê° ììë ìŒì ëíŽ ë ì êž°ìµíë íìì âììŽê°ë¥Žë íšê³Œ(Zeigarnik Effect)âëŒê³ íëë°ì. ì€ë íì°ì íšê» ìŽíŽë³Œ ëŽì©ì ììŽê°ë¥Žë íšê³Œë¥Œ í¬íšíì¬ í¹ì í íëìŽ ììëê³ ë ìŽíì ìŽë¥Œ ìšì í ìë£ìí€êž° ìíŽ íì©íë ì¬ëŠ¬íìì íì©í UX ë²ì¹ì ìì볎ìì!
ììë íëì ìë£ìí€êž° ìí UX ë²ì¹ë€ ð®
ì§ë íì°ë í°ë€ììë ìì íšê³Œ(Endowment Effect)ë ë¶ì¬ë ì§í íšê³Œ(Endowed Progress Effect) ë± í¹ì íëì ì ë°í ì ìë UXë²ì¹ë€ì ë§ìŽ ìì볎ìëë°ì. ì€ëì íë² ììë ì¬ì©ìì íëì ë맺Ʞ ìíŽ ì¬ì©íë UX ë²ì¹ë€ì ìŽì ì ë§ì¶ìŽ ì€ëª ë늎ê²ì.
ì¬ì©ìì íëìŽ ììë ìŽíì íì©í ì ìë ì¬ëŠ¬ íììŽë UXë²ì¹ì í¬ê² 3ê°ì§ë¡ 볌 ì ììŽì. 뚌ì ìì ì€ëª ë늰 âììŽê°ë¥Žë íšê³Œ(Zeigarnik Effect)âì 목í ê·žëŒë°ìŽì íšê³Œ, ê·žëŠ¬ê³ íëì ë§ë¬ŽëŠ¬ ëšê³ìì ì¬ì©í ì ìë âí ì 늬ëì ì늬(Tension Reduction Principle)âìŽ ììŽì. íëì© ìŽíŽë³Žì€ê¹ì?
ðìŽë£šì§ 못í ì¬ëì ìœê² ìí ì§ì§ ìë ë², ììŽê°ë¥Žë íšê³Œ(Zeigarnik Effect)
âììŽê°ë¥Žë íšê³Œâë â믞ìì±ì íšê³ŒâëŒê³ ë íëë°ì. ììŽê°ë¥Žëì ë¬ìì ì¬ëŠ¬í곌 íë¶ììŽìë ì¬íì, ëžë£šë§ ììŽê°ë¥Žë(Bluma Zeigarnik)ì ìŽëŠìì ë°ììŽì. ììŽê°ë¥ŽëìŽ ì죌 ê°ë ìë¹ì ìë í ì¢ ì ììŽ ë§ì 죌묞ì ëìì ë°ìë ê·ž ëŽì©ì 몚ë ì벜íê² êž°ìµíì§ë§, ê³ì°ìŽ ëë íìë 묎ìì 죌묞íëì§ êž°ìµíì§ ëª»íë ì¬ê±Žì ì°©ìíì¬ ë°ê²¬í íììŽëŒê³ íëë°ì. ìŽë¬í íìì ëšìí ìŽ ì¢ ì ììê²ë§ ëíëë íìì ìëììŽì.
ì€ì í ì€íì íµíŽ ì°ëŠ¬ì êž°ìµìŽ 믞ìì±ë ì¬ê±Žì ëíŽ ë ëë ·íê² êž°ìµëë€ë ê²ì íìží ì ììì§ì. ìŽ ì€íì ì°žê°ìë€ì í¬ê² ë ë¶ë¥ë¡ ëë ì ê°ëší 곌ì 륌 ì£Œê³ , íŒì€íìë€ìê² ê³Œì 륌 íê² íììŽì. í ì§ëšì ëíŽìë 곌ì 륌 ëë§ì¹ëë¡ íê³ , ë€ë¥ž ì§ëšì ëíŽìë 곌ì 륌 íë ëì€ ì€ëšíëë¡ íì§ì. ê·žëŠ¬ê³ ëì ì€íìë€ì ëíŽ ê³Œì ì ëí êž°ìµì ì¡°ì¬íì ë, 곌ì 륌 ì ë¶ ëë§ì¹ ì§ëšì ë¹íŽ 곌ì 륌 ì€ëší ì§ëšì êž°ìµìŽ 1.9ë°°ë ëê² ëíëë íìì ë°ê²¬í ì ìììŽì.
ìŽì²ëŒ ì°ëŠ¬ë ìë£íì§ ëª»í ìŽë€ ìŒë€ì ì€ë«ëì êž°ìµíë ìµêŽìŽ ìëë°ì. íë«íŒììë ìŽë° ììŽê°ë¥Žë íìì ìŽì©íì¬ ì¬ì©ìë€ì íëì ì²ì곌 ëì ë¶ì¬íê³ , íì¬ ì¬ì©ìì 곌ì ìŽ ë¬ì±ëìŽ ê°ë 곌ì ì€ì ììì ìžì§ìíµëë€. ìŽë¡ìš ìì±íêž°ê¹ì§ ê³ì êž°ìµìŽ ëëë¡ íë íšê³Œë¥Œ ì ëíë ê²ìŽì§ì.
ë§ì íë«íŒë€ìì ìŽë í íëì ì§íìí©ì ëíŽ íë¡ê·žëì€ë°ë¥Œ ì ê³µíê³ ììµëë€. ì¬ì©ìê° ìŽ íëìŽ ìë£ëêž°ê¹ì§ ììŒë¡ ìŒë§ë ë ì§íëìŽìŒ íëì§ì ëí ìžì§ë¥Œ ì ê³µíê³ ì íë 목ì ë ìì§ë§, ìŽë¥Œ íµíŽì ìŽ íëì ìë£íì§ ììì ëì ê³ìíŽì êž°ìµëê²ëíë ììŽê°ë¥Žë íšê³Œë¥Œ íì©í ì¬ë¡ë¡ë 볌 ì ììµëë€.
ìŽì ìŒë§ ì ëšììŽ, 목í ê·žëŒë°ìŽì íšê³Œ(Goal Gradient Effect)ðââïž
ííž, ììŽê°ë¥Žë íšê³Œìì ë§ë¶ì¬ íì©í ì ìë ì¬ëŠ¬ íììŒë¡ â목í ê·žëŒë°ìŽì íšê³Œ(Goal Gradient Effect)ê° ììµëë€. 목í ê·žëŒë°ìŽì íšê³Œë 목íì ê°ê¹ìì§ìë¡ ëêž°ê° ìŠê°íë íìì ì믞í©ëë€. 1934ë ìì€ìœì , ììŒ ëí ì¬ëŠ¬í êµììž íŽëŒí¬ í(Clark Hull) êµìë ì¥ë€ì ë°ëŠ¬ê³ 믞ë¡ë¥Œ ë¹ ì žëê° ììì ì°Ÿëë¡ íë ì€íì í©ëë€. ê·žë°ë° í¹ìŽíê²ë 믞ë¡ì ë§ì§ë§ 목íì ì ê°ê¹ìì§ìë¡ ì¥ë€ì ìëê° ëì± ë¹šëŒì§ë íìì ë°ê²¬í ì ììëë°ì. ìŽì ì°©ìíŽì 목í ë¬ì±ê¹ì§ì ëšì ê±°ëŠ¬ê° ì§§ììë¡ ëª©í륌 ì±ì·šíêž°ìíŽ ë ìë ¥ì ëŽë íìì ë°ê²¬íê² ë©ëë€.
ê·žëì íë«íŒ ìììë ì€ì ë¡ ì§í 곌ì ë§ì 볎ì¬ì£Œë ê²ìŽ ìëëŒ, ì§í 곌ì ì ëì ê°ê¹ìì§ìë¡ ë§ì§ë§ ëšê³ì ëë¬íŽê°ì ìžì§ììŒì ëꞰ륌 ëì± ìŠê°ìí€êž°ë í©ëë€. ì륌 ë€ë©Ž ììŽ ê³µë¶ íë«íŒìì íìµ ëª©íì ë€ê°ê°ìë¡ âì¡°êžë§ ë ê³µë¶íë©Ž 목í ë¬ì±âë±ì ìë©ì ë žì¶ìíšë€ë ê°, 목í ì€ì ì íë ì¬ì©ì íëì ì ëíêž° ìíŽ âìŽì ë€ ììŽì!âëŒë ìë©ì ì¬ì©í ì ìì§ì.
ë¹ìŒ ê±° ì¬ì ê¹ì ëŒì íêž°ê° ê°ë¥í, í ì 늬ëì íšê³Œ(Tension Reduction Effect)ðïž
ë§ì§ë§ìŒë¡ ìê°ë늎 ì¬ëŠ¬ íìì ë°ë¡ í ì 늬ëì íšê³Œìì. í ì 늬ëì íšê³Œë ë¹ìŒ ìë¹ì€ë ìíì 구맀í ìŽí, ì¶ê°ë¡ 구맀íë ì°ê³ ìíì ëíŽìë ê°ë³ê² ëëŒë íìì ì믞íŽì. íë§ëë¡, ë¹ìŒ 묌걎ì ì° êµ¬ë§€ìì ꞎì¥ê°ìŽ íŽìëìŽ ì¶ê° 구맀 ì ëê° ì¬ìì§ë íììŽì§ì. ì€ì ë¡ ë©ìž ìíì 구맀í ìŽíì ì°ê³ ìí ì¶ì² ì êµ¬ë§€ë¡ ì íëë ë¹ìšì ìœ 30% ê°ëìŽëŒë ì°êµ¬ 결곌ë ìëë°ì. ì€ì ë¡ ì»€ëšžì€ íë«íŒë€ììë ìŽë¬í í ì 늬ëì íšê³Œë¥Œ íì©í ì¬ë¡ë€ì ì¬ì¬ì¹ ìê² ì°Ÿì볌 ì ììŽì.
ì륌 ë€ë©Ž, ì¿ í¡ êµ¬ë§€ ê²°ì ìŽíì ì¥ë°êµ¬ë íë©Žìì âê°ìŽ 볎멎 ì¢ì ìíâ, âìëê°ë íë ì ì ì¡ë ììŽìâ, âì±ì±í ìì°ë¬Œë ëë¬ë³Žìžìâ ë± ì íë©ŽìŽ ê·žë° ìí ì í ì ìì§ì.
ð€íì° Talk
ì€ëì ì¬ì©ìì íëìŽ ììë ìŽíì ìŽë¥Œ ìë£ìí€êž° ìíŽ íì©í ì ìë ì¬ë¬ ì¬ëŠ¬ íìë€ì ìì볎ììŽì. ì¬ì©ìì íëì ìììí€ë ê²ë ì€ìíì§ë§, ì€ê°ì ìŽíìŽ ë°ìíì§ ìê³ ìë£ê¹ì§ ëë¬íê² íë ê²ë íë«íŒ ë©ìŽì»€ê° ê³ ë¯ŒíŽìŒí 죌ì 곌ì ëê¹ì. ì€ì ë¡ êž°ë¥ì ìŽì© 곌ì ì ììŽë ì¬ì©ìë€ì ë°ìŽí° ë¶ìì íµíŽ íëì ìŽíìŽ ë°ìíë ìì ì íì íê³ , ìŽë¥Œ íŽê²°íë 곌ì ìì ìì ì€ëª í íšê³Œë€ì ì ê·¹ íì©íŽë³Žë ê²ë ì¢ì ê² ê°ìµëë€.
ðš íì°ê° ì íë í í¬ ìì
íì°ê° ìê°íë ì£Œê° í í¬ ìì
ìŽë² 죌 íì°ê° ìì í 죌ì í í¬ ëžë¡ê·ž ìì íë² ìì볌ê¹ì?
1ïžâ£ [Google] ìëíí° ì¿ í€ ìë ìë륌 ìí 구êžì ì ëµ
ëŽë ìŽìë ìëíí° ì¿ í€ì ì¬ì©ìŽ ì€ëšë ê³íìŽëŒë ëŽì©ì ë§ìŽ ë€ìŽë³Žì šìí ë°ì. íì¬ ì¿ í€ì ìì¡Žíë ëì§íž ë§ìŒí°ëŒë©Ž ìŽë¬í ë³íì ë°ë¥ž ë€ìí ìí¥ë€ì ê³ ë¯ŒíŽ ë³Œ íìê° ììµëë€. ìëíí° ì¿ í€ ìë 믞ëì ëë¹íë ë°©ë²ìŽ ê¶êžíìë€ë©Ž 볞묞ì íµíŽ íìžíŽë³Žìžì!
2ïžâ£ [칎칎ì€íìŽ] APIììŽ ì¹ ì ëë©ìŽì 구í: ìží°ëí°ëž ì¹ ê°ë° 1íž
칎칎ì€íìŽ ì±ë FEíížìì íë¡ ížìë ê°ë°ì íê³ ìë ëìšëê»ì ëŒìŽëžë¬ëŠ¬ë¥Œ ì¬ì©íì§ ìê³ ìí곌 묌늬륌 ìŽì©íì¬ ì¹Žì¹Žì€íìŽì ìží°ëí°ëž ì¹ ì ëë©ìŽì ì ê°ë°í 겜íì ê³µì íŽì£Œì šìŽì! ëŒìŽëžë¬ëŠ¬ ììŽ ì§ì ê°ë°íë©Ž 묞ì íŽê²° ë¥ë ¥ì í€ì°ê³ , ì°œìì ìŒë¡ ê°ë°íë ë° ëììŽ ëë€ë ê²ì ê°ì¡°íŽì£Œì šëë°ì. ììží ëŽì©ì 볞묞ì íµíŽ íìžíŽ 볎ìžì!
ì§ë 4ì 23ìŒ, YouTube ì€ìê° ì€ížëŠ¬ë°ì íµíŽ <ì°ìíí í¬ìžë¯žë>ê° ìŽë£šìŽì¡ìµëë€. êž°ì¡Ž Javaì ì€ë ë 몚ëžì íë°ê¿íì¬, ꞎ I/O blocking time, ìŠì Context switchingìŽ ë°ìíë ìë² í겜ì ë§ë 겜ë ì€ë ë êž°ì ìž Virtual Thread륌 죌ìí 죌ì ë¡ ëìì늬ì 구íë°©ìì í구íŽë³Žììµëë€. ì°ìííì ë€ íì ê¹íí ìë²ê°ë°ìëì ê°ì°ì íšê» ë€ìŽë³Žìì§ì!
ë§€ìŒ í, êž ì€ì 6ì ëŽì€ë í°ë¥Œ íµíŽ ì ë¬ë°ê³ ì¶ìŒì ë¶ì ìë ë§í¬ë¥Œ íµíŽ 구ë ë¶íë늜ëë€!