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

Figmaใ‚’ๆดป็”จใ—ใŸUIใƒ‡ใ‚ถใ‚คใƒณๅ…ฅ้–€ใ‹ใ‚‰ๅฎŸ่ทตใพใงA to Z

ใƒ‡ใ‚ถใ‚คใƒณใ‚’ๅญฆใ‚“ใ ใ“ใจใŒใชใ„้žๅฐ‚ๆ”ป่€…ใฎๆ–นใ€…ใ€ไปŠใพใ•ใซUXใƒ‡ใ‚ถใ‚คใƒณใฎๅ‹‰ๅผทใ‚’ๅง‹ใ‚ใŸใฐใ‹ใ‚Šใฎๅญฆ็”Ÿใ€UXใŠใ‚ˆใณUIใƒ‡ใ‚ถใ‚คใƒณใฎๅฐฑๆดป็”Ÿใฎๆ–นใ€…ใฎใŸใ‚ใซๆบ–ๅ‚™ใ—ใŸใ€ŒFigmaใงUIใƒ‡ใ‚ถใ‚คใƒณใ™ใ‚‹ A to Zใ€ๆŽˆๆฅญใงใ™ใ€‚Photoshopใชใฉไป–ใฎใƒ„ใƒผใƒซใ‚’ๅ…จใ็Ÿฅใ‚‰ใชใ„ๆ–นใงใ‚‚ใ€Figmaใ ใ‘ใ‚’ๆดป็”จใ—ใฆUIใƒ‡ใ‚ถใ‚คใƒณใฎๅฐ‚้–€ๅฎถใซใชใ‚Œใ‚‹ใ‚ˆใ†ใ€ๅŸบ็คŽใ‹ใ‚‰้ซ˜ๅบฆใชๆฉŸ่ƒฝใพใงๆ•™ใˆใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅ…ฅ้–€

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

Figma
Figma
Web Design
Web Design
Mobile App Design
Mobile App Design
product design
product design
Figma
Figma
Web Design
Web Design
Mobile App Design
Mobile App Design
product design
product design

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

