๐ [์ฑ์ฅ์ ์ํ ๋ฐ์ผ๋ฆฌ ์ํฐํด] ์ํฐํ๋ผ์ด์ฆ ์๋ฃจ์ ์ ์ํ ํํฐ๋ง UX ๐ ํํฐ๋ง์ด ์ค์ํ ์ด์ ๋ง์ ์์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃจ๋ ์๋น์ค๋ ์ฒด๊ณ์ ์ด๊ณ ํฌ๊ด์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๋ณด์ฌ์ฃผ์ด, ์ฌ์ฉ์๊ฐ
๐ [์ฑ์ฅ์ ์ํ ๋ฐ์ผ๋ฆฌ ์ํฐํด] ์ํฐํ๋ผ์ด์ฆ ์๋ฃจ์ ์ ์ํ ํํฐ๋ง UX ๐ ํํฐ๋ง์ด ์ค์ํ ์ด์ ๋ง์ ์์ ๋ฐ์ดํฐ๋ฅผ ๋ค๋ฃจ๋ ์๋น์ค๋ ์ฒด๊ณ์ ์ด๊ณ ํฌ๊ด์ ์ธ ๋ฐฉ๋ฒ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ๋ณด์ฌ์ฃผ์ด, ์ฌ์ฉ์๊ฐ ๋ช ๋ฒ์ ํด๋ฆญ๋ง์ผ๋ก ํ์ํ ๊ฒ์ ์ฝ๊ฒ ์ฐพ์ ์ ์๋๋ก ํด์ผํฉ๋๋ค. ์ํฐํ๋ผ์ด์ฆ ์๋น์ค๋ ํญ์ ๋ง์ ์์ ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์๊ธฐ ๋๋ฌธ์, ๋ฐ์ดํฐ๋ฅผ ํํฐ๋งํ๋ ๊ฒ์ด ํ์์ ๋๋ค. ํํฐ๋ง์ ๋ค์ํ ๋ฐ์ดํฐ์ ๋ํ ๋ค์ํ ์ต์ ์ ์ ๊ณตํ์ฌ, ํน์ ํ์คํฌ๋ฅผ ์ํํ๋ ์ฌ์ฉ์์ ์๊ฐ์ ๋จ์ถํ๊ณ UX๋ฅผ ๊ฐ์ ํ๋ ํ๋ฅญํ ๋ฐฉ๋ฒ์ ๋๋ค. ์ฐธ๊ณ : ์ด ์ํฐํด์ ์ํฐํ๋ผ์ด์ฆ ์๋ฃจ์ ์ ์ํ ๋ฐ์คํฌํ ํํฐ๋ง์ ์ค์ ์ ๋์์ต๋๋ค. ๋ฐ์คํฌํ ํํฐ๋ง๊ณผ ๋ชจ๋ฐ์ผ ํํฐ๋ง์ ์์ ํ ๋ค๋ฅด๋ฉฐ ๋ชจ๋ฐ์ผ ํํฐ๋ง์ ๋ค๋ฅธ ๊ด์ ์ผ๋ก ๋ณ๋ ์ฐ๊ตฌ๊ฐ ํ์ํฉ๋๋ค. ๋ฐ์ดํฐ๋ฅผ ์ฒด๊ณ์ ์ด๊ณ ํฌ๊ด์ ์ผ๋ก ๋ณด์ฌ์ฃผ๋ ๋ฐฉ๋ฒ์๋ ํฌ๊ฒ 3๊ฐ์ง๊ฐ ์์ต๋๋ค. โํํฐ Filter โํจ์ฏ ๋ค๋น๊ฒ์ด์ Faceted Navigation โ๋ฐ์ดํฐ ํ ์ด๋ธ Data Table ํํฐ์ ํจ์ฏ ๋ค๋น๊ฒ์ด์ ์ ๋ ๋ค ๋ฐ์ดํฐ๋ฅผ ๋ ์์ ํ์ ์งํฉ์ผ๋ก ์ขํ๋ ๋ฐ ์ฌ์ฉํ๋ ์ปดํฌ๋ํธ๋ผ๋ ์ ์์ ๋์ผํ ๊ธฐ๋ณธ์์ ์ ์ํํ์ง๋ง, ํํฐ๋ ๊ณ ์ ๋ ๋ฒ์ฃผ๋ฅผ ๋ค๋ฃจ๋ ๋ฐ๋ฉด ํจ์ฏ ๋ค๋น๊ฒ์ด์ ์ ํจ์ฌ ์ ์ฐํ๊ณ ์ฝํ ์ธ ์ ๋ค์ํ ์ฐจ์์ ๋ค๋ฃฐ ์ ์์ต๋๋ค. ๐ ํํฐ Filter ํํฐ๋ ๋ฏธ๋ฆฌ ์ ์๋ ๋ฒ์ฃผ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ฒ์ ๋ฒ์๋ฅผ ์ขํ๋ ํ๋ก์ธ์ค์ ๋๋ค. ํํฐ๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์๊ฐ ํ์ธํ๋ ์ ๋ณด์ ์๋ฅผ ์ ํํ์ธ์. ๋๊ฐ์ง ์ฃผ์ ์ด์ ์ด ์์ต๋๋ค. 1. ์๋ฒ ๋ก๋ฉ ์๊ฐ์ ๋ํญ ๋จ์ถํ ์ ์์ 2. ์ฌ์ฉ์๊ฐ ๋ฐ์ดํฐ๋ฅผ ์ดํดํ๊ธฐ ์ฌ์์ง ๐ ํจ์ฏ ๋ค๋น๊ฒ์ด์ Faceted Navigation ํจ์ฏ ๋ค๋น๊ฒ์ด์ ์ ์ฌ์ฉํ๋ฉด ์ฌ์ฉ์๊ฐ ๋์์ ์ฌ๋ฌ ์ฐจ์์ผ๋ก ๊ฒ์์ ๊ตฌ์ฒดํํ ์ ์์ต๋๋ค. ํ์ผ์ ์ธ ํํฐ๋ก๋ ํํํ๊ธฐ ์ด๋ ค์ด ๊ตฌ์ฒด์ ์ผ๋ก ํ๊ฒํ ๋ ์ ํ๊ฒฐ๊ณผ๋ฅผ ์ ๊ณตํ๋ ค๊ณ ํ ๋ ํจ์ฏ ๋ค๋น๊ฒ์ด์ ์ ์ฌ์ฉํฉ๋๋ค. โ์์ : ์ผํ๋ชฐ์์ ์ฌ์ฑ์ฉ ์ ๋ฐ์ ํ์ํ ๋, ์ปฌ๋ฌ-๋ธ๋ / ์ฌ์ด์ฆ-240 / ์นดํ ๊ณ ๋ฆฌ-์บ์ฃผ์ผ ๊ณผ ๊ฐ์ด ์ฌ๋ฌ ํํฐ๋ฅผ ํ๋ฒ์ ์ ํํ์ฌ ๊ตฌ์ฒด์ ์ธ ์ ํ ์ ํ์ผ๋ก ๋ฒ์๋ฅผ ๋ํญ ์ขํ ์ ์์ต๋๋ค. ๐ ๋ฐ์ดํฐ ํ ์ด๋ธ Data Table ํํฐ์ ๊ธฐ๋ฅ์ ๋ํญ ํฅ์์ํค๋ 3๋ฒ์งธ ๋ฐฉ๋ฒ์ โ๊ฒฐ๊ณผ๊ฐ ํ์๋๋ ๋ฐฉ์์ ์ฌ์ฉ์๊ฐ ์ ์ํ๊ฒ ํ๋ ๊ฒ' ์ ๋๋ค. ์ฌ์ฉ์๊ฐ ๋ฐ์ดํฐ ์ด์ ์์์ ์์น๋ฅผ ์ง์ ์ปค์คํฐ๋ง์ด์งํ์ฌ, ๋์ฆ์ ๋ง๊ฒ ๋ฐ์ดํฐ๋ฅผ ํ์ธํ ์ ์์ต๋๋ค. ์ํฐํ๋ผ์ด์ฆ ์๋ฃจ์ ์ ์ฌ์ฉ์๋ ์ฌ์ ํ โ์ฌ๋'์ด๊ธฐ ๋๋ฌธ์, ์๋ฃจ์ ์ฌ์ฉ๋ฐฉ๋ฒ์ ์์งํ๊ธฐ๋ณด๋ค๋ ํ ์๋น์ค ์ฌ์ฉ๊ฒฝํ๊ณผ ๋ณธ์ธ์ ์ง๊ด์ ์์กดํ์ฌ ์๋ฃจ์ ์ ์ฌ์ฉํฉ๋๋ค. ์ ์ค๊ณ๋ ํํฐ๋ง์ ์ฌ์ฉ์๊ฐ ์ํ๋ ๊ฒ์ ์ฐพ๊ณ ์์ ์ ์ฝ๊ฒ ๋ง๋๋ ๊ฐ์ฅ ๋น ๋ฅธ ๋ฐฉ๋ฒ์ ๋๋ค. -- ๋ฒ์ญ ๋ฐ ์์ฝ : ์ ํ์ --- ๐ B2B ๋์์ด๋๋ค์ ๋ชจ์ ์๊ฐ B2B ํ๋ก๋ํธ๋ฅผ ๋ง๋ค๊ณ ์๋ B2B ๋์์ด๋๋ค์ B2C ๋์์ด๋๋ณด๋ค ๋ ์ด๋ ค์ด ๋ฌธ์ ๋ฅผ ํ๊ณ ์๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ ๋ฐ ๋นํด ์๋ฃ, ์ง์, ํผ๋๋ฐฑ์ ์ฐพ๋๋ฐ๋ ์ด๋ ค์์ ๊ฒช๊ณ ์์ต๋๋ค. ๋ ๋ง์ B2B ํ๋ก๋ํธ ๋์์ด๋๋ค์ด ํ์๋ฆฌ์์ ์ด๋ ค์ด ์ , ๋ฐฐ์ด ์ ์ ๊ณต์ ํ๊ณ ์๋ก ๋์์ด ๋๊ธฐ ์ํด ์ปค๋ฎค๋ํฐ๋ฅผ ์ด์์ค์ ๋๋ค. ๐ B2B ๋์์ด๋๋ค์ ๋ชจ์ ๋ ธ์ ๋งํฌ: https://www.b2b-designers.space