ð ì§ì ì ìžê³: UIUX ëììŽë â ë¬Žìš ìŒì íëì?
UIUX ëììŽëëŒë ì§ì
ì ëíŽ ë€ìŽë³ž ì ììŒì ê°ì?
ITì
ê³ê° ë ì€ë¥Žê³ , ëì§íž 늬í°ë¬ì ìžë ìŽí ëì ììë¡ êžì±ì¥í ì§ì
ìŽêž°ë íë°ì. íì§ë§ ìì§ê¹ì§ë ìŒë° ëììŽë í¹ì ìë§ì ëì§íž êž°ë°ì ëììŽëë€ê³Œ ì íí 묎ììŽ ë€ë¥ž ê²ìžì§ ìŽíŽíêž° ìŽë µêž°ë í©ëë€.
ê·žë° ë¶ë€ì ìíŽ ì€ë ì§ì
ì ìžê³ììë UIUX ëììŽëì êŽíŽ ì íŽë늜ëë€.
ð 목찚
- UIUX
1) UI
2) UX
3) UI UX ì°šìŽ - UIUX ëììŽë
1) UIUX ëììŽëê° íë ìŒ
2) UIUX ëììŽëì ë±ì¥
3) UIUX? íë¡ëíž? ëììŽë ì§ë¬Žë³ ì¢ ë¥ì íë ìŒ - ìëìŽ íì§ìì ìì볎ë UIUX Q&A
UIUX
UIUXëŒë ëšìŽ, ëêµ°ê°ìê²ë ë묎ëë ìµìíì§ë§ ëêµ°ê°ìê²ë ìì§ êµì¥í ììí ëšìŽìŽêž°ë í©ëë€. UIì UXì ì믞ì ëíŽ ëšŒì ìì볌ê²ì.

