Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024(字幕入り配布版)

versionfive
May 28, 2024

UXデザイナーが肩書きの私がいまUXデザインにそんなに興味がない理由 #uxd2024(字幕入り配布版)

イベント「UXデザイン 〜デジタルプロダクトデザインの今と未来〜」で講演した資料の配布版です。
スライドに文字がなく口頭で話していた内容を字幕スタイルで追加しています。

ハッシュタグ : #uxd2024
イベントURL : https://cross-rel.connpass.com/event/316259/

versionfive

May 28, 2024
Tweet

Other Decks in Design

Transcript

  1. 2 ࿩͢ͻͱ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ 2020.5ʙ

    SmartHR ϓϩμΫτσβΠϯ౷ׅຊ෦ɹϓϩμΫτσβΠφʔɾUXσβΠφʔ 2010ʙ2020 ๭௨৴ࣄۀձࣾʢίϯγϡʔϚ޲͚αʔϏεاըŋӡ༻ɺࣾ಺/Ϗδωε޲͚ΞϓϦ։ൃʣ Takuya Goto - 2010 ΢ΣϒσβΠφʔ ʢֶੜ࣌୅ʣ 2020.5 - ϓϩμΫτσβΠϯ 2016 XσβΠϯֶߍ मྃ (1ظੜ) 2014 HCD-Netೝఆ ਓؒத৺ઃܭεϖγϟϦετ (ʙ2023) 2010 ࢈ۀٕज़େֶӃେֶʮਓؒத৺σβΠϯʯमྃ (2ظੜ) ΄͔ hcdvalue, UXRED versionfive 2010 - 2020 ίϯγϡʔϚ޲͚αʔϏεاըɾӡ༻ ࣾ಺/Ϗδωε޲͚ΞϓϦ։ൃ ๭௨৴ࣄۀձࣾ
  2. ‣ UXσβΠϯͷఆٛʹࢥ͏͜ͱ ‣ UXσβΠϯͷର৅ʹࢥ͏͜ͱ ‣ UXσβΠϯͷΠϚʹࢥ͏͜ͱ ʙ ࢲͷؔ৺ 6 ͓࿩͢Δ͜ͱ

    UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎ Takuya Goto / @versionfive ͜Μͳ3఺Ͱʮ͍·UXσβΠϯʹͦΜͳʹڵຯ͕ͳ͍ཧ༝ʯͱ͍͏੾ΓޱͰ͓࿩͍ͨ͠ͱࢥ͍·͢ɻ ࠓճ͸ɺಇ͘ͷֶͼࣷϓϩδΣΫτͰֶੜ͞Μ޲͚ʹ࿩͍ͯ͠Δجૅߨ࠲ͷ಺༰΋࢖͍͓ͭͭ࿩͍͖ͯ͠·͢ɻ
  3. UIʁUXʁҧ͍͸ʁ ϢʔβϏϦςΟͬͯʁ UXʁUXσβΠϯʁҧ͍͸ʁ 8 ©︎ Takuya Goto / @versionfive UXσβΠϯ

    ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ օ͞Μ͸ఆٛͷઆ໌Ͱ͖·͔͢ʁ
  4. पล༻ޠΛؔ܎ਤͰଊ͑Δ 9 ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UI

    / ϢʔβϏϦςΟ / UX / UXσβΠϯ ࢲͷ͸ͳ͠ͷલఏʹͳΔͷͰɺֶੜ͞Μ޲͚ʹ࿩͍ͯ͠Δؔ܎ਤΛ͔ͭͬͯɺपล༻ޠΛαΫοͱ೺Ѳ͓͖ͯ͠·͠ΐ͏
  5. 10 UIɺϢʔβϏϦςΟɺUXɺUXσβΠϯ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ??

    ?? ͭ͘Δ ௐ΂Δ ࢖͍खଆ ࡞Γखଆ ࡞Γख ͋ΔϢʔβʔ αʔϏε (ϓϩμΫτ) ?? ?? ར༻͢Δ 4ͭͷ੺ࣈͷ??ʹUIɺϢʔβϏϦςΟɺUXɺUXσβΠϯ͕ͦΕͧΕೖΔͷͰ͕͢ɺΘ͔Γ·͔͢ʁΘ͔Γ·͢ΑͶɻ
  6. 11 UIɺϢʔβϏϦςΟɺUXɺUXσβΠϯ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UI

    ϢʔβϏϦςΟ ͭ͘Δ ௐ΂Δ ࢖͍खଆ ࡞Γखଆ ࡞Γख ͋ΔϢʔβʔ αʔϏε (ϓϩμΫτ) UXσβΠϯ UX ར༻͢Δ UI͸ϢʔβʔͱαʔϏεͱͷ઀৮໘ʢڥքʣɺϢʔβϏϦςΟ͸αʔϏε͕͋ΔϢʔβʔͷ͋Δ৔໘ͰͲͷ͘Β͍࢖͍΋ͷʹͳΔ͔ͷ౓߹ ͍ɺUX͸αʔϏεͷར༻Λ௨ͨ͠Ϣʔβʔʹى͜Δओ؍తͳײ֮΍൓ԠɺUXσβΠϯ͸ɺ
  7. 12 UXσβΠϯͷཧղ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UI

    ϢʔβϏϦςΟ ͭ͘Δ ௐ΂Δ ࢖͍खଆ ࡞Γखଆ ࡞Γख ͋ΔϢʔβʔ αʔϏε (ϓϩμΫτ) UXσβΠϯ UX ར༻͢Δ UXʹ࠶ݱੑΛੜΉΑ͏ʹ ࡞Γख͕αʔϏεͳͲͷ࢓૊ΈΛͭ͘Δϓϩηεશମ
  8. ‣ ϢʔβϏϦςΟ͸αʔϏεͷੑೳ ‣ UX͸ϢʔβʔͷதͰى͜Δ͜ͱ ‣ UXσβΠϯ͸ɺΑ͍UXʹͳΔΑ͏ ʹ͢Δɺ࡞Γखͷ׆ಈ w w w

    w w w w w w w w 13 ͦΕͧΕओମ͕ҧ͏ UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎ Takuya Goto / @versionfive UI ϢʔβϏϦςΟ ͭ͘Δ ௐ΂Δ ࢖͍खଆ ࡞Γखଆ ࡞Γख ͋ΔϢʔβʔ αʔϏε UXσβΠϯ UX ར༻͢Δ ؔ܎ਤͰઆ໌͍ͯ͠Δͷ͸ɺࣅͨΑ͏ͳ༻ޠʹΈ͑ͯɺͦΕͧΕओମ͕ҧ͏ͱ͍͏͜ͱΛΘ͔Γ΍͘͢఻͑ΔͨΊͰ͢ɻ ͪͳΈʹ͜ͷεϥΠυͰ͕͢ɺSmartHRͷࣾ಺SlackͰʮUIʁUXʁʯͱ͍ΕΔͱΧελϜϨεϙϯεͰฦ͖ͬͯ·͢ɻ
  9. 16 UXͷ֓೦ͱظؒ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UXനॻ

    ೔ຊޠ༁൛ UXͷ֓೦Λࣔͨ͠ਤͰ͸༗໊ͳ΋ͷͰ͢Ͷɻ ͨͩɺ͜Εͩͱֶੜ͞Μ޲͚ʹ͸೉͍͠ͷͰɺ
  10. 17 UXͷ֓೦ͱظؒʢ͋ΔαʔϏεͱͷ࣌ؒʣ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ར༻࣌ؒશମ

    (ྦྷੵతUX) ͋ΔαʔϏε ͱͷ࣌ؒ ར༻ޙ (ΤϐιʔυతUX) ωοτͰ ஌ͬͨ CMͰΈͨ ࢖͏ ࢖͏ ࢖͏ ࢖͏ ଞͷαʔϏε ͷܦݧ ར༻લ (༧ظతUX) ࢖͍ ऴΘͬͨ ར༻த (Ұ࣌తUX) खʹೖΕͯ ࢖ͬͯΈΔ ར༻த (Ұ࣌తUX) ࢖͏ ͢΂ͯUXͷ֓೦ αʔϏεͱʮग़ձ͏લʯ͔Βʮ௕͘࢖͏ʯ·ͰUXͷ֓೦ ͋ΔαʔϏεͱͷ࣌ؒɺͱ͍͏͜ͱͰ͜ΜͳਤͰઆ໌͍ͯ͠·͢ɻ
  11. 18 UX͸༷ʑͳ৬छ͕ؔΘΔ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ͋ΔαʔϏε

    ͱͷ࣌ؒ ωοτͰ ஌ͬͨ CMͰΈͨ ࢖͏ ࢖͏ ࢖͏ ࢖͏ ࢖͍ ऴΘͬͨ खʹೖΕͯ ࢖ͬͯΈΔ ࢖͏ ͋ΔαʔϏεͷUXʹɺ͋ΒΏΔ৬छ͕ؔΘ͍ͬͯΔɻ αʔϏεʹܞΘΔ͢΂ͯͷਓ͸ʮUXΛΑ͘͢Δʯ͜ͱʹؔΘΔ࡞Γख ͢΂ͯUXͷ֓೦ ։ൃ Ϣʔβʔαϙʔτ ϚʔέςΟϯάŋӦۀŋಋೖࢧԉ ࢲ͸ɺSmartHRͱ͍͏1ͭͷαʔϏεΛ࡞͍ͬͯΔࣄۀձࣾʹ͍ͯɺSmartHRࣾͷόϦϡʔͷ1ͭʹʮਓ͕΄͍͠ͱࢥ͏΋ͷΛͭ͘Ζ͏ʯͱ ͍͏ͷ΋͋ͬͨΓͯ͠ɺ͜Μͳ࣮ײΛ೔ʑ΋ͬͯಇ͍͍ͯ·͢ɻ
  12. 19 UX͸༷ʑͳ৬छ͕ؔΘΔ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ͋ΔαʔϏε

    ͱͷ࣌ؒ ωοτͰ ஌ͬͨ CMͰΈͨ ࢖͏ ࢖͏ ࢖͏ ࢖͏ ࢖͍ ऴΘͬͨ खʹೖΕͯ ࢖ͬͯΈΔ ࢖͏ શ෦UXσβΠϯͷൣᙝ UXͷ֓೦͕޿͍͔Βͦ͜ɺ͍ΖΜͳ෦ॺͰ͍ΖΜͳ৬छ͕ܞΘΔ ͢΂ͯUXͷ֓೦ ։ൃ Ϣʔβʔαϙʔτ ϚʔέςΟϯάŋӦۀŋಋೖࢧԉ ͜ΕΒ෦ॺԣஅͷʮσβΠϯͷೝࣝͮ͘ΓʯΛઐ໳ʹ͢Δਓ΋͍·͢ΑͶɻ
  13. ‣ ʮUXσβΠϯʯ͸ɺ࣮͸ߟ͑Δ΂͖෼໺͕ΊͪΌͪ͘Ό޿͍ (͸ͣ)ɻ ‣ ݸਓ໨ઢͰ͸ɺؔ৺ͷूதͮ͠Β͞Λײ͡Δɻ 20 UXσβΠϯͷఆٛʹࢥ͏͜ͱ UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎

    Takuya Goto / @versionfive ͥʔΜͿʹܞΘΕΔͻͱ͸΄ͱΜͲͳ͘ɺͲ͔͜ྖҬΛܾΊͯ΍͍ͬͯΔͷ͕ݱ࣮ͩͱࢥ͍·͢ɻ ͜ͷʮUXσβΠϯʯͱ͍͏ݴ༿ͷ;Θͬͱ͕͞ɺࢲ͕ʮUXσβΠϯʯࣗମʹڵຯ͕෸͔ͳ͍ཧ༝ͷ1ͭͰ͢ɻ
  14. 26 ؔ܎ਤΛ࢖ͬͯઆ໌ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UI

    ϢʔβϏϦςΟ ͭ͘Δ ௐ΂Δ ࢖͍खଆ ࡞Γखଆ ࡞Γख ͋ΔϢʔβʔ αʔϏε (ϓϩμΫτ) UXσβΠϯ UX ར༻͢Δ ͍͚Δ͔?? ͖͞΄Ͳͷؔ܎ਤͰઆ໌͠·͢ɻ ͜ͷਤΛΈΔͱɺ࡞Γख͸Ϣʔβʔݸਓͷओ؍ʹ͋ΔUXʹखΛग़ͤΔͰ͠ΐ͏͔ʁࢲʹ͸Ͱ͖ΔΑ͏ʹ͸ݟ͑·ͤΜɻ
  15. 27 ؔ܎ਤΛ࢖ͬͯઆ໌ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UI

    ϢʔβϏϦςΟ ࢖͍खଆ ࡞Γखଆ ࡞Γख ͋ΔϢʔβʔ αʔϏε (ϓϩμΫτ) UXσβΠϯ UX ར༻͢Δ ௐ΂Δ ཧ૝ͷ UX ͭ͘Δ σβΠϯߦҝͷ੒Ռ෺ ݱ࣮ͱͯ͠΍͍ͬͯΔ͜ͱ͸ɺϢʔβʔΛௐࠪͨ͠Γͯ͠ɺϢʔβʔʹମݧͯ͠΄͍͠ʮ࡞Γखͷཧ૝ͷUXʯΛ໨ඪͱͯ͠ઃఆ͠ɺͦΕΛ ࣮ݱ͢ΔαʔϏε΍ϓϩμΫτΛ࡞͍ͬͯΔͷͩͱࢥ͍·͢ɻ ͭ·ΓɺUXσβΠϯʹ͓͚ΔσβΠϯߦҝͷ੒Ռ෺͸ʁͱ͍͑͹ʮαʔϏε΍ϓϩμΫτʯͩͱࢲ͸ߟ͍͑ͯ·͢ɻ
  16. ‣ UXσβΠϯͱ͸ ʮUX Λ σβΠϯ͢Δ͜ͱʯΑΓ΋ ʮUX ͷͨΊʹʢαʔϏεͳͲΛʣσβΠϯ͢Δ͜ͱʯͱཧղ ‣ ͭ·Γ “Designing

    for UX” ― UXݪ࿦ ‣ ࢲ͸ʮUXΛ͍ͭͬͯ͘ΔʯͷͰ͸ͳ͘ɺ Α͍UXͷͨΊʹʮσδλϧϓϩμΫτΛ͍ͭͬͯ͘Δʯ w w w w w 28 UXσβΠϯͷର৅ʹࢥ͏͜ͱ UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎ Takuya Goto / @versionfive ͜Ε͕ڵຯ͕෸͔ͳ͍2ͭ໨ͷཧ༝Ͱ͢ɻ ࢲ͸ʮUXσβΠϯʯΑΓ΋ʮϓϩμΫτͷσβΠϯʯʹڵຯ͕͋Γ·͢ɻ
  17. UXσβΠϯͷΠϚʹࢥ͏͜ͱ ʙ ࢲͷؔ৺ 29 ©︎ Takuya Goto / @versionfive UXσβΠϯ

    ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ΠϚɺUXσβΠϯʹେ੾ͳ͜ͱ͸ͳΜͰ͠ΐ͏͔
  18. 30 UXσβΠϯʹେ੾ͳ͜ͱ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ UX

    Ϣʔβʔ ࡞Γख ཧ૝ͷ UX ≠ ʮϢʔβʔ͸Ͳ͏࢖͏͔ʯ ʮϢʔβʔʹͲ͏࢖ͬͯ΋Β͏͔ʯ ↔ ਓʹΑͬͯҧ͏ͱ͸ࢥ͍·͢ɻࢲʹͱͬͯ͸ɺʮϢʔβʔͷUX͸ɺ࡞Γखͷཧ૝ͷUXͱ͸ҧ͏ɺͱ͍͏͜ͱΛೝࣝͯ͠΋ͷͮ͘ΓΛ͢Δ ͜ͱʯͰ͢ɻࠨ͸ʮϢʔβʔ͸Ͳ͏࢖͏͔ʯͰӈ͸ʮϢʔβʔʹͲ͏࢖ͬͯ΋Β͏͔ʯͰ͢Ͷɻ͜Ε͸ͲͪΒ͔Ͱ͸ͳ͘ߦ͖དྷ͠ͳ͕Βߟ ͑Δ͜ͱ͕େ੾Ͱ͢ɻ
  19. 1. ʮϢʔβʔ͸Ͳ͏࢖͏͔ʯͰৗʹߟ͑Δ͜ͱ - ݱ৔Ͱ͸ ňϢʔβʔʹͲ͏࢖ͬͯ΋Β͏͔ʼnňཧ૝ͷUXʼn ʹनΘΕ͕ͪ 2. ʮϢʔβʔ͸Ͳ͏࢖͏͔ʯΛŊ αʔϏεʹܞΘΔΈΜͳ͕૝૾Ͱ͖Δ͜ͱ -

    ݱ୅ͷ΋ͷͮ͘Γ͸νʔϜϫʔΫͳͷͰɺࣗ෼͚ͩͷཧղͰ͸ෆे෼ w w w 31 ֶੜ޲͚ʹ࿩͍ͯ͠ΔʮUXσβΠϯͰେ੾ͳ͜ͱʯ UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎ Takuya Goto / @versionfive ֶੜ͞Μ͸͜Ε͔Β੍࡞׆ಈΛ࢝ΊΔஈ֊ͩͬͨΓɺ੍࡞͸ݸਓϫʔΫ͕ଟ͍ɺͱ͍͏എܠ΋͋ͬͯɺ͜͏͍͏આ໌Λ͍ͯ͠·͢ɻ UXͷجૅߨ࠲ͳͷͰɺ͑Βͦ͏ʹ͍ͬͯڪॖͳΜͰ͕͢ɺ
  20. ‣ UXͷ֓೦ͷීٴʹΑΓɺࠓ΍౰ͨΓલͷ؍఺ɿ - ʮϢʔβʔ͕࢖͍ͬͯΔ͔Βਖ਼ղʯ - ʮϢʔβʔ͕ຬ଍ͯ͠Δ͔Βਖ਼ղʯ - ʮϢʔβʔ͕Ձ஋Λײ͍ͯ͡Δ͔Βਖ਼ղʯ ‣ ྑ͍͜ͱ͚ͩͲ…

    ‣ ʮϓϩμΫτσβΠφʔͱͯ͠ŊϢʔβʔ͕Α͚Ε͹ඞཁे෼ͳͷ͔ʁʯ ͱ͍͏ؾ͕࣋ͪ… 33 UX·Ͱߟྀͯ͠౰વͳΠϚ UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎ Takuya Goto / @versionfive
  21. ࢲ͕ͨͪͭ͘ΔσδλϧϓϩμΫτ͸ ͦ΋ͦ΋࢖͍΍͘͢ઃܭͰ͖͍ͯΔͷ͔ w w w w w w w w

    w w w w w w 34 ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ
  22. ‣ ʮϢʔβʔ͕ϓϩμΫτΛͲͷ͘Β͍࢖͑Δ ͔ͷ඼࣭ʯΛ୲อ͢ΔͨΊͷɺ UIσβΠϯ࣌఺Ͱߟྀ͢΂͖21ͷ؍఺Λ SmartHR Design Systemʹެ։ ‣ ೔ຊ࢈ۀن֨ʢJIS X

    25010: 2013ʣͰنఆ͞ Ε͍ͯΔ੡඼ͷ඼࣭ʮ࢖༻ੑʯΛࢀߟʹ։ൃ 37 ࠷ۙͷ׆ಈɿUIσβΠϯ࢖༻ੑνΣοΫϦετͷ։ൃ UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ ©︎ Takuya Goto / @versionfive UIσβΠϯ࢖༻ੑνΣοΫϦετ | ϢʔβϏϦςΟʢ࢖༻ੑʣ | SmartHR Design System
  23. վΊͯ ϢʔβϏϦςΟʹΨνͰ޲͖߹ͬͯΈΔ 40 ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ

    SmartHRͷϓϩμΫτσβΠϯγεςϜ্࢙࠷େͷΞοϓσʔτ͕͸͡·Γ·͢ɻ ʔ SmartHR Design Systemͷݱࡏ஍ʢ2024೥4݄൛ʣʛिץϓϩσβ by SmartHR ৄࡉ͸ʮिؒϓϩσβʯʹॻ͍͍ͯΔͷͰڵຯ͕෸͍ͨਓ͸ಡΜͰΈ͍ͯͩ͘͞ɻ
  24. UXσβΠϯͱ͍͏޿͍֓೦ʹŊ Ͱ͸ͳ͘ɺ ͔͠͠Ŋ UXͷͨΊʹɺ ʮϓϩμΫτʯʹਅ伨ʹ޲͖߹͍͍ͨɻ w w w w w

    w 42 ࢲ͕͍·UXσβΠϯʹͦΜͳʹڵຯ͕ͳ͍ཧ༝ ©︎ Takuya Goto / @versionfive UXσβΠϯ ʙσδλϧϓϩμΫτσβΠϯͷࠓͱະདྷʙ Έͳ͞Μ͸Ͳ͏Ͱ͔͢ɻ ࠓ೔͸ࢲͷ࿩͕த৺Ͱ͕ͨ͠ɺͳʹ͔࿩ͷͭ·Έʹ΋ͳΕ͹͍͍ͳͱ͓΋͍ͬͯ·͢ɻ