๐ก UXUI/UXUI
[UXUI] ์น ์ ๊ทผ์ฑ: "๋ชจ๋ ์ฌ์ฉ์"์๊ฒ ๋์ผํ ๊ฒฝํ์ ์ฃผ๊ณ ์๋๊ฐ
์ฐ๋ฆฌ๊ฐ ์ด๊ณ ์๋ ์ ๋ณดํ ์ฌํ์์, ์น์ ๋จ์ํ ํธ๋ฆฌํจ์ ๋์ด ํ์์ ์ธ ์กด์ฌ๊ฐ ๋์์ต๋๋ค.๊ทธ๋ฌ๋ ์ด๋ฌํ ๋ณํ๋ ๋ชจ๋ ์ด๋ค์๊ฒ ๋๋ฑํ๊ฒ ์ด์ต์ ์ฃผ์ง ์์ต๋๋ค. ์น ์ ๊ทผ์ฑ์ ๋ฐ๋ก ์ด๋ฌํ ๋์งํธ ๋ถํ๋ฑ์ ํด์ํ๊ธฐ ์ํ ๋์์ธ ์ฒ ํ์์ ์ถ๋ฐํฉ๋๋ค. ๋ณธ ๊ธ์์๋ UX/UI ๋์์ด๋๊ฐ ์น ์ ๊ทผ์ฑ์ ์คํํ๊ธฐ ์ํด ๊ณ ๋ คํด์ผ ํ ํต์ฌ ์์น๋ค์ ์์๋ณด๊ณ ์ ํฉ๋๋ค. ๋ช ๋ฃํ ๋ด๋น๊ฒ์ด์ ๋ฐ ๋ ์ด์์ ๋ช ํํ ๋ฉ๋ด ๋ผ๋ฒจ๋ง ์น์ฌ์ดํธ์ ์ฌ์ฉ์ ๊ฒฝํ์์ ๊ฐ์ฅ ์ค์ํ ๊ฒ ์ค ํ๋๋ ์ ๋ณด์ ์ ๊ทผ์ฑ์ ๋๋ค. ํจ๊ณผ์ ์ธ ๋ด๋น๊ฒ์ด์ ๊ณผ ๋ ์ด์์์ ์ฌ์ฉ์๊ฐ ์ํ๋ ์ ๋ณด๋ฅผ ์ง๊ด์ ์ผ๋ก ์ฐพ์ ์ ์๊ฒ ํด์ค๋๋ค. ์๋ฅผ ๋ค์ด, ์ผํ๋ชฐ์์ 'ํ', '์ํ', '์ฃผ๋ฌธ' ๋ฑ์ ๋ฉ๋ด๋ ์ฌ์ฉ์์๊ฒ ๋ช ํํ ๊ธธ์ก์ด๊ฐ ๋ฉ๋๋ค. ํ์ง๋ง ์ด๋ฌํ ๋ช ํ์ฑ์ด ๊ณผ์ฐ ๋ชจ๋ ์ฌ์ฉ์์๊ฒ ๋..
[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 ๋ธ๋ผ์ฐ์ ์์ ์ํ๋ ์น ํ์ด..
[UXUI] ๊ทธ๋์ UXUI๊ฐ ๋ฌด์์ผ๊น์?
๋์์ธ์ ํ๋ค ๋ณด๋ฉด ๊ผญ ๋ฃ๊ฒ ๋๋ UXUI๋ผ๋ ๋จ์ด. ๊ทธ๋์ UXUI๊ฐ ๋ฌด์์ผ๊น์? UX/UI๋์์ธ์ ๋์งํธ ์ ํ ๋๋ ์๋น์ค์ ์ฑ๊ณต์ ๋งค์ฐ ์ค์ํ ์ญํ ์ ํฉ๋๋ค. ์ด ๊ธ์์๋ UX์ UI์ ์ ์์ ์ฐจ์ด์ , ๊ทธ๋ฆฌ๊ณ UX/UI ๋์์ธ์ด ์ค์ํ ์ด์ ์ ๊ธฐ๋ณธ ์์น์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค. UX์ UI UX(User Experience)๋? UX(User Experience)๋ ์ฌ์ฉ์ ๊ฒฝํ์ ์๋ฏธํฉ๋๋ค. ์ฌ์ฉ์๊ฐ ์ ํ, ์์คํ ๋๋ ์๋น์ค๋ฅผ ์ฌ์ฉํ๋ฉด์ ๊ฒฝํํ๋ ์ ๋ฐ์ ์ธ ๋ง์กฑ๋, ์ ์ฉ์ฑ, ํจ์จ์ฑ, ์ฆ๊ฑฐ์ ๋ฑ์ ํฌ๊ดํ๋ ๊ฐ๋ ์ ๋๋ค. ์๋ฅผ ๋ค์ด, ์์ด๋น์ค๋น๋ UX๋ฅผ ๊ฐ์ ํ๊ธฐ ์ํด ์ฌ์ฉ์์ ์์ฝ ๊ณผ์ ์ ๊ฐ์ํํ์ฌ ์ฝ๊ณ ๋น ๋ฅด๊ฒ ์์๋ฅผ ์ฐพ๊ณ ์์ฝํ ์ ์๋๋ก ํ์ต๋๋ค. UI(User Interface)๋? ๋ฐ๋ฉด, UI(Us..