UI
UIë User Interfaceì ìœìë¡, ì¬ì©ì(User)ê° ì í, ìë¹ì€, íë¡ê·žëš, êž°ê³ ë±ì ìŽì©í ë ëì곌 ìíµí ì ìë 묌늬ì í¹ì ê°ìì ë§€ê°ì²Žë¥Œ ë§í©ëë€. ížëí°ê³Œ 컎íší°ì í멎, êž°ê³ì ì¡°ì ë²íŒ ë± ì¬ì©ìê° ëìì ìëìí¬ ì ìë ê²ë€ì ìŽë¥Žë ë§ìžë°ì.
êŒ ì ì êž°êž°ì í멎ë§ì ë§íë ê²ìŽëŒêž°ë³Žë€ë ë§ ê·žëë¡ ì¬ì©ìê° ì¬ì©íë ë§€ê°ì 몚ë ê²ì ë§íë ê²ìŽì£ . ì, ìì¹, í¬êž°, í°íž, 구ì±(ë ìŽìì) ë± ì¬ì©ìê° íŽë¹ ë§€ê°ë¥Œ ì¬ì©íêž° ìí ìëšì ëììžì íµíìŽ âUIâëŒê³ ë¶ëŠ
ëë€.
UX
UXë User Experienceì ìœìë¡, ì¬ì©ì(User)ê° ì í, ìë¹ì€, íë¡ê·žëš, êž°ê³ ë±ì ìŽì©í ëì 겜íìì ì€ë ë§ì¡±ë륌 ë§í©ëë€. ê·žê²ìŽ ì€ì ë¡ ìŽì©íêž° ížíëì§, ìíë 목ì ì ë¬ì±íë ê²ì ìŽë €ìì ììëì§ ë± ë€ìí êž°ì€ ìëìì ìì©í©ëë€.
ê·žë êž° ë묞ì UX ëììžì ì¬ì©ìì 겜íì ì€ì ìŒë¡ ê³ ë €íë ëììž ë°©ìì ë»í©ëë€. ìŽ ë²íŒì ìì¹ê° ì¬êž° ìë ê²ìŽ ì ë§ ì¬ì©ììê² íží ê² ë§ëì§, ìŽ íìŒìŽ ì¬êž° ìë ê²ìŽ ì¬ì©ì ëììŽ ëëì§ ë±ì 구ì±íë ê²ìŽì£ . ê·žê²ìŽ ë¬ŽììŽë ì íì ì¬ì©íê³ ë ê³ ê°ìŽ âì, ížíë€!â ëŒê³ ëë ì ìëë¡ ì€ê³íë 곌ì ì
ëë€.
UI UX ì°šìŽ
UIì UX ë ê°ì§ë ë¹ì·í ê²ì²ëŒ ë껎ì§ì§ë§ ì¬ì€ ê°ì§ ììµëë€. UIê° ì¬ì©ìê° ì§ì ìŽì©í ìê°ì ìì륌 ëììžíë ê²ìŽê³ , UXë ì¬ì©ìì â겜íâ ì첎ì ì§ì€íŽ ê°ì²Žì 목ì ì ì¬ì©ìê° ë§ì¡±í ì ìëë¡ êµ¬ì±íë 몚ë ìì륌 ë§íë ê²ìŽì£ .
ìŽ ë ê°ì§ê° 몚ë ì ì í ê³ ë €ëìŽ ë§ë€ìŽì§ ì í(íë¡ëíž)ìŽ ë°ìŽë ì±ê³µì í ì ìê² ì£ . ê·žë êž°ì UXì êž°ë°íì¬ ì íì ì€ê³íê³ , ê·ž ì€ê³ì ë°ëŒ UI륌 ëììžíë ê²ì
ëë€. ê·žë ë€ë©Ž UIUX ëììŽëë ìŽë€ ì¬ëìŒê¹ì?
UIUX ëììŽë
UIUX ëììŽëê° íë ìŒ
UIUX ëììŽëë ììì ë§ìë늰 ë°ì ê°ì ë»ì âUIâì âUXâ륌 ê³ ë €íì¬ ëììžì íë ì¬ëì
ëë€.
ì¬ì€ IT ì
ê³ìë ìŽìžìë ìë§ì ëììŽëì êŽí ëšìŽê° ë§ìµëë€. ìŽ êžì 죌ì ìž UIUX ëììŽëë¶í° íë¡ëíž ëììŽë, ì¹ ëììŽë ë± ë묎ë ë§ì ì§ë¬Žëª
ì ëë¡ë ìŽë€ ìŒì íë ê²ìžì§ í·ê°ëŠ¬êž°ë íëë°ì. UIUX ëììžì ë±ì¥ê³Œ, ë€ë¥ž ëììŽë ì§ë¬Žìë ìŽë€ ì°šìŽê° ìëì§ ê°ëší ìŽíŽë³Œê²ì.
UIUX ëììŽëì ë±ì¥
UIì UXë ìžìì 졎ì¬íì§ ìë ê°ë
ìŽ ìŽë ë ê°ìêž° ë±ì¥í ê²ì ìëëë€. ìžê°ìŽ ìêž° ìì ìžì ë€ë¥ž ë§€ê°ì²Žë¥Œ íµíŽ ë¬Žìžê°ë¥Œ ë§ë€ê³ 겜ííêž° ììíšê³Œ ëìì ììí ê²ìŽë ë§ì°¬ê°ì§ì£ . ë€ë§ ê·ž ëìë ì ì¢ì§ ìì UIì UXê° ì ëë¡ ê³ ë €ëì§ ëª»íë ê²°ê³Œë¬ŒìŽ ììì ë¿ì
ëë€.

컎íší°ì ë±ì¥ê³Œ íšê» ìžê°ìŽ ì»Žíší°ë¥Œ ë³Žë€ ë ì ì¬ì©í ì ìëë¡ ê³ ë €íë ë°©ìì ëí ë
Œìê° ììëììµëë€. 1970ë
ë ìŽë° ë±ì¥í âGUI(ê·žëíœ ì ì ìží°íìŽì€, Graphic User Interface)â ê°ë
ì ììŽìœ, ì°œ, ë©ëŽ ë±ì íµíŽ ê·žëíœìŒë¡ ìì°ì€ëœê² ì¬ì©ì ì ëíŽ ìœë ëë ëª
ë ¹ìŽë¥Œ íµíì§ ìê³ ë 컎íší°ë¥Œ ì¬ì©í ì ìê² íŽ ì£Œìì£ .
ì§êžì ë묎ë ë¹ì°íê² ì¬ë¬ ê·žëíœìŽ ë€ìí 방멎ì ì¬ì©ëê³ ìì§ë§, ëì§íž í겜ìì ê·žëíœì ì¬ì©ìì 컎íší°ë¥Œ ì°ê²°íë ë§€ê°ì²Žë¡ ì¬ì©íë ê²ì 첫 ë²ì§ž 걞ììŽììµëë€. ìŽí PCì ë°ì 곌 ëë¶ìŽ ëì§íž êž°êž°ë€ìŽ íšê» ë¹ ë¥ž ìëë¡ ê³ ëíëêž° ììíë©° UIì ì€ìì± ìì íšê» ëëëêž° ììíìŽì.

