๐Ÿ’ก 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 ๊ฐœ์„ ์— ํ™œ์šฉํ•ด๋ณด์ž

    [UXUI] Google Lighthouse๋ฅผ UI/UX ๊ฐœ์„ ์— ํ™œ์šฉํ•ด๋ณด์ž

    Google Lighthouse๋ž€? ํ˜น์‹œ ์ด๋Ÿฐ ๊ฒฝํ—˜ ์žˆ์œผ์‹ ๊ฐ€์š”? ๐Ÿ™‹‍โ™€๏ธ ๋ถ„๋ช… ๋‚ด๊ฐ€ ๋งŒ๋“  ์›น์‚ฌ์ดํŠธ์ธ๋ฐ, ๋ญ๊ฐ€ ๋ฌธ์ œ์ธ์ง€ ๋„ํ†ต ๋ชจ๋ฅด๊ฒ ๋‹ค. ๐Ÿ™‹‍โ™€๏ธ ์‚ฌ์šฉ์ž๋“ค์ด ์ž๊พธ ๋Š๋ฆฌ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ, ์–ด๋””๋ฅผ ์†๋ด์•ผ ํ• ์ง€ ๋ง‰๋ง‰ํ•˜๋‹ค. ๐Ÿ™‹‍โ™€๏ธ ์—ด์‹ฌํžˆ ๋งŒ๋“ค์—ˆ๋Š”๋ฐ, ๊ฒ€์ƒ‰ ์—”์ง„์—์„œ ์ž˜ ์ฐพ์•„์ฃผ์ง€ ์•Š๋Š”๋‹ค. Lighthouse๋Š” ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ, ์ ‘๊ทผ์„ฑ, SEO๋ฅผ ํ•œ ๋ฐฉ์— ํ•ด๊ฒฐํ•ด ์ฃผ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์›น ๊ฐœ๋ฐœ์ž์™€ UX/UI ๋””์ž์ด๋„ˆ๋ผ๋ฉด ๊ผญ ์•Œ์•„์•ผ ํ•  ํ•„์ˆ˜ ๋„๊ตฌ์ฃ . ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋Š” ๋ฌผ๋ก , ์‚ฌ์šฉ์ž ๊ฒฝํ—˜, ์ ‘๊ทผ์„ฑ ๋ฌธ์ œ๊นŒ์ง€ ์ฝ• ์ง‘์–ด๋ƒ…๋‹ˆ๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)๊นŒ์ง€ ๋„์™€์ค€๋‹ค๋‹ˆ, UI ๊ฐœ์„  ์ •๋ง ์‰ฝ์ฃ ? Lighthouse, ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ• ๊นŒ? 1. Chrome DevTools๋ฅผ ํ†ตํ•œ ์‚ฌ์šฉ Google Chrome ๋ธŒ๋ผ์šฐ์ €์—์„œ ์›ํ•˜๋Š” ์›น ํŽ˜์ด..