inflearn logo
็Ÿฅ่ญ˜ๅ…ฑๆœ‰
inflearn logo

UX/UIๅˆๅฟƒ่€…ๅ‘ใ‘ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒๅฎŸ่ทต

UX/UI ใƒ‡ใ‚ถใ‚คใƒณใฎๅฐฑ่ทใ‚’็›ฎๆŒ‡ใ—ใฆใ„ใ‚‹ๆ–นใ€ใใ—ใฆๅฎŸๅ‹™ใงใƒ—ใƒฉใƒณใƒŠใƒผ/ใƒ‡ใ‚ถใ‚คใƒŠใƒผใจใ—ใฆๅƒใ„ใฆใ„ใ‚‹ใŒใƒฆใƒผใ‚ถใƒผ ใƒชใ‚ตใƒผใƒใ‚’็ตŒ้จ“ใ—ใŸใ“ใจใŒใชใ„ๆ–นใฎใŸใ‚ใฎใ€Œใƒฆใƒผใ‚ถใƒผ ใƒชใ‚ตใƒผใƒๅ…ฅ้–€ใ‹ใ‚‰ๅฎŸ่ทตใพใงใ€ใฎๆŽˆๆฅญใงใ™ใ€‚ใƒฆใƒผใ‚ถใƒผ ใƒชใ‚ตใƒผใƒใฎๅŸบๆœฌใ‹ใ‚‰ 1 ๅฏพ 1 ใฎใƒ‡ใ‚ฃใƒผใƒ— ใ‚คใƒณใ‚ฟใƒ“ใƒฅใƒผใ€ไฝฟใ„ใ‚„ใ™ใ•ใƒ†ใ‚นใƒˆใฎๅฎŸ่ทต่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใ€ๆœฌ่ณช็š„ใซใƒฆใƒผใ‚ถใƒผใฎๅ•้กŒใ‚’่งฃๆฑบใ™ใ‚‹ UX/UI ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ๅฎŸ่กŒใงใใ‚‹ใ‚ˆใ†ใซใ—ใพใ™ใ€‚ใใ—ใฆใ€ๆœ€็ต‚็š„ใซใฏ็ซถไบ‰ๅŠ›ใฎใ‚ใ‚‹ UX/UI ๅฐฑ่ทๅฟ—ๆœ›่€…ใซใชใ‚‹ใ‚ˆใ†ๅฐŽใใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ 36ใ‹ๆœˆ

UX Research
UX Research
User Interviews
User Interviews
UX Research
UX Research
User Interviews
User Interviews

ใŠ็Ÿฅใ‚‰ใ›