âUXâ ëŒë ëšìŽë 믞êµì ìžì§ ì¬ëЬíì ëëë ë
žëšŒ(Donald Norman)ìŽ 1993ë
ì²ììŒë¡ ì ìí ëšìŽì
ëë€. ë¬Œë¡ ê·ž ìŽì ìë âì¬ì©ì 겜íâ ì첎ì ëí ë€ìí ë
Œìì ê°ë
ë€ìŽ ììì§ë§, ìŽ ë ì²ììŒë¡ âUXâ ëŒë ëšìŽê° ë±ì¥í 걎ë°ì. ëëë ë
žëšŒì ë¹ì Apple ì¬ì íë¡ëíž ëììž íì ë¶ì¬ì¥ìŒë¡ ììŒë©Žì ì¬ì©ìê° ìì€í
ì íµíŽ ê²ªë ì²ìë¶í° ëê¹ì§ì 몚ë 곌ì ì ìŒì»«ë ëšìŽë¥Œ ë§ë€ê³ ì¶ìë€ê³ ë§íìµëë€.
ìŽí 2000ë
ë, IT êž°ì
ë€ìŽ ì°šë¡ë¡ ëì§íž ì í(íë¡ëíž)ìŒë¡ ì±ê³µì ê±°ëë©° ê·žë¡ì€ ë§ìŒí
(Growth marketing), 늰-ì ììŒ(Lean-Agile) ê°ë
ë±ê³Œ íšê» UIUXë ì±ê³µì ìž ì í ì¶ìì íìì ìž ììë¡ ì늬ì¡ììµëë€. ê³ ê°ìŽ ì íì ì¬ì©íë©° ëëŒë 겜íì ë§ì¡±ëì ì¬ë¯žì ë§ì¡±ë 몚ë ì€ìíë ìŽì©ë©Ž ë¹ì°í ìŒìŽììµëë€.
ê·žëŠ¬ê³ ìŽë¬í ìëì ë³í ì, UIUX륌 ì 묞ìŒë¡ ë€ë£šë ì§ë¬Žì íìì±ìŽ ëëëêž° ììíì£ . ëšì 믞ì ì ê°ê° íìì ìŽë£šìŽì§ë ìì ìŽ ìëê³ , ê·žë ë€ê³ ì¬ë¯žì ììê° íìì¹ ìì ì€ë¡ì§ ì 볎ë§ìŽ ì€ìí ê²ë ìë ìììŽìêž°ì ìŽì ëí 런족í ìëìŽ ìë ì¬ëìŽ íìíê² ë ê²ì
ëë€.
UIUX ëììŽëë íì¬ IT íëìì ììŽìë ì ë ì¬ëìŒë¡, íë¡ëížì ê³ ê° ë§ì¡±ë륌 ìŽêŽíë©° ë¹ìŠëì€ì 목í ë¬ì±ì êž°ì¬íë ì€ìí ì§êµ°ì
ëë€.
UIUX? íë¡ëíž? ëììŽë ì§ë¬Žë³ ì¢ ë¥ì íë ìŒ

