๐ผ MS, Fluent 2 ์ ๋ฐ์ดํธ!
๐ ํ ์ค ์์ฝ - MS Fluent Content Design ์์ฝ โ๏ธ MS๊ฐ Fluent 2๋ฅผ ์ ๋ฐ์ดํธ ํ๋๋ฐ์. ๊ทธ ์ค์ Content Design ์ฆ, UX๋ผ์ดํ ๋ ํฌํจํ์ฌ ๋ด์ฉ์ ์ ๋ฐ์ดํธ ํ์ด์. ์ฃผ์ ๋ด์ฉ๊ณผ ์ด๋ค ์ฝํ ์ธ ๊ฐ ๋ด๊ฒจ์๋ ์ง, ์ ๊ฐ ํ ๋ฒ ์ ๋ฆฌํด๋ณด๊ณ ์ ํด์. ์ฐ์ Content Design ๋งจ ์์ ๋ญ๊ฐ ์๋ ์ง๋ถํฐ ์ดํด๋ณผ๊น์. "Content design is thinking about how to give your audience the information they need when they need it." โ๏ธ ์ ์งง์ ์์ด ์ค๋ ฅ์ผ๋ก ๋ฒ์ญํ๋ฉด, '์ฝํ ์ธ ๋์์ธ์ ๊ณ ๊ฐ์ด ํ์๋ก ํ๋ ์ ๋ณด๋ฅผ ์ ์ ํ ๋ ์ ๊ณตํ๋ ๋ฐฉ๋ฒ์ ๊ณ ๋ฏผํ๋ ๊ฒ์ด๋ค.'๋ผ๊ณ ํ๋ค์. ์ ์ ์งง๋ ์งง์ ์์ด ์ค๋ ฅ์ผ๋ก ๋ฒ์ญํ ๋ด์ฉ์ด๊ธฐ ๋๋ฌธ์ ์๋ฌธ ๊ทธ๋๋ก๋ฅผ ์ฝ๋๊ฒ ์ข์์. ๐ซฃ โ๏ธ ๋ฌด์๋ณด๋ค Fluent Design์ ๋ง์ดํฌ๋ก์ํํธ์ ๋์์ธ ์ฒ ํ์ ๋ด๊ณ ์๋๋ฐ์. ์ฌ์ฉ์ ์ค์ฌ์ ์ง๊ด์ ์ธ ๊ฒฝํ์ ์ ๊ณตํ๋๋ฐ ์ด์ ์ ๋๊ณ ์์ผ๋ฉฐ, ์น, ๋ชจ๋ฐ์ผ๊ณผ ๋ฐ์คํฌํฑ ํ๋ซํผ ๋ชจ๋ ํฌ๊ดํ ์ ์๋ ๋ด์ฉ์ ๋ด๊ณ ์์ฃ . โ๏ธ UX๋ผ์ดํ ๋ด์ฉ์ด ํฌํจ๋ Content Design ์น์ ์ ์ด๋ฌํ ์ฒ ํ์ ๊ธฐ๋ฐํ์ฌ ์ฝํ ์ธ ๋ฅผ ์ค๊ณํ๊ณ ์ ์ํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ฐ์ด๋๋ผ์ธ์ ๋ด๊ณ ์์ด์. ๊ทธ ๊ฒฐ๊ณผ ์ฝํ ์ธ ์์ฑ์ ๊ธฐ๋ณธ ์์น, ์ฌ์ฉ์์ ์๊ตฌ์ ๋ชฉํ์ ๋ง๋ ์ฝํ ์ธ ์ค๊ณ, ๋ช ํํ๊ณ ์ฝ๊ธฐ ์ฌ์ด ๊ธ์ฐ๊ธฐ, ํํ๋ ฅ ์๋ ์ด๋ฏธ์ง์ ๋น๋์ค ์ฌ์ฉ ๋ฑ์ ๋ด์๋์ฃ . โ๏ธ ๋์๊ฐ ์ ๊ทผ์ฑ๊ณผ ๋ค๊ตญ์ด ์ง์์ ๊ฐ์กฐํ๊ณ ์๋๋ฐ์. MS๊ฐ ๊ธ๋ก๋ฒ ๊ธฐ์ ์ด๋ผ ์ ์ธ๊ณ์ ์ผ๋ก ์ํํธ์จ์ด๋ฅผ ์ฌ์ฉํ๊ณ ์๊ธฐ ๋๋ฌธ์ด์์. ์ด ์ธ์๋ ์ฝํ ์ธ ์ ์ผ๊ด์ฑ๊ณผ ์กฐ์งํ ๊ทธ๋ฆฌ๊ณ ์๊ฐ์ ์ธ ํ์ง์ ๋ํ ๊ฐ์ด๋๋ผ์ธ๋ ์ ๊ณตํ๊ณ ์์ด์. โ๏ธ ์์์ Fluent๋ ์ฌ์ฉ์ ์ค์ฌ์ ๋์์ธ์ ๊ฐ์กฐํ๊ณ ์๋ค๊ณ ๋งํ์์์. ์ด๋ค ๋ฐฉ์์ผ๋ก ๊ตฌํํ ๊น์? ๋ค์ 3๊ฐ์ง๋ฅผ ์ค์ฌ์ผ๋ก ๋ด์ธ์ฐ๊ณ ์์ด์. 1. Keep it simple โข ๊ฐ๊ฒฐํ ๊ตฌ์กฐ์ ์ฌ์ด ์ธ์ด๋ฅผ ์ฌ์ฉํ์ธ์. โข ๋ฌธ์ฅ์ ์ชผ๊ฐ์ธ์. โข ์งง์ ๋ฌธ์ฅ๊ณผ ๋จํธ์ ์ธ ๊ตฌ์กฐ๋ ์ค์บํ๊ณ ์ฝ๊ธฐ ๋ ์ฝ์ต๋๋ค. 2. Get to the point fast โข ์ ํ๊ณผ ๋ค์ ๋จ๊ณ๋ฅผ ๋ช ํํ๊ฒ ์ ์ํ์ธ์. โข ์ฌ๋๋ค์ด ์์ ์๊ฒ ๊ฒฐ์ ํ๋๋ก ์ถฉ๋ถํ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ธ์. โข ๋ถํ์ํ ๋จ์ด๋ ๋ชจ๋ ์ญ์ ํ์ธ์. 3. Talk like a person โข ์ผ๋์ผ๋ก ๋งํ๋ ๊ฒ์ฒ๋ผ ๊ฒฉ์ ์๋ ๋ชฉ์๋ฆฌ๋ก ์์ฑํ์ธ์. โ๏ธ MS๋ ์ด 3๊ฐ์ง๋ฅผ ๋ฌ์ฑํ๋ค๋ฉด ์ฌ์ฉ์์ ๊ธฐ๋ ๊ทธ ์ด์์ ์ถฉ์กฑ์ํฌ ์ ์๋ค๊ณ ๋ณด๊ณ ์์ด์. ์ฌ์ฉ์๋ฅผ ๋ฐ๊พธ๋ ค๋ ๊ฒ ์๋๋ผ, MS ์์ฒด๊ฐ ์ฌ์ฉ์์ ์ฌ๊ณ ๋ฐฉ์์ ์๋ง๊ฒ ์ด์กฐ๋ฅผ ๋ฐ๊พธ๋ ๊ฑฐ์ฃ . ์ฆ, ์ฌ์ฉ์์๊ฒ ์ต์ํ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์ค๋ช ํ๊ณ ์์ด์. โ๏ธ ์ข ๋ ๊ตฌ์ฒด์ ์ธ ์์๋ค์ ๋ค๊ณ ์๋๋ฐ์. ์๋ ๋ด์ฉ์ ์ฐธ๊ณ ํด์ฃผ์ธ์. 1. ํ์ฌ ์์ ๋ก ์ฐ๊ธฐ โข ํ์ฌ ์์ ๋ ๊ณผ๊ฑฐ ์์ ๋ ๋ฏธ๋ ์์ ๋ณด๋ค ์ดํดํ๊ธฐ ์ฝ๊ณ ๋๋ถ๋ถ์ ๋ฌธ๋งฅ์ ์ ํฉํด์. 2. ๋ฅ๋ํ ์ฌ์ฉ โข ๋ฅ๋ํ๋ ๋ฌธ์ฅ์ ์ฃผ์ด๊ฐ ํ๋ ํ๋์ ๊ฐ์กฐํด์. ์๋ํ๋ ๋ชฉ์ ์ด๋ฅผ ์ค์ฌ์ ๋ฐฐ์นํด์. ๋ฅ๋ํ๋ฅผ ์ฌ์ฉํด์ผ ์ฝํ ์ธ ์ ์ฌ๋์๊ธฐ ์ง์คํ ์ ์์ด์. โข '์ฐ๋ฆฌ' ๋๋ 'MS'๋ผ๋ ๋ง์ ํผํ๊ณ ์ถ์ ๋์ '๋๊ตฌ'๋ณด๋ค 'ํ๋'์ด ์ค์ํ ๋๋ง ์๋ํ๋ฅผ ์ฌ์ฉํ์ธ์. 3. ํ๋ซํผ์ ๋ฐ๋ฅธ ๋/์๋ฌธ์ ๊ตฌ๋ถ โข MS ์ ํ์ ๋ฒ์ฌ๊ฐ๊ฐ ์ฝํ ์ธ ๋ฅผ ์ง์ญ์ ๋ฐ๋ผ ๋๋ฌธ์ ํ๊ธฐ ์ง์นจ์ ๋ฐ๋ฅด๊ณ ์์ด์. ํ์ง๋ง ์ด์ ์ฒด์ ๋ด์์ ์คํ๋ ๋๋ ํด๋น ํ๋ซํผ์ ๋ง๋ ์์ฐ์ค๋ฌ์ด ๋ฐฉ์์ ๋ฐ๋ฅด์ธ์. โข Windows, Android ๋ฐ ์น์ฉ ๋ฌธ์ฅ ๋์๋ฌธ์ ์ฌ์ฉ - ๋ฌธ์ฅ์ด๋ ๊ตฌ์ ์ฒซ ๋จ์ด์ ๊ณ ์ ๋ช ์ฌ๋ง ๋๋ฌธ์๋ก ํ๊ธฐํ์ธ์. โข iOS ๋ฐ macOS์ ๊ฒฝ์ฐ ์ ๋ชฉ ๋/์๋ฌธ์ - ๊ด์ฌ(a, an, the) ๋ฐ ์ ์์ฌ(and, ๋๋)๋ฅผ ์ ์ธํ ๊ฐ ๋จ์ด์ ์ฒซ ๊ธ์๋ฅผ ๋๋ฌธ์๋ก ์ ๋ ฅํ์์. 4. ๊ฐ๊ฒฐํ๊ฒ ์์ฑํ๊ธฐ โข ์ด๋ค ์ฌ๋์๊ฒ๋ ์ ๋ฌธ ์ง์์ผ์ง ๋ชฐ๋ผ๋, ๋ค๋ฅธ ์ฌ๋์๊ฒ๋ ์ ๋ฌธ ์ฉ์ด(Jargon)์ผ ์ ์์ด์. ์ ๋ฌธ ์ฉ์ด๋ฅผ ํ์ด์ ์ผ๋ฐ์ธ๋ ์ดํดํ ์ ์๊ฒ ์์ฑํ์ธ์. 5. ์ ๋ชฉ์ ์ฌ์ฉํ์ฌ ์ฝํ ์ธ ๊ตฌ์ฑํ๊ธฐ โข ์ ๋ชฉ์ ์ฝํ ์ธ ์ ๊ฐ์์์. (์ ์ฒด ๋ด์ฉ์ ํ์ ํ ์ ์๊ฒ ์์ฑํ์ธ์.) ์ฌ๋๋ค์ด ์ ๋ชฉ์ ์ฝ์ง ์์ผ๋ฉด, ๋ค์ ๋์ค๋ ํ ์คํธ๋ ์ฝ์ง ์๋๋ค๊ณ ์๊ฐํ์ธ์. 6. 2์ธ์นญ์ด ๊ฐ์ฅ ์ข์์. โข 2์ธ์นญ์ ์ฌ์ฉํ์ธ์. ๋๊ตฐ๊ฐ์๊ฒ ๋งํ๋ฏ ๊ธ์ ์์ฑํ๋ฉด ์น๊ทผํ๊ณ ์ธ๊ฐ์ ์ธ ์ด์กฐ๊ฐ ํ์ฑ๋๊ณ , ๋ ์์๊ฒ ๋ํ๊ฐ ์ง์ค๋์ด ์๋ํ๋ฅผ ํผํ๋๋ฐ ๋์์ด ๋ผ์. ๋ ์์ ๊ด์ ์์ ๊ธ์ ์ธ ๋๋ฅผ ์ ์ธํ๊ณค 1์ธ์นญ์ ์ฌ์ฉํ์ง ๋ง์ธ์. 7. ๊ตฌ๋์ ์ ์คํ๊ฒ ์ฌ์ฉํ๊ธฐ โข ์ฌ๋๋ค์ด ํ ์คํธ๋ฅผ ๋น ๋ฅด๊ฒ ํ์ด๋ณผ ์ ์๊ฒ ํ์ํ ๋๋ง ๊ตฌ๋์ ์ ์ฌ์ฉํ์ธ์. ๋๋ํ๋ ์ฌ์ฉํ์ง ๋ง๊ณ , ๋ฌผ์ํ๋ ์ฌ์ฉํ์ธ์. ๋ง์นจํ๋ ์์ ํ ๋ฌธ์ฅ ๋ค์๋ง ์ฌ์ฉํด์ผ ํด์. โข ์ผ๋ฐ์ ์ผ๋ก ์จ์ ํ ๋ฌธ์ฅ ๋ค์๋ ๋ง์นจํ๋ฅผ ์ฌ์ฉํ๊ณ , ํค๋, ๋ฒํผ, ๋ ์ด๋ธ, ๊ธ๋จธ๋ฆฌ ๊ธฐํธ ๋ชฉ๋ก๊ณผ ๊ฐ์ UI ์์์๋ ๋ง์นจํ๋ฅผ ์ฌ์ฉํ์ง ๋ง์ธ์. โข ๋๋ํ๋ ํฅ๋ฏธ์ง์งํ๊ณ ์ถํํ๋ ์ํฉ์์๋ง ์ฌ์ฉํ์ธ์. ๊ทธ ์ธ์๋ ์๋ฆฌ๋ฅผ ์ง๋ฅผ ํ์๊ฐ ์์ด์. 8. ์ ๊ทผ์ฑ์ด ๋ฐ์ด๋๊ณ ์ ์ธ๊ณ์ ์ ํฉํ ์ฝํ ์ธ ๋ง๋ค๊ธฐ โข ๋ฅ๋ ฅ, ์ง์ญ ๊ด๊ณ์์ด ๋๊ตฌ๋ (์ฝ๊ณ ) ์ฆ๊ธธ ์ ์๋ ์ฝํ ์ธ ๋ฅผ ๋ง๋์ธ์.