2 ไปถ

  • uxeric๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๆœ€่ฟ‘ไผš็คพใซๅ…ฅ็คพใ™ใ‚‹ๆ–ฐๅ…ฅ็คพๅ“กใ‚„ใ‚ธใƒฅใƒ‹ใ‚ขใ€ใƒ‡ใ‚ถใ‚คใƒŠใƒผใŸใกใ‚’่ฆ‹ใ‚‹ใจใ€ใ„ใใคใ‹ใฎใƒ‘ใ‚ฟใƒผใƒณใ‚’่ฆ‹ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚ไธ€ใคใฏใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใซๅฏพใ™ใ‚‹ๅŸบ็คŽๅŠ›ใจ็ฎก็†่ƒฝๅŠ›ใŒใ‚ใ‚‹ใจใ„ใ†ใ“ใจใงใ€ใ‚‚ใ†ไธ€ใคใฏFigmaใงใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใŒใงใใ‚‹่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใฆใ„ใ‚‹ใจใ„ใ†ใ“ใจใงใ™ใ€‚

    ใใฎ็†็”ฑใฏใจใฆใ‚‚็ฐกๅ˜ใ ใจๆ€ใ„ใพใ™ใ€‚ใ“ใฎ่ƒฝๅŠ›ใŒใ‚ใ‚Œใฐใ€Œ็พๅ ดใซใ™ใๆŠ•ๅ…ฅใ€ใŒๅฏ่ƒฝใ ใจใ„ใ†ใ“ใจใงใ™ใ€‚้€†ใซใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใ€ใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณ่ƒฝๅŠ›ใŒใชใ„็Šถๆ…‹ใงๅ…ฅ็คพใ™ใ‚‹ใ“ใจใซใชใ‚‹ใจใ€ไผš็คพใฎ็ซ‹ๅ ดใ‹ใ‚‰ใฏๆœฌๅฝ“ใซๅคšใใฎใ‚ณใ‚นใƒˆใจๆ™‚้–“ใ‚’ๆŠ•่ณ‡ใ—ใฆๆ•™่‚ฒใ‚’ใ—ใชใ‘ใ‚Œใฐใชใ‚‰ใชใ„ใฎใงใ™ใŒใ€ใ“ใ‚Œใฏๆฑบใ—ใฆ็ฐกๅ˜ใชใ“ใจใงใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚

    ใจใฏใ„ใˆใ€ใ™ในใฆใฎๅฟœๅ‹Ÿ่€…ใŒใ“ใฎ่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใฆใ„ใ‚‹ใ‚ใ‘ใงใฏใ‚ใ‚Šใพใ›ใ‚“ใ€‚็งใฎ็ตŒ้จ“ไธŠใ€ๅฐ‘ๆ•ฐใฎไบบใ ใ‘ใŒใ“ใฎ่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใฆใ„ใพใ—ใŸใ€‚ใคใพใ‚Šใ€่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใ‚Œใฐใ™ใใซ็›ฎ็ซ‹ใกใ€้ขๆŽฅใซ้€ฒใ‚€ๅฏ่ƒฝๆ€งใ‚‚้ซ˜ใใชใ‚‹ใจใ„ใ†ใ“ใจใ‚’ๆ„ๅ‘ณใ—ใพใ™ใ€‚

    ใใฎใŸใ‚ๆœ€่ฟ‘ใ€UX/UIใƒ‡ใ‚ถใ‚คใƒณๅ…ฅ้–€่€…ใ‚„ๅฐฑๆดป็”Ÿใฎ็š†ใ•ใ‚“ใซๅฟ…ใš่บซใซใคใ‘ใ‚‹ใ‚ˆใ†ๅผท่ชฟใ—ใฆใ„ใ‚‹ใ“ใจใฎไธ€ใคใŒใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใงใ™ใ€‚ใ“ใฎ่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใ‚Œใฐใ€ๅฐฑ่ทๅธ‚ๅ ดใงๅคงใใช็ซถไบ‰ๅŠ›ใ‚’ๆŒใคใ“ใจใŒใงใใพใ™ใ€‚

    ใใ—ใฆใ€ใ‚ธใƒฅใƒ‹ใ‚ขใƒ‡ใ‚ถใ‚คใƒŠใƒผใฎๆ–นใ‚„็พๅ ดใงๅƒใ„ใฆใ„ใ‚‰ใฃใ—ใ‚ƒใ‚‹ๆ–นใงใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใŒใงใใชใ„ๅ ดๅˆใฏใ€ใœใฒ่บซใซใคใ‘ใ‚‹ใ“ใจใ‚’ใŠๅ‹งใ‚ใ—ใพใ™ใ€‚ใชใœใชใ‚‰ใ€ใ“ใฎ่ƒฝๅŠ›ใŒใ‚ใ‚Œใฐใ‚ˆใ‚Š่ฟ…้€Ÿใซๆฅญๅ‹™ใ‚’้€ฒใ‚ใ‚‹ใ“ใจใŒใงใใ€้–‹็™บ่€…ใจใฎใ‚ณใƒŸใƒฅใƒ‹ใ‚ฑใƒผใ‚ทใƒงใƒณใซใŠใ„ใฆๅŠน็އๆ€งใŒๅคงๅน…ใซๅ‘ไธŠใ™ใ‚‹ใ‹ใ‚‰ใงใ™ใ€‚

    Frame 427322174.png.webp

    ใ€Œใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณๅฎŒๅ…จๆ”ป็•ฅ with Figmaใ€่ฌ›ๅบงใ‚’ไปŠ้€ฑใƒญใƒผใƒณใƒใ—ใพใ™ใ€‚๏ผˆใ‚ขใƒผใƒชใƒผใƒใƒผใƒ‰50%ๅ‰ฒๅผ•ใ‚ฏใƒผใƒใƒณใ‚’ใƒ—ใƒฌใ‚ผใƒณใƒˆใ—ใพใ™ใ€‚๏ผ‰

    ๅ…ˆใปใฉใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใฎ้‡่ฆๆ€งใซใคใ„ใฆใŠ่ฉฑใ—ใ—ใพใ—ใŸใŒใ€Figmaใ‚’ๆดป็”จใ—ใฆใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใ‚ขใƒ—ใƒชใ‹ใ‚‰ใ€ใ‚ฆใ‚งใƒ–ใ€ใ‚ซใƒผใƒ‰ใ€ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใชใฉๅคšใใฎใ‚‚ใฎใ‚’็›ดๆŽฅไฝœใ‚Œใ‚‹ใ‚ˆใ†ใ€ใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใ‚’้›†ไธญ็š„ใซๆ‰ฑใฃใŸ่ฌ›ๅบงใ‚’ไปŠ้€ฑใƒญใƒผใƒณใƒใ—ใพใ™ใ€‚๏ผˆๆฐดๆ›œๆ—ฅๅ‰ๅพŒ๏ผ‰ใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใจใฏไฝ•ใ‹ใ€ใฉใฎใ‚ˆใ†ใซๅง‹ใ‚ใ‚Œใฐใ‚ˆใ„ใ‹ๅˆ†ใ‹ใ‚‰ใชใ‹ใฃใŸๆ–นใซใฏใ€ไปŠๅ›žใฎ่ฌ›ๅบงใŒ่‰ฏใ„ใ‚นใ‚ฟใƒผใƒˆๅœฐ็‚นใซใชใฃใฆใใ‚Œใ‚‹ใงใ—ใ‚‡ใ†ใ€‚

    ๅŸบ็คŽๆฆ‚ๅฟตใ‹ใ‚‰ๅฎŸ็ฟ’ใพใงไธ€ใคไธ€ใคไธๅฏงใซใ€Figmaใ‚’ๆดป็”จใ—ใฆใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใฎๅŽŸ็†ใ‚’็›ดๆŽฅไฝ“ๅพ—ใ—ใ€ๅฎŸๆˆฆ่ƒฝๅŠ›ใ‚’่บซใซใคใ‘ใ‚‰ใ‚Œใ‚‹ใ‚ˆใ†ๆง‹ๆˆใ—ใพใ—ใŸใ€‚

    • ใƒฌใ‚นใƒใƒณใ‚ทใƒ–ใƒ‡ใ‚ถใ‚คใƒณใฎๆ ธๅฟƒๆฆ‚ๅฟตๆ•ด็†

    • Auto Layoutใ€Constraintsใ€Layout Gridใฎ็†่งฃใจๆดป็”จ

    • ๅฎŸๅ‹™ใงใ‚ˆใไฝฟใ‚ใ‚Œใ‚‹ๅ†…ๅฎนใงๆง‹ๆˆ

    • ใƒฌใ‚นใƒใƒณใ‚ทใƒ–Webใจใ‚ขใƒ—ใƒชใฎไธกๆ–นใ‚’ใƒžใ‚นใ‚ฟใƒผ

    ่ฌ›็พฉใฎ่ฉณ็ดฐใชใ‚ซใƒชใ‚ญใƒฅใƒฉใƒ ใจๅ†…ๅฎนใŒๆฐ—ใซใชใ‚‹ๆ–นใฏใ€ใ“ใฎใƒชใƒณใ‚ฏใ‚’ใ‚ฏใƒชใƒƒใ‚ฏใ—ใฆใ”็ขบ่ชใใ ใ•ใ„ใ€‚

    โœจ ใ‚ขใƒผใƒชใƒผใƒใƒผใƒ‰50%ๅ‰ฒๅผ•ใฎใ”ๆกˆๅ†…ใŠใ‚ˆใณใŠ็”ณ่พผๆ›ธ

    ่ฌ›็พฉใซ่ˆˆๅ‘ณใ‚’ใŠๆŒใกใฎๆ–นใฎใŸใ‚ใซใ€ไปŠๅ›žใฏ็‰นๅˆฅใซใ‚ขใƒผใƒชใƒผใƒใƒผใƒ‰็‰นๅ…ธใ‚’ใ”็”จๆ„ใ„ใŸใ—ใพใ—ใŸใ€‚ไธ‹่จ˜ใƒชใƒณใ‚ฏใฎ็ฐกๅ˜ใชใ‚ขใƒณใ‚ฑใƒผใƒˆใซใ”ๅ‚ๅŠ ใ„ใŸใ ใ‘ใ‚Œใฐใ€ใƒชใƒชใƒผใ‚นๆ™‚ใซ50%ๅ‰ฒๅผ•ไพกๆ ผใงๅ—่ฌ›ใงใใ‚‹ใ‚ฏใƒผใƒใƒณใ‚’ใŠๆธกใ—ใ™ใ‚‹ไบˆๅฎšใงใ™ใ€‚

    >> ใ‚ขใƒผใƒชใƒผใƒใƒผใƒ‰็”ณ่พผ๏ผˆ50%ๅ‰ฒๅผ•๏ผ‰๏ผšhttps://forms.gle/reSTKbdhMn1Yo6ni8

    ใ‚ขใƒผใƒชใƒผใƒใƒผใƒ‰ๅ‰ฒๅผ•็‰นๅ…ธใ‚’ๅ—ใ‘ใŸใ„ๆ–นใฏใ€ไปŠ้€ฑๆœจๆ›œๆ—ฅ๏ผˆ6ๆ—ฅ๏ผ‰ใพใงใซใŠ็”ณใ—่พผใฟใใ ใ•ใ„ใ€‚

    ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    0
  • uxeric๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    ใ“ใ‚“ใซใกใฏใ€‚

     

    ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒๆœฌ็•ช่ฌ›็พฉใ‚’่žใ„ใŸ็š†ใ•ใ‚“ใ‚’ๆญ“่ฟŽใ—ใพใ™ใ€‚

    UX/UIใƒ‡ใ‚ถใ‚คใƒณๅ…ฅ้–€่€…ใงใ“ใฎๆŽˆๆฅญใ‚’ๅ—ใ‘ใŸๆ–นใฎไธญใงใ€ใพใ ใŠใ™ใ™ใ‚้ธๆ‰‹็ง‘็›ฎใ‚’ๅ—ใ‘ใฆใ„ใชใ„ๆ–นใฎใŸใ‚ใซๅทฎใ—ไธŠใ’ใ‚‹็ดนไป‹ใƒปๅ‰ฒๅผ•ใฎใ”ๆกˆๅ†…ใงใ™ใ€‚

     

    1. UX/UIใƒ‡ใ‚ถใ‚คใƒณใ‚ญใƒฃใƒชใ‚ขใƒญใƒผใƒ‰ใƒžใƒƒใƒ—ใจ้ธๆ‰‹็ง‘็›ฎ

    UX/UI ใƒ‡ใ‚ถใ‚คใƒŠใƒผใซใชใ‚‹ใ“ใจใ‚’ๆฑบใ‚ใŸใจใใซๅ…ฅ้–€่€…ใŒ่ธใพใชใ‘ใ‚Œใฐใชใ‚‰ใชใ„ใ‚นใƒ†ใƒƒใƒ—ใŒใ‚ใ‚Šใพใ™ใ€‚ใใ‚Œใžใ‚Œใฉใฎใ‚ˆใ†ใชใ‚นใƒ†ใƒƒใƒ—ใ‚’่ธใพใชใ‘ใ‚Œใฐใชใ‚‰ใชใ„ใฎใ‹ใ€ใใ—ใฆใใฎใŸใ‚ใซใฉใ‚“ใช้ธๆ‰‹็ง‘็›ฎใ‚’่žใใจใ„ใ„ใ‹็ดนไป‹ใ—ใŸๆ˜ ๅƒใŒใ‚ใ‚Šใพใ™ใ€‚ใพใ ใ”่ฆงใซใชใฃใฆใ„ใชใ„ๅ ดๅˆใฏใ€ไธ‹่จ˜ใฎใƒชใƒณใ‚ฏใ‹ใ‚‰ๆœ€ๅˆใซ็ขบ่ชใ—ใฆใใ ใ•ใ„ใ€‚

     

    ๐Ÿ‘‰ ใ‚ญใƒฃใƒชใ‚ขใƒญใƒผใƒ‰ใƒžใƒƒใƒ—็ดนไป‹ใƒ“ใƒ‡ใ‚ชใ‚’่ฆ‹ใ‚‹

     

     

    2. ้ธๆ‰‹็ง‘็›ฎใฎๅ‰ฒๅผ•็‰นๅ…ธ(30%)

    ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒ่ฌ›็พฉใ‚’่ดใๅ‰ใซ่žใใ“ใจใ‚’ใŠๅ‹งใ‚ใ™ใ‚‹่ฌ›็พฉใ‚„ๅ‰ฒๅผ•ใ‚ฏใƒผใƒใƒณใงใ™ใ€‚

     

    ้ธๆ‰‹็ง‘็›ฎ 1. ใƒ‹ใƒฅใƒผใƒจใƒผใ‚ฏใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒ็Ÿฅใ‚‰ใ›ใ‚‹ใ€UXใƒ‡ใ‚ถใ‚คใƒณๆฆ‚่ซ–

    image

     

     

    ้ธๆ‰‹็ง‘็›ฎ 2. ใƒ”ใ‚ฐใƒžใ‚’ๆดป็”จใ—ใŸUIใƒ‡ใ‚ถใ‚คใƒณๅ…ฅ้–€ใ‹ใ‚‰ๅฎŸๆˆฆใพใง

    image

     

    ใ”ไธๆ˜Žใช็‚นใŒใ”ใ–ใ„ใพใ—ใŸใ‚‰ไธ‹่จ˜ใƒกใƒผใƒซใซใฆใŠๅ•ใ„ๅˆใ‚ใ›ใใ ใ•ใ„ใ€‚

    ericworld121@gmail.com

     

    ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    ใ‚จใƒชใƒƒใ‚ฏใƒปใƒ‰ใƒชใƒผใƒ 

    0

๏ฟฅ22,986