10 ไปถ

  • 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๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

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

    ใ“ใ‚“ใซใกใฏใ€‚ใ‚จใƒชใƒƒใ‚ฏใงใ™ใ€‚

     

    ่ฟฝๅŠ ใฎๆ˜ ๅƒใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒใ‚ใ‚Šใพใ—ใŸใ‚‰ใ”ๆกˆๅ†…ใ„ใŸใ—ใพใ™ใ€‚

    ๆœ€ๆ–ฐใƒ”ใ‚ฐใƒž็‰ˆใงๅ†ๆ’ฎๅฝฑใ‚’้€ฒใ‚ใฆใ„ใพใ™ใ€‚

    ไปฅไธ‹ใฏใ€ๆ˜ ๅƒใŒๆ›ดๆ–ฐใ•ใ‚ŒใŸ้ƒจๅˆ†ใงใ™ใ€‚

     

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ 7. ๅฎŸ่ทตไพ‹ 1. ใ‚นใƒ—ใƒฉใƒƒใ‚ทใƒฅ็”ป้ขใฎใƒ‡ใ‚ถใ‚คใƒณใ‚’่ฉฆใ™

    • ใ‚ตใƒณใƒ—ใƒซใ‚ตใƒณใƒ—ใƒซใƒ•ใ‚กใ‚คใƒซใ‚’็งใฎใƒ‰ใƒฉใƒ•ใƒˆใซใ‚คใƒณใƒใƒผใƒˆใ™ใ‚‹ๆ–นๆณ•

    • ใ‚นใƒ—ใƒฉใƒƒใ‚ทใƒฅUI็”ป้ขใฎใƒ‡ใ‚ถใ‚คใƒณ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ 9. ใƒ”ใ‚ฐใƒžใงใ‚ขใ‚คใ‚ณใƒณใ‚’ไฝœๆˆใ™ใ‚‹ A to Z

    • ่‰ฏใ„ใ‚ขใ‚คใ‚ณใƒณใ‚’ไฝœใ‚‹ๅŽŸๅ‰‡

    • BooleanๆฉŸ่ƒฝใ‚’ๆดป็”จใ™ใ‚‹

    • ใƒšใƒณใƒ„ใƒผใƒซใฎไฝฟใ„ๆ–นใ‚’ๅญฆใถ

    • Keylineใ‚’็†่งฃใ™ใ‚‹

    • ใ‚ขใ‚คใ‚ณใƒณใ‚’ไฝœๆˆ

    • ่งฃๅƒๅบฆใ‚’่€ƒๆ…ฎใ—ใŸใ‚ขใ‚คใ‚ณใƒณใฎใ‚จใ‚ฏใ‚นใƒใƒผใƒˆ

     

    ใกใชใฟใซใ€Œใ‚ปใ‚ฏใ‚ทใƒงใƒณ8. ๅฎŸ่ทตไพ‹2. ใƒฏใ‚คใƒคใƒ•ใƒฌใƒผใƒ ใฎไฝœๆˆใ€ใฏใƒ”ใ‚ฐใƒžใƒใƒผใ‚ธใƒงใƒณใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใฎๅฝฑ้Ÿฟใ‚’ๅ—ใ‘ใชใ„ๆ˜ ๅƒใงใ‚ใ‚Šใ€ๅ†ๆ’ฎๅฝฑใฏ้€ฒใ‚ใพใ›ใ‚“ใ€‚ใƒ”ใ‚ฐใƒž็‰ˆใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใซใ‚ˆใ‚Šๅฝฑ้Ÿฟใ‚’ๅ—ใ‘ใ‚‹ใ‚ปใ‚ฏใ‚ทใƒงใƒณใฎๆ˜ ๅƒใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚’ๅ„ชๅ…ˆ็š„ใซใ—ใฆใ„ใพใ™ใ€‚

     

    ใใ‚Œใงใฏ่‰ฏใ„ไธ€ๆ—ฅใซใชใ‚Šใพใ™ใ€‚

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

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

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

    ใ“ใ‚“ใซใกใฏใ€‚ใ‚จใƒชใƒƒใ‚ฏใงใ™ใ€‚

     

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

     

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ 4. ใƒ”ใ‚ฐใƒžใฎไฝœๆฅญ็’ฐๅขƒใฎ็†่งฃ

    • ็„กๆ–™ใง้–‹ๅง‹ใงใใ‚‹ใƒ”ใ‚ฐใƒžใฎไพกๆ ผ่จญๅฎšใจใ‚ตใƒผใƒ“ใ‚น

    • ไผšๅ“ก็™ป้Œฒใจใƒ”ใ‚ฐใƒžใƒ•ใ‚กใ‚คใƒซ็ฎก็†ใฎใŸใ‚ใฎ็’ฐๅขƒ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ 5. ใƒ”ใ‚ฐใƒžๅŸบ็คŽๆฉŸ่ƒฝใฎ็ฟ’ๅพ—

    • ๅ›ณๅฝขใ‚’ไฝœๆˆใ—ใ€ๅณใƒ‘ใƒใƒซใฎๆฉŸ่ƒฝใ‚’็ฟ’ๅพ—ใ™ใ‚‹

    • ใƒˆใƒฉใƒณใ‚นใƒ•ใ‚ฉใƒผใƒ ใจใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใฎ็งปๅ‹•ใซ้–ข้€ฃใ™ใ‚‹ๆฉŸ่ƒฝใจใ‚ทใƒงใƒผใƒˆใ‚ซใƒƒใƒˆใ‚’็ฟ’ๅพ—ใ™ใ‚‹

    • ใ‚ฝใƒผใƒˆใ€้…ๅธƒใ€Tidy upใ€ใŠใ‚ˆใณ Smart Selection ๆฉŸ่ƒฝ

    • ใƒ†ใ‚ญใ‚นใƒˆใฎไฝœๆˆ

    • ใ‚ซใƒฉใƒผ้–ข้€ฃๆฉŸ่ƒฝ - ใƒ”ใƒƒใ‚ซใƒผใ€ใ‚ฐใƒฉใƒ‡ใƒผใ‚ทใƒงใƒณ

    • ็”ปๅƒใจใƒžใ‚นใ‚ฏๆฉŸ่ƒฝ

    • ใ‚จใƒ•ใ‚งใ‚ฏใƒˆใ‚’็†่งฃใ™ใ‚‹

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ6.็”Ÿ็”ฃๆ€งใ‚’้ซ˜ใ‚ใ‚‹ใƒ—ใƒฉใ‚ฐใ‚คใƒณใจใƒ†ใƒณใƒ—ใƒฌใƒผใƒˆ

    • ๆ™‚้–“ใ‚’ไฝ•ๅ€ใ€ไฝ•ๅๅ€ๆƒœใ—ใ‚€ใ€Œใƒ—ใƒฉใ‚ฐใ‚คใƒณใ€

    • UIใƒ‡ใ‚ถใ‚คใƒณใฎใ‚ฏใ‚ชใƒชใƒ†ใ‚ฃใ‚’ไธ€ๆฐ—ใซ้ซ˜ใ‚ใฆใใ‚Œใ‚‹ใ€Œใƒ†ใƒณใƒ—ใƒฌใƒผใƒˆๆดป็”จๆณ•ใ€

     

    ใใฎๅพŒใ€ๅ‚่€ƒใซใŠ้ก˜ใ„ใ—ใ€ๆฌกใฎใ‚ปใ‚ฏใ‚ทใƒงใƒณๆ˜ ๅƒใ‚‚ใƒ”ใ‚ฐใƒžใƒใƒผใ‚ธใƒงใƒณใฎๆ›ดๆ–ฐใซใ‚ˆใ‚Šๆ˜ ๅƒใฎๅ†ๆ’ฎๅฝฑใŒๅฟ…่ฆใช้ƒจๅˆ†ใซใคใ„ใฆไฝœๆฅญใ‚’้€ฒใ‚ใฆใ„ใพใ™ใ€‚ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚‚้€ฒ่กŒใ™ใ‚‹ใฎใซๅ…ฑๆœ‰ใ•ใ›ใฆใ„ใŸใ ใใพใ™ใ€‚

     

    ใใ‚Œใงใฏ่‰ฏใ„ไธ€ๆ—ฅใซใชใ‚Šใพใ™ใ€‚

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

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

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

    ใ“ใ‚“ใซใกใฏใ€‚ใ‚จใƒชใƒƒใ‚ฏใงใ™ใ€‚

     

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

     

    ใ€ๆ˜ ๅƒๆ›ดๆ–ฐ้ƒจๅˆ†ใ€‘

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ2. UXใ€UIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใจใ—ใฆใƒ”ใ‚ฐใƒžใ‚’็†่งฃใ™ใ‚‹

    - ใƒ”ใ‚ฐใƒžใƒ„ใƒผใƒซใฎ็ดนไป‹

    - ็ตฑ่จˆใง่ชฟในใŸใ€ŒUXใ€UIใƒ‡ใ‚ถใ‚คใƒŠใƒผใฏใฉใฎใƒ„ใƒผใƒซใ‚’ไฝฟใฃใฆใ„ใ‚‹ใฎใ‹๏ผŸใ€

    - UXใ€UIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซๅ›บๆœ‰ใฎ้•ทๆ‰€ใจ็Ÿญๆ‰€ใ€ใใ—ใฆใƒ”ใ‚ฐใƒžใ‚’ไฝฟ็”จใ™ใ‚‹็†็”ฑ

     

    ๅ‚่€ƒใŠ้ก˜ใ„ใ—ใ€ๆœ€่ฟ‘ใƒ”ใ‚ฐใƒžใ‚ฝใƒ•ใƒˆใ‚ฆใ‚งใ‚ขใƒใƒผใ‚ธใƒงใƒณใŒๆ›ดๆ–ฐใ•ใ‚ŒใŸ้ƒจๅˆ†ใŒๅฐ‘ใ—ใšใคใ‚ใ‚Šใ€ใ“ใฎ็‚นใ‚’ๅๆ˜ ใ—ใฆไป–ใฎใ‚ปใ‚ฏใ‚ทใƒงใƒณ/ใƒใƒฃใƒ—ใ‚ฟใƒผใ‚‚ๆ˜ ๅƒๆ’ฎๅฝฑใ‚’้€ฒใ‚ใฆใ„ใพใ™ใ€‚็›ฎๆจ™ใฏไปŠๅนดไธญใซใƒ”ใ‚ฐใƒžใƒใƒผใ‚ธใƒงใƒณใŒๆ›ดๆ–ฐใ•ใ‚ŒใŸ้ƒจๅˆ†ใ‚’ใ™ในใฆๅๆ˜ ใ—ใฆใ€ใ“ใฎ่ฌ›็พฉ้–ข้€ฃๆ˜ ๅƒใ‚’ใ™ในใฆๆ›ดๆ–ฐใ™ใ‚‹ใ“ใจใซใ—ใฆใ„ใพใ™ใ€‚ไป–ใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚‚้€ฒ่กŒไธญใซๅ…ฑๆœ‰ใ—ใพใ™ใ€‚

     

    ใใ‚Œใงใฏ่‰ฏใ„ไธ€ๆ—ฅใซใชใ‚Šใพใ™ใ€‚

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

    ใ“ใ‚“ใซใกใฏใ‚จใƒชใƒƒใ‚ฏใงใ™ใ€‚

    ๅฏ’ใ„ๅ†ฌใฏๆš–ใ‹ใ้Žใ”ใ—ใฆใใ ใ•ใ„ใ€‚

    2021ๅนดใซ็ถšใใ€ UX toolsใง2022ๅนดๅบฆใฎUX/UIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใฎไฝฟ็”จใซ้–ขใ™ใ‚‹็ตฑ่จˆ่ณ‡ๆ–™ใ‚’็™บ่กจใ—ใพใ—ใŸใ€‚ใชใฃใฆใ„ใ‚‹ใฎใ‹ใ‚ใ‹ใ‚Šใพใ—ใŸใฎใงใ‚ˆใ•ใใ†ใงใ™ใ€‚ uxtools.co ๏ผ‰

     

    ็ต่ซ–ใ€Œใƒ”ใ‚ฐใƒž็‹ฌ่‡ชใ€ ๏ผšUXใ€UIใƒ‡ใ‚ถใ‚คใƒณใ‚’ใ™ใ‚‹ใŸใ‚ใซใฏๆง˜ใ€…ใชๆดปๅ‹•ใ‚’ใ—ใชใ‘ใ‚Œใฐใชใ‚Šใพใ›ใ‚“ใ€‚ Wireframeใ€UI Designใ€Design SystemใชใฉใŒใ‚ใ‚Šใพใ™ใ€‚ 2020ๅนดใ‹ใ‚‰2021ๅนดใซใชใ‚Šใ€ใƒ”ใ‚ฐใƒžใŒไป–ใฎใƒ„ใƒผใƒซใซๆฏ”ในใฆใฏใ‚‹ใ‹ใซๆดป็”จใ•ใ‚Œใฆใ‚ฎใƒฃใƒƒใƒ—ใ‚’ๅบƒใ’ใŸใจใ™ใ‚Œใฐใ€ไปŠใฏใปใผใ‚ใตใ‚Œๅฃใƒฌใƒ™ใƒซใง็‹ฌๆญฉ็š„ใซใชใฃใฆใ„ใ‚‹ใ‚ˆใ†ใงใ™ใ€‚

     

    1.ใ“ใฎใ‚ขใƒณใ‚ฑใƒผใƒˆใซใฏ่ชฐใŒๅ‚ๅŠ ใ—ใพใ—ใŸใ‹๏ผŸ ใ€Œไธ–็•Œไธญใฎใƒ‡ใ‚ถใ‚คใƒŠใƒผใŸใกใ€

    ไปŠๅ›žใฎใ‚ขใƒณใ‚ฑใƒผใƒˆใงใฏใ€ไธ–็•ŒไธญใฎUXใƒ‡ใ‚ถใ‚คใƒŠใƒผใพใŸใฏ้–ข้€ฃๆฅญ็จฎใงๅพ“ไบ‹ใพใŸใฏๅƒใ„ใฆใ„ใ‚‹ๆ–น4260ไบบใŒๅ‚ๅŠ ใ—ใพใ—ใŸใ€‚

     

    2. ใฉใ‚“ใช่ทๆฅญไบบใŒๅ‚ๅŠ ใ‚’ใŸใใ•ใ‚“ใ™ใ‚‹ใฎใ‹๏ผŸ ใ€ŒUXใ€UIใ‚’ใ™ในใฆใ™ใ‚‹ใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใ€UX/UIใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒๅคšใใชใ‚‹ใƒˆใƒฌใƒณใƒ‰็™บ่ฆ‹ใ€

     

    ๅ‚ๅŠ ใ—ใŸ่ทๆฅญ็พคใฏใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใจUX/UIใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒไธ€็•ชๅคšใ‹ใฃใŸใงใ™ใ€‚

     

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

     

    2021ๅนดๅ‚ๅŠ ่€…ใฎ่ทๆฅญ็พค๏ผˆไธ‹๏ผ‰

     

     

    2022ๅนดๅ‚ๅŠ ่€…ใฎ่ทๆฅญ็พค๏ผˆไธ‹๏ผ‰

     

    3. UIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใ‚ขใƒณใ‚ฑใƒผใƒˆ็ตๆžœใ€Œใƒ”ใ‚ฐใƒžใง็ต‚็ตใ€

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

     

    ใ ใ‹ใ‚‰UIใƒ‡ใ‚ถใ‚คใƒณใฎๅ…ฅ้–€ใ‚’ๆ‚ฉใ‚“ใงใ„ใ‚‹ๆ–นใชใ‚‰ใ€ใพใšใƒ”ใ‚ฐใƒžใ‚’ๅญฆใถใ“ใจใ‚’ใŠๅ‹งใ‚ใ—ใพใ™ใ€‚

     

    2021ๅนดUIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใ‚ขใƒณใ‚ฑใƒผใƒˆ็ตๆžœ

     

     

    2022ๅนดUIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใ‚ขใƒณใ‚ฑใƒผใƒˆ็ตๆžœ

     

    ๅนดๅบฆๅˆฅใฎUIใƒ‡ใ‚ถใ‚คใƒณๅธ‚ๅ ดใ‚ทใ‚งใ‚ขใฎๅค‰ๅŒ–

     

     

     

    4. UIใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใ€ŒBasicใฏใƒ”ใ‚ฐใƒžใŒใ€Advancedใฏใƒ—ใƒญใƒˆใƒ•ใ‚กใ‚คใ€

    ไปŠๅนดใฎUIใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใ‚ขใƒณใ‚ฑใƒผใƒˆใฏ2ใคใฎใ‚ปใ‚ฏใ‚ทใƒงใƒณใซๅˆ†ใ‹ใ‚Œใฆใ„ใพใ—ใŸใ€‚ 1ใคใฏBasicใ€ใ‚‚ใ†1ใคใฏAdvancedใงใ™ใ€‚ BasicใฏๅŸบๆœฌ็š„ใซ็”ป้ขใŒ้ง†ๅ‹•ใ•ใ‚Œใฆ่ฆ‹ใˆใ‚‹ใใ‚‰ใ„ใ€่ปฝใ„ใ‚ขใƒ‹ใƒกใจใ‹็”ป้ขใ‚ฏใƒชใƒƒใ‚ฏใŒๅฏ่ƒฝใซใชใ‚‹ใใ‚‰ใ„ใง่ฆ‹ใ‚Œใฐใ„ใ„ใ‚ˆใ†ใงใ€Advancedใฏใฏใ‚‹ใ‹ใซ้ซ˜ๅ“่ณชใงใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใ‚’ใ™ใ‚‹ใ“ใจใง่ฆ‹ใ‚Œใฐใ„ใ„ใ‚ˆใ†ใงใ™ใ€‚ Basicใฏใƒ”ใ‚ฐใƒžใŒใ€Advancedใฏ้Ÿ“ๅ›ฝใงไฝœใฃใŸใ‚ฝใƒ•ใƒˆใ‚ฆใ‚งใ‚ขProtopieใŒ1ไฝใ‚’ๅ ใ‚ใพใ—ใŸใ€‚

     

    5.ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใ€Œใ“ใ‚Œใ‚‚ใƒ”ใ‚ฐใƒžใ€

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

     

    6. ใƒ‡ใ‚ธใ‚ฟใƒซใƒ›ใƒฏใ‚คใƒˆใƒœใƒผใƒ‰ใ€ŒMiroใจใƒ”ใ‚ฐใƒžใงไฝœใฃใŸใƒ”ใ‚ฐใ‚ธใƒฃใƒ ใฎ็ซถไบ‰ใ€

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

     

     

    * ใใฎไป–ใซใ‚‚ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒใ‚ฝใƒ•ใƒˆใ‚ฆใ‚งใ‚ขใจใ‹ใ€ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒใƒชใ‚ฏใƒซใƒผใƒ†ใ‚ฃใƒณใ‚ฐใƒ„ใƒผใƒซใซๅฏพใ™ใ‚‹ใ‚ขใƒณใ‚ฑใƒผใƒˆ่ชฟๆŸปใ‚‚ใ‚ใ‚Šใพใ™ใฎใงใ€ไธ€ๅบฆใ”่ฆงใใ ใ•ใ„ใ€‚

     

    ใพใจใ‚ใจ่€ƒใˆ

    1.ใƒ”ใ‚ฐใƒžใฏใ€UXใ€UIใƒ‡ใ‚ถใ‚คใƒณใฎใŸใ‚ใฎใปใผใ™ในใฆใฎใƒ—ใƒญใ‚ปใ‚นใซใ‚ฝใƒชใƒฅใƒผใ‚ทใƒงใƒณใ‚’ๆไพ›ใ—ใฆใ„ใพใ™ใ€‚ใƒ–ใƒฌใƒผใƒณใ‚นใƒˆใƒผใƒŸใƒณใ‚ฐใฎใŸใ‚ใฎใƒ”ใ‚ฐใ‚ธใƒฃใƒ ใ€ใƒฏใ‚คใƒคใƒผใƒ•ใƒฌใƒผใƒ ใ€UIใƒ‡ใ‚ถใ‚คใƒณใ€ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใ€ใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ—ใพใงใงใ™ใญใ€‚ใ—ใ‹ใ‚‚ใƒ—ใƒฉใ‚ฐใ‚คใƒณใจใ‚ชใƒผใƒ—ใƒณใ‚ฝใƒผใ‚นใฎใƒ†ใƒณใƒ—ใƒฌใƒผใƒˆใฏใพใ™ใพใ™ๅคšใใชใฃใฆใ„ใใฎใงใ€ใšใฃใจใ‚ใตใ‚Œๅฃใซ่กŒใฃใฆใ„ใ‚‹ใ‚ˆใ†ใงใ™ใ€‚

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

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

    4.ใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใ€UX / UIใƒ‡ใ‚ถใ‚คใƒŠใƒผใฎ้œ€่ฆใŒใพใ™ใพใ™ๅคงใใใชใ‚‹ใ“ใจใ‚’ๆ„Ÿใ˜ใพใ™ใ€‚ๅ…ฅ้–€่€…ใฎๆ–นใฏใ“ใ‚“ใช็‚นใ‚’ๅ‚่€ƒใซใ—ใฆใ‚ญใƒฃใƒชใ‚ข่จญ่จˆใ‚’ใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐใจๆ€ใ„ใพใ™ใ€‚

     

     

    ่ณ‡ๆ–™ใ‚ฝใƒผใ‚น๏ผš

    UX tools 2022ๅนดใฎ็ตฑ่จˆ็ตๆžœ

    UX tools 2021ๅนดใฎ็ตฑ่จˆ็ตๆžœ

     

    ใใฎไป–:

    2021ๅนดUXใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซ็ตฑ่จˆ็™บ่กจใ€Œใƒ”ใ‚ฐใƒžใฎ็‹ฌ่ตฐใ€

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

    ใ“ใ‚“ใซใกใฏใ€‚ใ‚จใƒชใƒƒใ‚ฏใงใ™ใ€‚

    ๅคใŒ่ฟ‘ใฅใ„ใฆใ„ใพใ™ใŒใ€ใฟใ‚“ใชไปฒ่‰ฏใใ—ใฆใ„ใพใ™ใ‹๏ผŸ็งใŒใ„ใ‚‹ใƒ‹ใƒฅใƒผใƒจใƒผใ‚ฏใฏไปŠใ€ใ‹ใชใ‚Šๆš‘ใใชใ‚Šๅง‹ใ‚ใพใ—ใŸใ€‚

     

    ็งใฏไปŠๅ›žใ€UXใƒ‡ใ‚ถใ‚คใƒณๅ…ฅ้–€่€…ใฎใŸใ‚ใฎๆฆ‚่ซ–ๆ›ธใ‚’ๅ‡บ็‰ˆใ™ใ‚‹ใ‚ˆใ†ใซใชใ‚Šใ€ใƒ‹ใƒฅใƒผใ‚นใ‚’ๅ…ฑๆœ‰ใ—ใพใ™ใ€‚ UXใƒ‡ใ‚ถใ‚คใƒณใฎๆฆ‚ๅฟตใจUX/UIใƒ‡ใ‚ถใ‚คใƒณใฎๅŽŸ็†ใ€ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒใ€ใ‚ญใƒฃใƒชใ‚ขใƒญใƒผใƒ‰ใƒžใƒƒใƒ—ใฎ่จญ่จˆๆ–นๆณ•ใชใฉใซใคใ„ใฆๅ–ใ‚ŠไธŠใ’ใŸๆœฌใงใ™ใ€‚

     

    ใ‚คใ‚จใ‚น24ใ€ๆ•™ๅ ฑๆ–‡ๅบซใชใฉใ‚คใƒณใ‚ฟใƒผใƒใƒƒใƒˆ็ตŒ็”ฑใงๆณจๆ–‡ใงใใพใ™ใ€‚ ๏ผˆ๐Ÿ‘‰่ณผๅ…ฅใƒชใƒณใ‚ฏ๏ผ‰

    *็งใŒใ‚คใƒณใƒ•ใƒฉใ‚นใƒˆใƒฉใ‚ฏใƒใƒฃใซ้–‹่จญใ—ใŸUXใƒ‡ใ‚ถใ‚คใƒณใฎๆฆ‚่ซ–ๆŽˆๆฅญใฎๅ†…ๅฎนใซๅ†…ๅฎนใ‚’ๅฐ‘ใ—่ฟฝๅŠ ใ—ใฆ็ทจใ‚“ใ ๆœฌใชใฎใงใ€ใใฎๆŽˆๆฅญใ‚’ใ™ใงใซ่žใ„ใฆใ„ใŸใ‚‰ๆœฌใฏ่ชญใพใชใใฆใ‚‚ใ„ใ„ใ‚ˆใ†ใงใ™ใ€‚

     

    โœ…ๆœฌใ‚’ๆ›ธใ„ใŸ่ƒŒๆ™ฏ

    ็งใฏ10ๅนดๅ‰ใซๅˆใ‚ใฆUXใƒ‡ใ‚ถใ‚คใƒณใฎใ‚ญใƒฃใƒชใ‚ขใ‚’ๅง‹ใ‚ใŸใจใใ€่ชฐใ‹ใซ็Ÿฅ่ญ˜ใ‚’ไผใˆใŸใ‚Šๆ•™ใˆใ‚‹ใ“ใจใฏ่จˆ็”ปใ—ใฆใŠใ‚‰ใšใ€ๆƒณๅƒใ—ใŸใ“ใจใŒใ‚ใ‚Šใพใ›ใ‚“ใงใ—ใŸใ€‚ใจใ“ใ‚ใŒๆ•ฐๅนดๅ‰ใ€ๆ„Ÿ่ฌใ—ใฆใ‚‚UXๅ…ฅ้–€่€…ใฎๆ–นใ€…ใ‚’ใŠๆ‰‹ไผใ„ใ™ใ‚‹ๆฉŸไผšใŒใงใใพใ—ใŸใ€‚

    ็งใฏใ‚ฝใ‚ฆใƒซใจใƒ‹ใƒฅใƒผใƒจใƒผใ‚ฏใงUXใ€UIใƒ‡ใ‚ถใ‚คใƒณใจใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒใ‚’ๅ‹‰ๅผทใ—ใ€ๅฎŸๅ‹™ใ‚’็ตŒ้จ“ใ—ใฆๆˆ้•ทใ—ใฆใใพใ—ใŸใ€‚็š†ใ•ใ‚“ใ‚’ๅŠฉใ‘ใฆใใ‚Œใ‚‹ใ“ใจใซใ‚„ใ‚ŠใŒใ„ใ‚’ๆ„Ÿใ˜ใพใ—ใŸใ€‚

    UXๅˆ†้‡Žใง้€ฒ่ทฏใ‚’ๆ‚ฉใ‚“ใงใ„ใ‚‹ๆ–นใซใฏใ€ไปŠใŒไบบ็”Ÿใง้‡่ฆใช่ฆ–็‚นใชใฎใงใ™ใŒใ€ใ“ใฎๆœฌใ‚’้€šใ—ใฆๅฐ‘ใ—ใงใ‚‚ๅฝนใซ็ซ‹ใคใ“ใจใ‚’้ก˜ใฃใฆใ„ใพใ™ใ€‚ๆœฌใซใคใ„ใฆ่ณชๅ•ใŒใ‚ใ‚‹ๅ ดๅˆใฏใ€ใŠๆฐ—่ปฝใซใŠๅ•ใ„ๅˆใ‚ใ›ใใ ใ•ใ„ใ€‚ (ericworld121@gmail.com)

     

    โœ…ใชใœUXใƒ‡ใ‚ถใ‚คใƒณใฎๅ…ฅ้–€ใซใ‚ฌใ‚คใƒ‰ใŒๅฟ…่ฆใชใฎใงใ™ใ‹๏ผŸ

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

    ใ€ŒUXใƒ‡ใ‚ถใ‚คใƒณใฏไฝ•ใ‚’ใ™ใ‚‹ใฎใ ใ‚ใ†ใ‹๏ผŸใ€

    ใ€Œ็งใฏๅฐ‚ๆ”ป่€…ใงใฏใ‚ใ‚Šใพใ›ใ‚“ใŒใ€UXใƒ‡ใ‚ถใ‚คใƒŠใƒผใซใชใ‚‹ใ“ใจใŒใงใใพใ™ใ‹๏ผŸใ€

    ใ€Œ็งใฏ่ฆ–่ฆš็š„ใชๆ„Ÿ่ฆšใŒๅ„ชใ‚Œใฆใ„ใ‚‹ใฎใ‹ๅˆ†ใ‹ใ‚‰ใชใ„ใŒใ€ใ“ใฎๅˆ†้‡Žใซๅ…ฅ้–€ใงใใ‚‹ใ‹๏ผŸใ€

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

    ใใ“ใงใ“ใฎๆœฌใงใฏใ€็พๆฅญใงUX/UIใƒ‡ใ‚ถใ‚คใƒŠใƒผใจใ—ใฆ10ๅนดไฝ™ใ‚ŠใŒๅƒใ„ใฆใ„ใ‚‹็งใŒไปŠใพใง่ฌ›็พฉใ€ใ‚ณใƒผใƒใƒณใ‚ฐใ‚’ใ—ใชใŒใ‚‰ๅ…ฅ้–€่€…ใฎๆ–นใ€…ใซๅฝน็ซ‹ใฃใŸๅ†…ๅฎนใ‚’ใพใจใ‚ใฆๆฌกใฎๅ†…ๅฎนใงๆง‹ๆˆใ—ใพใ—ใŸใ€‚

     

    โœ”๏ธUXใฎๆœฌ่ณช็š„ใชๆฆ‚ๅฟต๏ผšUXใ€UXใƒ‡ใ‚ถใ‚คใƒณใ€UIใƒ‡ใ‚ถใ‚คใƒณใฏไฝ•ใงใ™ใ‹๏ผŸ

    โœ”๏ธ UXใƒ‡ใ‚ถใ‚คใƒŠใƒผใฏใฉใ‚“ใชใƒžใ‚คใƒณใƒ‰ใ‚ปใƒƒใƒˆใ‚’ๆŒใฃใฆๅ…ฅ้–€ใ—ใ€ๅฎŸๆˆฆใซๅ–ใ‚Š็ต„ใ‚€ในใใ‹๏ผŸ

    โœ”๏ธUXใ€UIใƒ‡ใ‚ถใ‚คใƒณใ‚’ใ™ใฐใ‚„ใใ†ใพใใ„ใใฎใซๅฝน็ซ‹ใคใƒ‡ใ‚ถใ‚คใƒณๅŽŸ็†ใจใฏไฝ•ใงใ™ใ‹๏ผŸ

    โœ”๏ธ UXใƒ‡ใ‚ถใ‚คใƒณใฎไธญๆ ธ็š„ใช็ŸฅไบบใŒใ€ใƒฆใƒผใ‚ถใƒผใƒชใ‚ตใƒผใƒใจใฏไฝ•ใงใ™ใ‹๏ผŸ

    โœ”๏ธใƒฆใƒผใ‚ถใƒผใ‚’ๅผ•ใไป˜ใ‘ใ‚‹UXใฏใฉใฎใ‚ˆใ†ใชใƒ—ใƒญใ‚ปใ‚นใงไฝœใ‚‰ใ‚Œใพใ™ใ‹๏ผŸ

    โœ”๏ธๆœ€่ฟ‘ใฎๆŠ€่ก“ๆฅญ็•Œใงใฏใ€่ฃฝๅ“ใฏใฉใฎใ‚ˆใ†ใซไฝœๆˆใ•ใ‚ŒใฆใŠใ‚Šใ€ใ“ใฎใŸใ‚ใซUXใƒ‡ใ‚ถใ‚คใƒŠใƒผใฏใฉใฎใ‚ˆใ†ใชๅฝนๅ‰ฒใ‚’ๆžœใŸใ—ใพใ™ใ‹๏ผŸ

    โœ”๏ธ UX้–ข้€ฃใฎ่ทๆฅญใฏใฉใ‚“ใชใ‚‚ใฎใŒใ‚ใ‚‹ใฎใ‹โ€‹โ€‹๏ผŸ

    โœ”๏ธ UXใ‚ญใƒฃใƒชใ‚ขใƒญใƒผใƒ‰ใƒžใƒƒใƒ—๏ผšไปŠใ€ใƒ‡ใ‚ถใ‚คใƒŠใƒผใซใชใ‚‹ใŸใ‚ใซไฝ•ใ‚’ใ™ในใใงใ™ใ‹๏ผŸ (Feat.ใƒ„ใƒผใƒซใ€ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ€ใƒใƒผใƒˆใƒ•ใ‚ฉใƒชใ‚ช)

     

    โœ…่ชฐใฎใŸใ‚ใฎๆœฌใงใ™ใ‹๏ผŸ

    ใ“ใฎๆœฌใฏๆฌกใฎใ‚ˆใ†ใชๆ–นใ€…ใ‚’่€ƒใˆใฆๅŸท็ญ†ใ—ใพใ—ใŸใ€‚

    โœ”๏ธUXใƒ‡ใ‚ถใ‚คใƒณใซ่ˆˆๅ‘ณใŒใ‚ใ‚Šใ€UXใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒไฝ•ใ‚’ใ—ใฆใ„ใ‚‹ใฎใ‹็Ÿฅใ‚ŠใŸใ„ไบบ

    โœ”๏ธใƒ‡ใ‚ถใ‚คใƒณ้žๅฐ‚ๆ”ป่€…ใ€UXใจๅ…จใ็„ก้–ขไฟ‚ใชๅˆ†้‡Žใงไป•ไบ‹ใ‚’ใ—ใฆใ„ใ‚‹ใŒใ€UXใซ่ท็จฎ่ปขๆ›ใ‚’ๆ‚ฉใ‚“ใงใ„ใ‚‹ๆ–น

    โœ”๏ธใ—ใฃใ‹ใ‚Šใ—ใŸUXใ€UIๅŸบๆœฌๆฉŸใ‚’ใ€Œใ™ใฐใ‚„ใใ€ๅ›บใ‚ใŸใ„ๆ–น

    โœ”๏ธUXใƒ‡ใ‚ถใ‚คใƒŠใƒผใจใ‚ณใƒฉใƒœใƒฌใƒผใ‚ทใƒงใƒณใ‚’ใ—ใฆใ„ใ‚‹ไบบ

    โœ”๏ธๆ–ฐใ—ใ„ๅˆ†้‡Žใซใคใ„ใฆๅญฆใณใŸใ„ใจใ„ใ†ๆ†งใ‚ŒใŒใ‚ใ‚‹ๆ–น

     

    โœ…ใŠใ™ใ™ใ‚

    ใ€ŒUXๅˆ†้‡Žใซ้€ฒ่ทฏใ‚’ๅˆ‡ใ‚Šๆ›ฟใˆใ‚‹ใ‹่ฟทใฃใฆใ„ใŸๆ™‚ๆœŸใซใ€่‘—่€…ใฎใ€ŒUXใƒ‡ใ‚ถใ‚คใƒณๅ…ฅ้–€่ฌ›็พฉใ€ใซๅˆใ‚ใฆ่งฆใ‚ŒใŸใ€‚่งฃๆถˆใ—ใ€ๆ–ฐใ—ใ„ๅง‹ใพใ‚Šใ‚’ๆฑบๅฟƒใงใใ‚‹ๅ‹‡ๆฐ—ใ‚’ๆคใˆใฆใใ‚ŒใŸใ€‚

    - ใ‚คใƒปใ‚ฎใƒงใƒณใ‚ฆใƒณ

     

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

    - ใ‚คใƒปใ‚ฎใƒงใƒณใƒŸใƒณ๏ผˆGoogle UXใƒ‡ใ‚ถใ‚คใƒŠใƒผ๏ผ‰

     

    ใ€ŒUXๅ…ฅ้–€่€…ใŒๅฟ˜ใ‚Œใšใซ่ฆšใˆใฆใŠใในใUXใฎๅŽŸ็†ใจใƒˆใƒฌใƒณใƒ‰ใซ็…งใ‚‰ใ—ใฆๅๆ˜ ใ™ในใๅฎŸๅ‹™็Ÿฅ่ญ˜ใพใง็†่งฃใ—ใ‚„ใ™ใๅ–ใ‚ŠไธŠใ’ใ‚‰ใ‚Œใฆใ„ใ‚‹ใ€‚ UXๅ…ฅ้–€่€…ใ ใ‘ใงใชใUXๅŸบๆœฌใ‚’ๅ†ใณ่ฆšใˆใ€ใ—ใฃใ‹ใ‚Šๅ›บใ‚ใŸใ„ใ‚ธใƒฅใƒ‹ใ‚ขใƒ‡ใ‚ถใ‚คใƒŠใƒผใซใ‚‚ไพฟๅˆฉใชใ‚ฌใ‚คใƒ‰ใƒฉใ‚คใƒณใซใชใ‚‹ใจ็ขบไฟกใ™ใ‚‹ใ€‚

    - ใ‚คใƒปใ‚ฌใƒณใƒŸใƒณ๏ผˆใƒใƒณใƒ•ใ‚กใƒฉใ‚คใƒ•UXไผ็”ป่€…๏ผ‰

     

    ใ€ŒUXใ‚’ๅˆใ‚ใฆๅ…ฅ้–€ใ™ใ‚‹ใ‚ธใƒฅใƒ‹ใ‚ขใƒ‡ใ‚ถใ‚คใƒŠใƒผใ‹ใ‚‰UXใ‚’ไธ€็ท’ใซๆ‚ฉใพใชใ‘ใ‚Œใฐใชใ‚‰ใชใ„ไผ็”ป่€…ใ€ใƒžใƒผใ‚ฑใ‚ฟใƒผใฎใ‚ˆใ†ใชใ™ในใฆใฎ่ท่ปใซๅฝน็ซ‹ใคๅ†…ๅฎนใงใ„ใฃใฑใ„ใ ใ€

    - ใ‚ฝใƒณใƒปใƒŸใƒณใ‚นใƒณ๏ผˆใƒกใ‚ฟ๏ผˆใƒ•ใ‚งใ‚คใ‚นใƒ–ใƒƒใ‚ฏ๏ผ‰ใ‚ทใƒ‹ใ‚ขใƒ‡ใ‚ถใ‚คใƒŠใƒผ๏ผ‰

     

    ๆ›ธ็ฑใฎ่ฉณ็ดฐใจๅฎŒๅ…จใชใŠใ™ใ™ใ‚ใฏใ€ๆฌกใฎใƒชใƒณใ‚ฏใงใ”่ฆงใ„ใŸใ ใ‘ใพใ™ใ€‚

    ๐Ÿ‘‰ๆŽจ่–ฆ่€…ใจ่ฉณ็ดฐ็ดนไป‹

     

    ๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“ใ‚’้€šใ—ใฆ็งใ‚‚ๆˆ้•ทใ—ใฆใ„ใพใ™ใ€‚

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

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

    ๆ˜จๅนดใซ็ถšใใ€ใ—ใฐใ‚‰ใๅ‰ใซUX toolsใง2021ๅนดๅบฆใฎUX/UIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใฎไฝฟ็”จใซ้–ขใ™ใ‚‹็ตฑ่จˆ่ณ‡ๆ–™ใ‚’็™บ่กจใ—ใพใ—ใŸใ€‚็งใฏไปŠๅ›žใฏใ‚ขใƒณใ‚ฑใƒผใƒˆ่ชฟๆŸปใซใ‚‚ๅ‚ๅŠ ใ—ใ€็™บ่กจใŒใฉใฎใ‚ˆใ†ใซๅ‡บใฆใใ‚‹ใฎใ‹ๆฐ—ใซใชใ‚Šใ€ใ‚‚ใฃใจๆฐ—ใ‚’ใคใ‘ใฆ่ฆ‹ใพใ—ใŸใ€‚็ตฑ่จˆ่ชฟๆŸปใฎ็ตๆžœใ‚’ใพใจใ‚ใฆใฟใพใ—ใŸใ€‚ ๏ผˆ็ตฑ่จˆๆƒ…ๅ ฑๆบ๏ผšuxtools.co๏ผ‰

    ๆ™‚้–“ใŒใชใ„ๆ–นใฏใ€ๆฌกใฎ่ฆ็ด„ๅ†…ๅฎนใ‚’ใ”็ขบ่ชใใ ใ•ใ„ใ€‚

    _

    ใพใจใ‚ใจ่€ƒใˆ๏ผš

    ใ€ŒUX/UIใƒ‡ใ‚ถใ‚คใƒณใƒ—ใƒญใ‚ปใ‚นใฎใปใผๅ…จ้ ˜ๅŸŸใงไป–ใฎใƒ„ใƒผใƒซใ‚’ๅœงๅ€’ใ™ใ‚‹ใƒ”ใ‚ฐใƒžใ€

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

    _

    ็ตฑ่จˆ็ตๆžœใฎใ‚ฏใƒชใƒผใƒณใ‚ขใƒƒใƒ—

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

     

     

    ๏ผšๅ›ฝๅˆฅๅ‚ๅŠ ่€…ๆ•ฐใƒฉใƒณใ‚ญใƒณใ‚ฐ

    ๅ‚ๅŠ ใ—ใŸ่ท็จฎๅˆฅๅ‚ๅŠ ่€…ใƒฉใƒณใ‚ญใƒณใ‚ฐใฏไปฅไธ‹ใฎ้€šใ‚Šใงใ™ใ€‚ UXใ€UIใƒ‡ใ‚ถใ‚คใƒณใ‚’ใ™ในใฆๅ…ผใญใ‚‹ใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒๆœ€ใ‚‚ๅคšใๅ‡บใฆใใฆUXใƒ‡ใ‚ถใ‚คใƒณใ€UIใƒ‡ใ‚ถใ‚คใƒณใŒใใฎๅพŒใ‚’็ตใ‚“ใงใ„ใ‚‹ใŒใ€ไปŠใงใฏใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒๅคงๅ‹ขใฎ่ท็พคใฎไธ€ใคใจใ—ใฆ็ขบใ‹ใซๅธญใ‚’ใคใ‹ใ‚“ใงใ„ใ‚‹ใ‚ˆใ†ใงใ™ใ€‚ใฉใ†ใ‚„ใ‚‰ใƒ—ใƒญใƒ€ใ‚ฏใƒˆใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒAgile/Lean็ต„็น”ใงๅฅฝใ‚€ใ‹ใ‚‰ใงใฏใชใ„ใ‹ใจๆ€ใ„ใพใ™ใ€‚

     

     

    ๏ผš็›ด่ปๅˆฅ็ตฑ่จˆๅ‚ๅŠ ่€…ๆ•ฐใƒฉใƒณใ‚ญใƒณใ‚ฐ

     

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

     

    ใใ‚Œใงใฏใ€ๅœฐๅŸŸๅˆฅใซ็ตๆžœใ‚’่ฆ‹ใฆใฟใพใ—ใ‚‡ใ†ใ€‚ ๏ผˆๅ‡บๅ…ธ๏ผšUXtools.co๏ผ‰

     

    _

    1. UIใƒ‡ใ‚ถใ‚คใƒณ๏ผšใ€Œใƒฆใƒ‹ใƒผใ‚ฏใชใƒ•ใ‚ฃใ‚ฐใƒžใ€

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

    ็ตฑ่จˆ็ตๆžœใฏใƒ”ใ‚ฐใƒžใŒๆ˜จๅนดใซ็ถšใ1ไฝใ‚’้”ๆˆใ—ใŸใŒใ€ใฏใ‚‹ใ‹ใซๅœงๅ€’็š„ใ ใฃใŸใจใ„ใ†ใ“ใจใงใ™ใ€‚ไธ‹ใฏ2020ๅนดๅŸบๆบ–ใƒฉใƒณใ‚ญใƒณใ‚ฐใชใฎใซใƒ”ใ‚ฐใƒžใŒใ‚นใ‚ฑใƒƒใƒใ‚’ๅˆใ‚ใฆๅ…ˆใซ1ไฝใซใชใฃใŸๅนดใงใ‚‚ใ‚ใ‚Šใพใ™ใ€‚ใ‚นใ‚ฑใƒƒใƒใŒใพใ ๅญ˜ๅœจๆ„ŸใŒใ‚ใ‚Šใพใ—ใŸใ€‚

     

     

    ๏ผš2020ๅนดUIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใƒฉใƒณใ‚ญใƒณใ‚ฐ

     

    2021ๅนดใฎ็ตฑ่จˆ็ตๆžœใฏใ€ใƒ”ใ‚ฐใƒžใŒไป–ใฎใƒ„ใƒผใƒซใ‚’ๅœงๅ€’ใ—ใŸใจ่ฆ‹ใ‚‹ใ“ใจใŒใงใใ‚‹ใปใฉ้ ใ้€ƒใ’ใ‚‹ๅงฟใงใ™ใ€‚

    ๏ผš2021ๅนดUIใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซใƒฉใƒณใ‚ญใƒณใ‚ฐ

     

    ๏ผšๅนดใ”ใจใฎUIใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚งใ‚ขใฎๅค‰ๅŒ–

    _

    ใƒ”ใ‚ฐใƒžใŒใ‚ˆใๅ‡บใฆใใ‚‹็†็”ฑใฏใ„ใ‚ใ„ใ‚ใ‚ใ‚Šใใ†ใงใ™ใŒใ€ๆœ€ๅคงใฎ็†็”ฑใจใ—ใฆใฏๆฌกใฎ็จ‹ๅบฆใซใชใ‚‰ใชใ„ใ‹ใจๆ€ใ„ใพใ™๏ผˆๅ‚่€ƒใซ็งใŒใƒ”ใ‚ฐใƒžใ‚’ไฝฟใ†็†็”ฑใงใ‚‚ใ‚ใ‚Šใพใ™ใ€‚๏ผ‰

    โ€ขใƒ”ใ‚ฐใƒžใฏใ€ใ‚นใ‚ฑใƒƒใƒใซๆฏ”ในใฆMacOSใ ใ‘ใงใชใWindowsใงใ‚‚ไฝฟ็”จใงใใพใ™ใ€‚

    โ€ขใƒ”ใ‚ฐใƒžใฎใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃๆฉŸ่ƒฝใ€‚ใ•ใพใ–ใพใชใƒ—ใƒฉใ‚ฐใ‚คใƒณใจใƒ†ใƒณใƒ—ใƒฌใƒผใƒˆใŒๅˆฉ็”จๅฏ่ƒฝใงใ™ใ€‚

    โ€ขใƒ‡ใ‚ถใ‚คใƒŠใƒผใ ใ‘ใงใชใใ€ไธ€็ท’ใซๅƒใใƒใƒผใƒ ใƒกใƒณใƒใƒผใจใฎใ‚ณใƒฉใƒœใƒฌใƒผใ‚ทใƒงใƒณใ‚‚ๅฎนๆ˜“ใงใ™ใ€‚ๆœ‰ๆ–™ไผšๅ“กใงใชใใฆใ‚‚Viewใƒขใƒผใƒ‰ใงใ‚ณใƒกใƒณใƒˆใ‚’ๆฎ‹ใ™ใ“ใจใŒใงใใ‚‹ใ€‚

    โ€ขใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใ€ใƒใƒณใƒ‰ใ‚ชใƒ•ใชใฉใฎๆฉŸ่ƒฝใ‚‚ๅฏ่ƒฝใชใŸใ‚ใ€ไป–ใฎใ‚ขใƒ—ใƒชใ‚’ๅˆฅใ€…ใซใ‚คใƒณใ‚นใƒˆใƒผใƒซใ—ใฆไฝฟ็”จใ™ใ‚‹ๅฟ…่ฆใฏใ‚ใ‚Šใพใ›ใ‚“๏ผˆใ‚ชใƒผใƒซใ‚คใƒณใƒฏใƒณๅŠนๆžœ๏ผ‰

    _

    2. UI ใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐ: ใ€Œใ‚ใตใ‚Œๅฃ Figmaใ€

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

    ใ‹ใคใฆ็ฐกๅ˜ใซไฝฟใ„ใ‚„ใ™ใใชใฃใŸInvisionใฏใ€็พๅœจๅญ˜ๅœจๆ„ŸใŒใปใจใ‚“ใฉใชใใชใฃใŸใ‚ˆใ†ใงใ™ใ€‚ๅธ‚ๅ ดใง4ไฝใพใงไธŠใŒใฃใŸใจใ„ใ†็‚นใงใ™ใ€‚ใคใ‘ใฆใปใ—ใ„ใงใ™ใ€‚

     

     

    ๏ผšUIใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใƒ„ใƒผใƒซใƒฉใƒณใ‚ญใƒณใ‚ฐ

     

    ๏ผšUIใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใƒ„ใƒผใƒซๅนดใ”ใจใฎใ‚ทใ‚งใ‚ขใฎๅค‰ๆ›ด

    _

    3.ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใ€ใƒใƒณใƒ‰ใ‚ชใƒ•

    ใ‚ซใƒฉใƒผใ€ใƒ•ใ‚ฉใƒณใƒˆใชใฉใƒ‡ใ‚ถใ‚คใƒณ่ฆ็ด ใซๅฏพใ™ใ‚‹็ตฑไธ€ๆ€ง/ไธ€่ฒซๆ€งใฎใŸใ‚ใซๆดป็”จใ™ใ‚‹ใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใจใ‚‚UIใƒ‡ใ‚ถใ‚คใƒณใจๅŒๆง˜ใซใƒ”ใ‚ฐใƒžใŒ1ไฝใจใ—ใฆ2ไฝใ€3ไฝใƒ„ใƒผใƒซใจใฎ้–“้š”ใŒๅคงใใ้–‹ใ‹ใ‚Œใพใ—ใŸใ€‚ใƒ”ใ‚ฐใƒžใฎใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใ€StyleๆฉŸ่ƒฝใŒ็ฐกๅ˜ใงใƒใƒผใƒ ใจใ—ใฆไฝฟ็”จใ™ใ‚‹ๅ ดๅˆใ€Libraryใ‚’้€šใ˜ใฆใƒใƒผใƒ ใƒกใƒณใƒใƒผ้–“ใฎๅ…ฑ็”จใงๆดป็”จใงใใ€ใ‚ใˆใฆไป–ใฎใƒ„ใƒผใƒซใ‚’ไฝฟ็”จใ™ใ‚‹ๅฟ…่ฆใŒใชใ„ใŸใ‚ๅธ‚ๅ ดๅ„ชไฝใ‚’ๅ ใ‚ใฆใ„ใ‚‹ใจ่€ƒใˆใ‚‰ใ‚Œใพใ™ใ€‚

    ใƒใƒณใƒ‰ใ‚ชใƒ•ใฏใ€ใƒ”ใ‚ฐใƒžใŒใ‚ผใƒ—ใƒชใƒณใ‚’ไน—ใ‚Š่ถŠใˆใฆ1ไฝใ‚’ๅ›บใ‚ใฆใ„ใพใ™ใ€‚

     

    ๏ผšใƒ‡ใ‚ถใ‚คใƒณใ‚ทใ‚นใƒ†ใƒ ใƒ„ใƒผใƒซใƒฉใƒณใ‚ญใƒณใ‚ฐใฎๅค‰ๅŒ–

     

    ๏ผšใƒใƒณใƒ‰ใ‚ชใƒ•ใƒ„ใƒผใƒซใƒฉใƒณใ‚ญใƒณใ‚ฐใฎๅค‰ๆ›ด

    _

    4.ใƒ‡ใ‚ธใ‚ฟใƒซใƒ›ใƒฏใ‚คใƒˆใƒœใƒผใƒ‰ใ€ใƒ–ใƒฌใƒผใƒณใ‚นใƒˆใƒผใƒŸใƒณใ‚ฐ๏ผš

    ใ€ŒFigmaใ‚’่ƒŒใซใ‚ขใƒƒใƒ—ใฏFigjamใฎ็™ปๅ ดใ€1ไฝMiroใซ่ฟฝใ„ใคใใ€

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

    ็ตๆžœใฏMiroใŒ1ไฝใซๅ‡บใพใ—ใŸใ€‚ FigjamใŒ็™ปๅ ดใ—ใฆใ‹ใ‚‰ใ—ใฐใ‚‰ใใ—ใฆใ„ใชใ„ใซใ‚‚ใ‹ใ‹ใ‚ใ‚‰ใšใ€2ไฝใซMiroใ‚’ใใคใ่ฟฝใ„ใ‹ใ‘ใฆใ„ใ‚‹้ƒจๅˆ†ใŒๅฐ่ฑก็š„ใงใ™ใŒใ€ๅคšใใฎใƒ‡ใ‚ถใ‚คใƒณใƒฆใƒผใ‚ถใƒผใ‚’ไฟๆœ‰ใ—ใฆใ„ใ‚‹FigmaใŒๆไพ›ใ™ใ‚‹ๆฉŸ่ƒฝใชใฎใงใใ†ใงใ™ใ€‚ใƒฆใƒผใ‚ถใƒผใฎ็ซ‹ๅ ดใงใฏไธ€็ฎ‡ๆ‰€ใงUIใƒ‡ใ‚ถใ‚คใƒณใ‚‚ใ—ใฆใƒ›ใƒฏใ‚คใƒˆใƒœใƒผใƒ‰ใ‚‚ใงใใฆไพฟๅˆฉใช้ƒจๅˆ†ใฎใ‚ˆใ†ใงใ™ใ€‚ใกใชใฟใซUXtoolsใซใ‚ˆใ‚‹ใจ๏ผˆFigjamใŒไปŠๅนด็„กๆ–™ใงๅˆฉ็”จๅฏ่ƒฝใ ใฃใŸใซใ‚‚ใ‹ใ‹ใ‚ใ‚‰ใš๏ผ‰ใ€ๆœ‰ๆ–™ใƒ„ใƒผใƒซใงใ‚ใ‚‹MiroใŒ1ไฝใซใชใฃใŸ็†็”ฑใฏใ€ๆฉŸ่ƒฝใซๅฏพใ™ใ‚‹ๆบ€่ถณๅบฆใŒ5็‚นๆบ€็‚นใง4.3ใจ้ซ˜ใ„ใŸใ‚ใ ใจใ„ใ†ๅˆ†ๆžใŒใ‚ใ‚Šใพใ—ใŸใ€‚

    : ใƒ‡ใ‚ธใ‚ฟใƒซใƒ›ใƒฏใ‚คใƒˆใƒœใƒผใƒ‰ใƒฉใƒณใ‚ญใƒณใ‚ฐ

    _

    ใ‚‚ใ†ไธ€ๅบฆใพใจใ‚ใ‚‹ใจใ€

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

    _

    ่ณ‡ๆ–™ใ‚ฝใƒผใ‚น๏ผš

    UX tools 2021ๅนดใฎ็ตฑ่จˆ็ตๆžœ

    UX tools 2020ๅนดใฎ็ตฑ่จˆ็ตๆžœ

     

    ใใฎไป–:

    2020 UXใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซ็ตฑ่จˆ็™บ่กจใ€Œๅœงๅ€’็š„ใชใƒ”ใ‚ฐใƒžใ€

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

    UXtoolsใงๆฏŽๅนดใ™ใ‚‹ใƒ‡ใ‚ถใ‚คใƒŠใƒผใŒไฝฟ็”จใ™ใ‚‹UXใ€UIใƒ‡ใ‚ถใ‚คใƒณ้–ข้€ฃใƒ„ใƒผใƒซใซ้–ขใ™ใ‚‹็ตฑ่จˆ็ตๆžœใŒ็™บ่กจใ•ใ‚Œใพใ—ใŸใ€‚ใ‚ฟใƒผใ‚ฒใƒƒใƒˆใฏใ€ไธ–็•ŒไธญใงๅƒใUXใ€UIใ€Product Designerใงใ™ใ€‚ใ„ใใคใ‹ใฎๅฐ่ฑกๆทฑใ„็‚นใ‚’ๆ›ธใ„ใฆใฟใพใ—ใŸใ€‚
    1.ใƒ”ใ‚ฐใƒžใŒๆ˜จๅนด๏ผˆ2020ๅนด๏ผ‰ใ‹ใ‚‰UIใƒ‡ใ‚ถใ‚คใƒณใ€ใƒ—ใƒญใƒˆใ‚ฟใ‚คใƒ”ใƒณใ‚ฐใƒ„ใƒผใƒซใฎไฝฟ็”จใซใŠใ„ใฆใ‚นใ‚ฑใƒƒใƒใ‚’่ถ…ใˆใฆๅ…ˆ้ ญใ‚’ๅ ใ‚ใŸใŒใ€ไปŠๅนดใฏ2ไฝใจใฎใ‚ฎใƒฃใƒƒใƒ—ใŒใฏใ‚‹ใ‹ใซๅคงใใใชใฃใŸใ‚ˆใ†ใงใ™ใ€‚
    2.้ข็™ฝใ„้ƒจๅˆ†ใฏDigital Whiteboardingใ‚‚ไธป่ฆใƒ„ใƒผใƒซใจใ—ใฆไฝ็ฝฎใฅใ‘ใ‚’ใ—ใฆใ„ใ‚‹ใ‚ˆใ†ใงใ™ใ€‚ใฉใ†ใ‚„ใ‚‰่‚ฅๅคง้ขใงไผš่ญฐใŒๅคšใ่กŒใ‚ใ‚Œใฆใ„ใ‚‹้ƒจๅˆ†ใชใฎใงใ€ใ“ใ“ใงใ‚‚ใƒ”ใ‚ฐใƒžใงไธ€็ท’ใซไฝœใฃใŸใƒ”ใ‚ฐใ‚ธใƒฃใƒ ใŒMiroใ‚’็ถ™ใ„ใง2ไฝใ‚’ๅ ใ‚ใพใ—ใŸใ€‚
    3. ใ“ใ“ๆ•ฐๅนด้–“ใ€ใƒ‡ใ‚ถใ‚คใƒณใƒ„ใƒผใƒซๅธ‚ๅ ดใฎ็ซถไบ‰ใŒใ‹ใชใ‚Šๆฟ€ใ—ใ‹ใฃใŸใŒใ€ไปŠใƒ”ใ‚ฐใƒžใŒไป–ใฎใƒ„ใƒผใƒซใ‚’่ถŠใˆใฆใ‚ใตใ‚Œๅฃใซ่กŒใฃใฆใ„ใ‚‹ใจใ„ใ†ๆ„Ÿใ˜ใงใ™ใ€‚
    4.็ตฑ่จˆ่ชฟๆŸปใซๅ‚ๅŠ ใ—ใŸใปใจใ‚“ใฉใฎไบบๅ“กใฎJobใ‚ฟใ‚คใƒˆใƒซใฏUX DesignerใจProduct Designerใงใ™ใ€‚ Product Designerใจใ„ใ†ใ‚ฟใ‚คใƒˆใƒซใŒ5-6ๅนดๅ‰ใ ใ‘ใงใ‚‚ๅฐ‘ใ—่ฆ‹ๆ…ฃใ‚Œใฆใ„ใพใ—ใŸใŒใ€ไปŠใฏๆฅญ็•ŒใงใŸใใ•ใ‚“้ธใถใ‚ฟใ‚คใƒˆใƒซใซใชใฃใŸใ‚ˆใ†ใงใ™ใ€‚
    ่ชฟๆŸป็ตๆžœใ‚’่ฆ‹ใ‚‹๏ผš ใƒชใƒณใ‚ฏ
    *ใ‚ฝใƒผใ‚น๏ผšUXTools.co
     
    0

๏ฟฅ10,469