๐ก UXUI/UXUI
[UXUI] ๋น์ฆ๋์ค ๋ชจ๋ธ ์ฉ์ด ์ ๋ถ ์์๋ณด๊ธฐ : B2B, B2C, SaaS ์ธ 9๊ฐ์ง
1. B2B (Business to Business) ๊ธฐ์ ๊ฐ ๊ฑฐ๋ ๊ธฐ์ ๊ฐ ๊ฑฐ๋๋ฅผ ์๋ฏธํ๋ ์ฉ์ด๋ก, ๊ธฐ์ ์ด ๋ค๋ฅธ ๊ธฐ์ ์๊ฒ ์ํ์ด๋ ์๋น์ค๋ฅผ ํ๋งคํ๋ ๋ชจ๋ธ์ ๋๋ค. B2B ๊ฑฐ๋๋ ์ผ๋ฐ์ ์ผ๋ก ๋๋ ์ฃผ๋ฌธ, ์ฅ๊ธฐ ๊ณ์ฝ, ๋ง์ถคํ ์๋น์ค ๋ฑ์ด ํน์ง์ ๋๋ค. ์์ - ์ผ์ฑ์ ์ : ์ ์ธ๊ณ์ ๋ค์ํ ๊ธฐ์ ๋ค์ ๋ฐ๋์ฒด ๊ณต๊ธ 2. B2C (Business to Consumer) ๊ธฐ์ ๊ณผ ์๋น์ ๊ฐ ๊ฑฐ๋ B2C ๋ชจ๋ธ์์๋ ๊ธฐ์ ์ด ์ต์ข ์๋น์์๊ฒ ์ํ์ด๋ ์๋น์ค๋ฅผ ํ๋งคํฉ๋๋ค. ์ด ๊ธฐ์ ์ ์ ์กฐ์ ์ฒด์ผ ์๋ ์๊ณ , ์๋งค์ ์ฒด๋ ์ ํต์ ์ฒด์ผ ์๋ ์์ต๋๋ค. B2C ๊ธฐ์ ์ ์๋น์์๊ฒ ๋๋ฌํ๊ธฐ ์ํด ์ฌ๋ฌ ์ ํต ์ฑ๋์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ด๋ ์จ๋ผ์ธ ์คํ ์ด, ๋ฌผ๋ฆฌ์ ๋งค์ฅ, ์ 3์ ์๋งค์ ์ฒด ๋ฑ์ ํฌํจํ ์ ์์ต๋๋ค. ์๋น์์ ๊ฐ์ธ์ ์ธ ์๊ตฌ์ ๋ง์ถ ..
[UXUI] Google Lighthouse๋ฅผ UI/UX ๊ฐ์ ์ ํ์ฉํด๋ณด์
Google Lighthouse๋? ํน์ ์ด๋ฐ ๊ฒฝํ ์์ผ์ ๊ฐ์? ๐โ๏ธ ๋ถ๋ช ๋ด๊ฐ ๋ง๋ ์น์ฌ์ดํธ์ธ๋ฐ, ๋ญ๊ฐ ๋ฌธ์ ์ธ์ง ๋ํต ๋ชจ๋ฅด๊ฒ ๋ค. ๐โ๏ธ ์ฌ์ฉ์๋ค์ด ์๊พธ ๋๋ฆฌ๋ค๊ณ ํ๋๋ฐ, ์ด๋๋ฅผ ์๋ด์ผ ํ ์ง ๋ง๋งํ๋ค. ๐โ๏ธ ์ด์ฌํ ๋ง๋ค์๋๋ฐ, ๊ฒ์ ์์ง์์ ์ ์ฐพ์์ฃผ์ง ์๋๋ค. Lighthouse๋ ์น์ฌ์ดํธ์ ์ฑ๋ฅ, ์ ๊ทผ์ฑ, SEO๋ฅผ ํ ๋ฐฉ์ ํด๊ฒฐํด ์ฃผ๋ ๋๊ตฌ์ ๋๋ค. ์น ๊ฐ๋ฐ์์ UX/UI ๋์์ด๋๋ผ๋ฉด ๊ผญ ์์์ผ ํ ํ์ ๋๊ตฌ์ฃ . ํ์ด์ง ๋ก๋ฉ ์๋๋ ๋ฌผ๋ก , ์ฌ์ฉ์ ๊ฒฝํ, ์ ๊ทผ์ฑ ๋ฌธ์ ๊น์ง ์ฝ ์ง์ด๋ ๋๋ค. ๊ฒ๋ค๊ฐ ๊ฒ์ ์์ง ์ต์ ํ(SEO)๊น์ง ๋์์ค๋ค๋, UI ๊ฐ์ ์ ๋ง ์ฝ์ฃ ? Lighthouse, ์ด๋ป๊ฒ ์ฌ์ฉํ ๊น? 1. Chrome DevTools๋ฅผ ํตํ ์ฌ์ฉ Google Chrome ๋ธ๋ผ์ฐ์ ์์ ์ํ๋ ์น ํ์ด..