κ΅μ‘ μ½ν μΈ
π€ "νΌκ·Έλ§, λμμ΄λκ° μλμ΄λ λ°°μμΌ ν κΉ?" νμ νμ ν΄μ μ§μ€
νμ¬μμ μλ‘μ΄ νλ‘μ νΈκ° μμλμ΅λλ€. κΈ°νμμ λ°νμΌλ‘ λμμ΄λκ° μμμ λ§λ€μ΄ 곡μ νλλ°, νΌκ·Έλ§ λ§ν¬λ‘ μ λ¬λ©λλ€. ν΄λ¦ν΄λ³΄λ λκ° λ³΅μ‘ν΄ λ³΄μ΄λ νλ©΄μ΄ λνλμ£ . "μ΄κ±°... μ΄λ»κ² 보λ κ±°μ§?"
κ°λ°ν νμμμλ "μ΄ μ»΄ν¬λνΈ κ°κ²©μ΄ 16pxμΈλ°, λͺ¨λ°μΌμμλ 12pxλ‘ μ€μ¬μΌ ν κ² κ°μμ"λΌλ μ΄μΌκΈ°κ° μ€κ°λλ€. κΈ°νμμΈ λλ κ·Έλ₯ "λ€, μκ² μ΅λλ€"λΌκ³ λλ΅νμ§λ§, μ¬μ€ λ¬΄μ¨ λ§μΈμ§ μ νν μ΄ν΄νμ§ λͺ»νμ΅λλ€.
μ΄λ° μν©, νΉμ μ¬λ¬λΆλ κ²½νν΄λ³΄μ ¨λμ?
(μΆμ² : https://n.news.naver.com/mnews/article/018/0006025294?sid=101)
νΌκ·Έλ§, μ΄μ λμμ΄λλ§μ μ μ λ¬Όμ΄ μλλ€
μ΅κ·Ό IT μ κ³μμ νΌκ·Έλ§λ λ¨μν λμμΈ ν΄μ λμ΄ 'ν νμ μ μ€μ¬'μ΄ λμμ΅λλ€. ꡬκΈ, λ€μ΄λ², μΉ΄μΉ΄μ€ λ± μ£Όμ κΈ°μ λ€μ΄ νΌκ·Έλ§λ₯Ό νμ νμ€μΌλ‘ μ±ννλ©΄μ, μ΄μ λ κΈ°νμ, κ°λ°μ, λ§μΌν°κΉμ§ λͺ¨λ νΌκ·Έλ§λ₯Ό λ€λ£° μ€ μμμΌ νλ μλκ° λμμ£ .
νΉν μ μμΌνκ² μΌνλ μ‘°μ§μμλ νΌκ·Έλ§λ₯Ό λͺ¨λ₯΄λ©΄ νλ‘μ νΈ λ Όμ μ체μμ μμΈλλ κ²½μ°κ° λ§μ΅λλ€. λμμ΄λκ° "μ΄ μ»΄ν¬λνΈλ₯Ό μ¬μ¬μ©ν΄μ..."λΌκ³ λ§ν λ, κ·Έ μλ―Έλ₯Ό μ νν μ΄ν΄νμ§ λͺ»νλ€λ©΄ ν¨κ³Όμ μΈ νΌλλ°±μ μ€ μ μκ±°λ μ.
β
"λλ λμμ΄λκ° μλλ° κ΅³μ΄ λ°°μμΌ νλ?"
μ΄λ° μ§λ¬Έμ νμλ λΆλ€μ΄ λ§μ΅λλ€. νμ§λ§ νμ€μ 보면 λ΅μ λͺ νν©λλ€. νΌκ·Έλ§λ₯Ό μλ κ²κ³Ό λͺ¨λ₯΄λ κ² μ¬μ΄μλ νμ ν¨μ¨μ±μμ μμ²λ μ°¨μ΄κ° λ©λλ€.
β
π κΈ°νμμκ² νΌκ·Έλ§κ° νμν μ΄μ
κΈ°νμκ° νΌκ·Έλ§λ₯Ό μλ©΄ λμμ΄λμμ μν΅μ΄ μμ ν λ¬λΌμ§λλ€. "μ¬κΈ° λ²νΌμ μ’ λ λμ λκ² ν΄μ£ΌμΈμ"λΌλ μ λ§€ν μμ² λμ , "Primary λ²νΌμ μμμ Brand Colorλ‘ λ³κ²½νκ³ , Corner Radiusλ₯Ό 8pxλ‘ λ§μΆ°μ£ΌμΈμ"λΌκ³ ꡬ체μ μΌλ‘ μν΅ν μ μμ΄μ. λ μ€μν 건, λμμ΄λκ° λ§λ νλ‘ν νμ μ μ§μ μ‘°μν΄λ³΄λ©΄μ UX νλ‘μ°λ₯Ό μ νν νμ ν μ μλ€λ μ μ λλ€. κΈ°ν μλμ μ€μ ꡬνλ νλ©΄ μ¬μ΄μ κ°κ²©μ μ€μΌ μ μμ£ .
π» κ°λ°μμκ² νΌκ·Έλ§κ° νμν μ΄μ
"λμμΈμ λμμ΄λκ° νλ κ±° μλκ°?"λΌκ³ μκ°νλ κ°λ°μλΆλ€μ΄ λ§μ΅λλ€. νμ§λ§ νΌκ·Έλ§λ₯Ό μλ©΄ κ°λ° ν¨μ¨μ±μ΄ ν¬κ² ν₯μλ©λλ€. νΌκ·Έλ§μμ CSS μ½λλ₯Ό λ°λ‘ μΆμΆν μ μκ³ , μ»΄ν¬λνΈλ³ μ€νμΌ κ°μ΄λλ₯Ό μ ννκ² νμ ν μ μμ΄μ. λμμ΄λμκ² "μ΄ λ²νΌ μκΉμ΄ λμμ?"λΌκ³ λ§€λ² λ¬»μ§ μμλ λμ£ . νΉν λ°μν μΉμ κ°λ°ν λ, νΌκ·Έλ§μ Auto Layout κ°λ μ μ΄ν΄νλ©΄ CSS Flexboxλ Gridλ₯Ό ν¨μ¬ ν¨κ³Όμ μΌλ‘ νμ©ν μ μμ΅λλ€.
π’ λ§μΌν°μκ² νΌκ·Έλ§κ° νμν μ΄μ
λ§μΌν νμμ νΌκ·Έλ§λ₯Ό νμ©νλ©΄ λμμ΄λ μμ‘΄λλ₯Ό ν¬κ² μ€μΌ μ μμ΅λλ€. κ°λ¨ν λ°°λλ μμ λ―Έλμ΄ μ½ν μΈ λ₯Ό μ§μ λ§λ€ μ μκ³ , A/B ν μ€νΈμ© λμμΈ μμλ λΉ λ₯΄κ² μ μ κ°λ₯ν΄μ. λμμΈ μμ²λΆν° μμ±κΉμ§ 걸리λ μκ°μ νκΈ°μ μΌλ‘ λ¨μΆμν¬ μ μμ£ . λΈλλ κ°μ΄λλΌμΈμ νΌκ·Έλ§λ‘ κ΄λ¦¬νλ©΄, μΈλΆ ννΈλμ¬λ ν리λμμ νμ ν λλ μΌκ΄λ λμμΈμ μ μ§ν μ μμ΄μ.
νμ λμμΈ λΆμΌ 1μ κ°μμ λΉλ°
κ·Έλμ μ΄λ²μ μκ°λλ¦¬κ³ μΆμ κ΅μ‘μ΄ λ°λ‘ λ―Ό νν°μ 'λ΄ λͺΈκ°μ μ¬λ €μ£Όλ κ°λ ₯ 무기 <μ€λ¬΄ νΌκ·Έλ§ λμμΈ>' κ³Όμ μ λλ€. μ΄ κ°μκ° νμ λμμΈ λΆμΌ 1μλ₯Ό μ°¨μ§νκ³ μλ μ΄μ λ λ¨μν νΌκ·Έλ§ κΈ°λ₯λ§ κ°λ₯΄μΉλ κ²μ΄ μλλΌ, λμμΈμ 곡μκ³Ό λ²μΉμ 체κ³μ μΌλ‘ μλ €μ£ΌκΈ° λλ¬Έμ λλ€.
β
π― λμμ΄λμκ²λ μ¬μ ν νμν μ΄μ
"λμμ΄λλ μ΄λ―Έ νΌκ·Έλ§ μ°κ³ μλλ° κ°μκΉμ§ νμν΄?" λΌκ³ μκ°νμ€ μ μμ΅λλ€. νμ§λ§ νΌκ·Έλ§λ₯Ό μ°λ κ²κ³Ό μ λλ‘ νμ©νλ κ²μ λ€λ¦ λλ€. λ§μ λμμ΄λλ€μ΄ νΌκ·Έλ§μ κΈ°λ³Έ κΈ°λ₯λ§ μ¬μ©νκ³ , μ»΄ν¬λνΈ μμ€ν μ΄λ λμμΈ ν ν° κ°μ κ³ κΈ κΈ°λ₯μ μ λλ‘ νμ©νμ§ λͺ»νκ³ μμ΄μ. νΉν ν λ¨μλ‘ μΌν λ νμν νμ μν¬νλ‘μ°λ λ²μ κ΄λ¦¬ λ°©λ²μ λͺ¨λ₯΄λ κ²½μ°κ° λ§μ£ . 체κ³μ μΈ λμμΈ μμ€ν μ ꡬμΆν μ μλ€λ©΄, λμμΈ μμ μλκ° 3λ°° μ΄μ λΉ¨λΌμ§κ³ ν μ 체μ ν¨μ¨μ±μ΄ ν¬κ² ν₯μλ©λλ€.
β
π μ€λ¬΄μμ λ°λ‘ μ¨λ¨Ήλ 컀리νλΌ
λ―Ό νν°μ κ°μλ μ΄λ‘ 보λ€λ μ€λ¬΄ μ€μ¬μΌλ‘ ꡬμ±λμ΄ μμ΅λλ€.
β
- 1λ¨κ³: λμμΈ κΈ°λ³Έ μ리 μ΅λ
λ¨μν νΌκ·Έλ§ κΈ°λ₯λ§ μλ €μ£Όλ κ²μ΄ μλλΌ, μ μ΄λ κ² λμμΈν΄μΌ νλμ§μ λν μ리λΆν° μ€λͺ ν©λλ€. μμ μ‘°ν©μ λ²μΉ, νμ΄ν¬κ·ΈλνΌ μμΉ, λ μ΄μμ κ΅¬μ± λ°©λ² λ±μ 체κ³μ μΌλ‘ λ°°μΈ μ μμ΄μ.
- 2λ¨κ³: νΌκ·Έλ§ ν΅μ¬ κΈ°λ₯ λ§μ€ν°
λμμΈ μ리λ₯Ό λ°νμΌλ‘ νΌκ·Έλ§μ ν΅μ¬ κΈ°λ₯λ€μ νλμ© μ΅νλλ€. μ€ν λ μ΄μμ, μ»΄ν¬λνΈ, λ² λ¦¬μΈνΈ λ± μ€λ¬΄μμ μμ£Ό μ°λ κΈ°λ₯λ€μ μ§μ€μ μΌλ‘ λ€λ£Ήλλ€.
- 3λ¨κ³: μ€μ νλ‘μ νΈ μμ±
λ°°μ΄ λ΄μ©μ λ°νμΌλ‘ μ€μ μΉμ¬μ΄νΈλ μ± νλ©΄μ μ²μλΆν° λκΉμ§ μμ±ν΄λ΄ λλ€. μ΄ κ³Όμ μμ λμμΈ μμ€ν κ΅¬μΆ λ°©λ²κ³Ό ν¨μ¨μ μΈ μμ νλ‘μ°λ₯Ό ν°λν μ μμ΄μ.
μ€μ κΈ°μ λ€μ μμν λ³ν μ¬λ‘
A μ€ννΈμ κΈ°νν (ν κ΅μ‘ ν)
"κΈ°νμ 3λͺ μ΄ λͺ¨λ νΌκ·Έλ§λ₯Ό λ°°μ°κ³ λμ λμμ΄λμμ μν΅μ΄ μμ ν λ¬λΌμ‘μ΄μ. μ΄μ μλ 'μ¬κΈ° μ’ λ μμκ² ν΄μ£ΌμΈμ'λΌκ³ μ λ§€νκ² μμ²νλ€λ©΄, μ΄μ λ ꡬ체μ μΈ μμΉμ μ»΄ν¬λνΈλ‘ μν΅ν©λλ€. μμ νμκ° μ λ°μΌλ‘ μ€μμ΄μ."
B κ°λ°νμ¬ λμμΈν (5.0μ )
"ν¬ν μ΅λ§ μ°λ λμμ΄λ 2λͺ μ΄ νΌκ·Έλ§λ‘ μ ννλλ°, κ°λ°ν νΌλλ°±μ΄ νμ€ν λ¬λΌμ‘μ΅λλ€. 'ꡬν λΆκ°λ₯ν λμμΈ'μ΄λΌλ λ§μ λ μ΄μ λ£μ§ μκ² λμκ³ , λμμΈ μμ€ν ꡬμΆμΌλ‘ μΌκ΄μ±λ ν¬κ² ν₯μλμ΄μ."
C λ§μΌν μμ΄μ μ (νμ₯, 5.0μ )
"λ§μΌν°λ€μ΄ νΌκ·Έλ§λ₯Ό λ°°μ°κ³ λλ λμμ΄λμκ² μμ‘΄νμ§ μκ³ λ κ°λ¨ν λ°°λλ μΉ΄λλ΄μ€λ₯Ό μ§μ λ§λ€ μ μκ² λμ΄μ. μ 무 μλκ° 30% μ΄μ λΉ¨λΌμ‘κ³ , λμμ΄λλ λ μ€μν μμ μ μ§μ€ν μ μκ² λμμ΅λλ€."
μ€μ λ‘ μ΄ κ°μλ μκ°μ λ§μ‘±λ 99%λ₯Ό κΈ°λ‘νκ³ μμΌλ©°, 5λ§ λͺ μ΄μμ΄ μκ°ν κ²μ¦λ μ½ν μΈ μ λλ€.
β
β
λ¨μ κΈ°λ₯ μ€λͺ μ λμ΄μ μ°¨λ³νλ μ κ·Ό
μμ€μ λ€λ₯Έ νΌκ·Έλ§ κ°μμ μ΄ κ³Όμ μ κ°μ₯ ν° μ°¨μ΄μ μ λμμΈ μ¬κ³ λ₯Ό κΈ°λ₯Ό μ μλ€λ μ μ λλ€. "μ΄ λ²νΌμ μ μ΄ μμΉμ μμ΄μΌ ν κΉ?", "μ¬μ©μκ° μ΄ νλ©΄μμ 무μμ μν κΉ?"μ κ°μ λ³Έμ§μ μΈ μ§λ¬Έλ€μ λμ§λ©΄μ, νΌκ·Έλ§λ κ·Έ λ΅μ ꡬννλ λκ΅¬λ‘ νμ©νλ λ°©μμ΄μ£ . νΉν 1:1 컨μ€ν λ°©μμΌλ‘ μ§νλμ΄, κ°μΈμ μ 무 νκ²½κ³Ό λͺ©νμ λ§μΆ λ§μΆ€ν νμ΅μ΄ κ°λ₯ν©λλ€. λ§ν λΆλΆμ΄ μμΌλ©΄ λ°λ‘ μ§λ¬Ένκ³ ν΄κ²°ν μ μμ΄, νΌμ 곡λΆν λ κ²ͺλ λ΅λ΅ν¨μ΄ μ ν μμ΅λλ€.
β
VODλ‘λ, μΆκ° κ΅μ‘μΌλ‘λ λ§λ보μΈμ
μ¨λΌμΈ VOD νμ΅μ μ₯μ :
-
κ°μΈ νμ΅μλ λΆλ΄ μμ΄ μμ κ°λ₯
-
λ°λ³΅ νμ΅μΌλ‘ μμ ν 체ν κ°λ₯
-
체κ³μ μΈ λ¨κ³λ³ 컀리νλΌ
-
μΈμ μ΄λμλ μμ λ‘μ΄ νμ΅ μ§λ
μΆκ° κ΅μ‘μ μ₯μ :
-
μ°λ¦¬ ν μν©μ λ§μΆ€ν 컀리νλΌ κ΅¬μ±
-
μ€μκ° Q&Aλ‘ μ¦μμμ λ¬Έμ ν΄κ²°
-
νμλ€κ³Ό ν¨κ» νμ΅νλ©° νμ μλ κ°ν
-
μ€μ΅κ³Ό νΌλλ°±μ ν΅ν κΉμ΄ μλ νμ΅
πΌ λ μ΄μ λ―Έλ£° μ μλ νΌκ·Έλ§ μλ
λμμΈ μ κ³μμ νΌκ·Έλ§λ μ΄λ―Έ νμ€μ΄ λμμ΅λλ€. ν¬ν μ΅λ§ μλ μλλ μ§λ¬κ³ , μ΄μ λ νΌκ·Έλ§λ₯Ό λ€λ£° μ€ μλ κ²μ΄ κΈ°λ³Έ μμμ΄ λμμ£ . νμ§λ§ λ¨μν κΈ°λ₯λ§ μ΅νλ κ²μΌλ‘λ λΆμ‘±ν©λλ€. λμμΈμ μ리λ₯Ό μ΄ν΄νκ³ , κ·Έκ²μ νΌκ·Έλ§λ‘ ν¨κ³Όμ μΌλ‘ ꡬνν μ μλ λ₯λ ₯μ΄ μ§μ§ μ€λ ₯μ΄κ±°λ μ. λ―Ό νν°μ 'μ€λ¬΄ νΌκ·Έλ§ λμμΈ' κ³Όμ μ μ΄λ‘ κ³Ό μ€λ¬΄λ₯Ό κ· ν μκ² νμ΅ν μ μλ λͺ μ λλ κ΅μ‘μ λλ€. νμ λμμΈ λΆμΌ 1μλΌλ νμ΄νμ΄ κ΄ν λμ¨ κ² μλλΌλ κ±Έ, μκ°ν΄λ³΄μλ©΄ λ°λ‘ λλΌμ€ μ μμ κ±°μμ.
β
π― VOD λ¨μ²΄ μκ° λ¬ΈμνκΈ° >
κ°λ³ νμ΅μΌλ‘ νΌκ·Έλ§ κΈ°μ΄λΆν° μ€λ¬΄κΉμ§ 체κ³μ μΌλ‘ λ°°μ°κ³ μΆλ€λ©΄, νμ VODλ₯Ό ν΅ν΄ μμν΄λ³΄μΈμ.
β
π€ λ―Ό νν° μΆκ°κ΅μ‘ λ¬ΈμνκΈ° >
μ°λ¦¬ ν μ μ²΄κ° νΌκ·Έλ§ μλμ κ°μΆκ³ νμ
ν¨μ¨μ±μ λμ΄κ³ μΆλ€λ©΄, μΆκ° κ΅μ‘μ ν΅ν΄ λ§μΆ€ν κ΅μ‘μ λ°μ보μΈμ.
μ¬λ¬λΆμ λμμΈ μλκ³Ό νμ
λ₯λ ₯μ ν λ¨κ³ λμ΄μ¬λ €μ€ νΌκ·Έλ§ κ΅μ‘, νμκΈ°μ
κ΅μ‘κ³Ό ν¨κ» μμν΄λ³΄μκΈΈ λ°λλλ€.