UIUX ëììŽë ìžì IT íëìë ìë§ì ëììŽë ì§ë¬Žê° ììµëë€. ê·žë€ì ìŽë€ ìŒì íê³ , UIUX ëììŽëìë ë ìŽë€ ì°šìŽê° ììê¹ì? ì±ì© ê³µê³ ë±ì§ìì ì죌 ë§ëë³Žì€ ì ìë ëììŽë ì§ë¬Žë€ìŽ íë ìŒì ê°ëší ì íŽë늜ëë€.
íë¡ëíž ëììŽë(Product Designer)
íë¡ëíž ëììŽë(Product Designer)ë ì í(íë¡ëíž, product)ì ì ë°ì ìž ì¬ì©ì 겜í곌 ëììžì ìŽêŽíë ìŒì í©ëë€. ì¬ì©ìê° ì íì ì¬ì©íë 곌ì ìì ë§ì£Œíë 몚ë ëšê³ì ëììžì ììê° ì íì ì±ê²©ê³Œ ëžëë ì€ê³ì 걞ë§ëë¡ ë§ëëë€. íë¡ëíž ëììŽëë ì¬ë¯žì ëììžìë§ êµíëì§ ìê³ , ê·žê²ìŽ ë¹ìŠëì€ì ì§íìë ìŽë í ìí¥ì ë¯žì¹ ì§ë¥Œ ê³ ë €í©ëë€.
ì¹ ëììŽë(Web Designer)
ì¹ ëììŽë(Web Designer)ë ìží°ë· ííìŽì§ë¥Œ 구ì±íê³ ëììžíë ìŒì í©ëë€. ìží°ë· íìŽì§ì ëììž, 구ì±, êžì, ë ìŽìì ë± ííìŽì§ë¥Œ ì€ê³íê³ ë§ëë ìŒì í©ëë€. ì¬ìŽížì ì€ê³ë륌 귞늬ë ìŒê³Œ ë¹ì·íŽ ëë¡ë íë¡ ížìë ê°ë°ìì ë¹êµëêž°ë í©ëë€.
â¶ïž ð íë¡ ížìë ê°ë°ì? ê·žê² ë íë 걎ë°?
ëžëë ëììŽë(Brand Designer)
ëžëë ëììŽë(Brand Designer)ë ëžëëì ììŽëŽí°í°ì ëììžì ë€ë£šë ìŒì í©ëë€. ì°ëЬì ëžëëê° ëì€ë€ìê² ìŽë»ê² ìžìëê³ ì¶ìì§, ê·žë ê² ëêž° ìíŽìë ìŽë€ ëììžì ì°šì©íŽìŒ íëì§ë¥Œ 구ì±íê³ êž°íí©ëë€. ëžëë 컬ë¬ë ë§ì€ìœíž, ëììž êž°ë³ž ê°ìŽë ë±ì ë§ë€êž°ë í©ëë€.
ìœí ìž ëììŽë(Contents Designer)
ìœí ìž ëììŽë(Contents Designer)ë ì ë¬íê³ ì¶ì ë©ìì§ë¥Œ íšê³Œì ìŒë¡ ëŽì ì ìë ìœí ìž ë¥Œ ì€ê³íê³ ëììžíë ìŒì í©ëë€. ë§ìŒí ì¬ìŽëì ê°ê¹ê² í¹ì íšê» ìŒíë 겜ì°ê° ë§ìŒë©°, ìë¡ìŽ í¬ëЬììŽí°ëžë¥Œ íµíŽ ëª©í륌 ë¬ì±í ì ìê² ë§ëëë€.
ìëìŽ íì§ìì ìì볎ë UIUX Q&A
ð¬ UI ëììŽë, ì¹ ëììŽë, íë¡ëíž ëììŽë⊠ìŽë€ ì§ë¬Žë¥Œ ì ííŽìŒ í ì§ ê³ ë¯ŒëŒì.
ëììŽë륌 ê¿êŸžìë ë¶ìŽëŒë©Ž ë구ë ê¶êžíŽíë ê²ë€ìŽ ììµëë€. ê·žë° ë¶ë€ì ìíŽ BXëììŽë, UXëììŽë륌 ê±°ì³ íì¬ íí í¬ êž°ì ìì ëììží 늬ëë¡ ìŒíê³ ê³ì ê¹íêžž ëììŽëëê»ì ì§ì ëµë³íŽ ì£Œì šìµëë€. ì§ì ì ìžê³ UIUX 1ížììë ëììŽë ì§ë¬Ž ì íì ê³ ë¯Œì ëíŽ ê³µì í©ëë€.
ðš ê¹íêžž ëììŽëëì ì¡°ìž
ëììŽë ìììë ëª
ì¹ìŽ ë묎 ë§ë€ë ìŽìŒêž°ì ì ê·¹ ê³µê°í©ëë€. ê° ëª
ì¹ë§ë€ ìŽë€ ìŒì íëì§ì ëí ì ìë íì 졎ì¬íì£ . íì§ë§ ì€ì ë¡ íë ìŒì íì¬ìì ìí 곌 ì±
ìì ì íêž° ëëŠì
ëë€. ê·žë êž°ì ì§ë¬Ž ëª
ì¹ë³Žë€ë ìŽë€ ìŒì íëì§ì ìŽì ì ëê³ ì±ì© ê³µê³ ë¥Œ ìŽíŽë³Žìžì.
ë, 컀늬ìŽë¥Œ ììê°ë 곌ì ìì ì§ë¬Ž ëª
ì¹ì 맀몰ëë ê²ì íŒíìë ê² ì¢ìµëë€. ëª
ì¹ë§ ë³Žê³ ìŒì íê² ë멎 íê³ ì¶ì ìŒê³Œ ë³ê°ì ìŒì íê² ë ê°ë¥ì±ìŽ ëìì. ëŽê° íê³ ì¶ì 'ìŒ'ìŽ ë¬Žììžì§ì ì§ì€íŽ ì±ì¥íë êžžì ë§ë€ìŽ ëê°êž°ë¥Œ ë°ëëë€.
UIUX ëììŽëë ëììžê³Œ ê³ ê°ìŒë¡ íì¬êž ë¹ìŠëì€ ëª©í ì±ì¥ìë ì êŽí ìí¥ì ì€ ì ìë ë§€ë ¥ì ìž ì§ë¬Žì
ëë€. ë°ìŽí°ë¡ íì¬êž ìì
묌ì íê³ í ì ìê³ , ë ëì ë°©í¥ìŽ ìŽë ë°©í¥ìžì§ë¥Œ ììë³Žê³ íë¡ëíž ì첎륌 ì±ì¥ìí¬ ì ìì£ .
UIUX ìëì êŒ ëììŽëë§ìŽ ìëëŒ PM ë± IT ì
ê³ ì ë°ì ë§€ì° ì ì믞íê² ìì©í©ëë€. ìŽë€ ì íì ë§ë€ë ê³ ê°ì ë§ì¡±ëë ì íì ì±ê³µì ê°ì¥ í° ìí¥ì 믞ì¹ë€ê³ íŽë 곌ìžìŽ ìëëê¹ì.
ì§êž ë°ë¡ ëŽìŒë°°ììº í UIUX ížëì íµíŽ ìëì í€ì볎ìžì. ë구ë í°ìŒ ëŒ ì ììµëë€.
êµë¹ ì§ì ë°ê³ ITì ê³ìì ì»€ëŠ¬ìŽ ìë ë°©ë²
ê°ë°ì, ëììŽë, PM, ë°ìŽí° ë¶ìê° ë± ITì ê³ ì§êµ° ì·šì ì êŽì¬ìŽ ììŒì ê°ì?
ìšëŒìž ë¶ížìº í ì€ ì·šì ë¥ 1ì, ì€í륎í ëŽìŒë°°ììº íì ì§ìíŽ ë³Žìžì.
ì¬ì ì§ììŽ ììŽë ë§ì¶€í 컀늬íëŒì íµíŽ ì»€ëŠ¬ìŽë¥Œ 죌ëì ìŒë¡ ì€ê³í ì ìë ìëì Ʞ륌 ì ììŽì.
ìë£ íì ìžíŽì íë¡ê·žëš, íì§ì ë©í ì 1:1 ìŽë ¥ì ìœì¹ ë± ì·šì ì§ì íší€ì§ê° íì ì§ìë©ëë€.
- íŽë¹ ìœí ìž ë ì¬ì ëì ììŽ 2ì°š ê°ê³µ ë° ì늬ì ìž ìŽì©ì êžíê³ ììµëë€.