デザイナーとうまく協働する方法

9eb7e7de20420d02ad289b8713be6823?s=47 Yasuhisa Hasegawa
September 08, 2018

 デザイナーとうまく協働する方法

#builderscon
https://yasuhisa.com/could/article/howto-work-with-designers/

Webやアプリを世に出すにはエンジニアの力が欠かせませんが、競争が激しくユーザーの要望も高まっている現在、デザインは大きな差別化に繋がります。

同じモノ作りをする職業ですが、課題解決の取り組み方から評価の仕方まで違いがあります。その違いが誤解に繋がることもあれば、「よく分からない」と遠ざけてしまうことになります。お互いの力を合わせることでより良いプロダクトが生まれるはずですが、機会を失うことになります。趣向・感覚が違うという単純な話で片付けることはできません。

本セッションでは、エンジニアとデザイナーが協働していくためのアプローチと「相手に何かを伝える」というコミュニケーションの仕方を紹介します。

9eb7e7de20420d02ad289b8713be6823?s=128

Yasuhisa Hasegawa

September 08, 2018
Tweet

Transcript

  1. CVJMEFSTDPOUPLZP ௕୩઒ګٱ ೥݄೔

  2. ϑϦʔϥϯεσβΠφʔ اըɾ੍࡞ɾίϯαϧςΟϯά ϥΠλʔɾεϐʔΧʔ ௕୩઒ګٱ ϋ η Ψ ϫ Ϡ ε

    ώ α @yhassy
  3. σβΠφʔ ࿩ͯ͠·͢ʁ ͱ

  4. None
  5. A 100-Year View of User Experience

  6. The DMI Design Value Scorecard

  7. ʮσβΠϯܦӦ ʯએݴ

  8. ʜͦΕͱ΋εςΟ οΩʔϊʔτ͕ม͍͑ͯΔʁ

  9. σβΠϯ Ͱ͢ɻ ॏཁ

  10. σβΠϯ ॏཁ ͲΕ͘Β͍ͷൣғΛࢦ͢ͷ͔ ୭ʹͱͬͯԿ͕ॏཁͳͷ͔

  11. ྑ͍ײ͡Ͱ αοͱ࡞ͬͯɻ ͦ͏͡Όͳ͍ͷ!

  12. σβΠϯͷղऍͷ ҧ͍͕ੜΉڑ཭ײ σβΠϯ෼͔͍ͬͯͳ͍"

  13. σΟςʔϧΛ ࡞ΓࠐΉ ૣ͘࡞ͬͯ ໛ࡧ͢Δ ௐࠪʹج͍ͮͯ ઃܭ͢Δ σβΠϯ

  14. ͳΔ΄Ͳ UX ϏδωεߩݙͩΑͶ ͦΕΑΓ ૣ͘Կ͔࡞ͬͯ ๻ͨͪ΋ ߩݙ͍ͯ͠ΔΑ ͭ·Γ˓˓Ͷ

  15. શମݟͯ΄͍͠ ྑ͍ٕज़Ͱ ྑ͍Ϟϊ࡞Γ͍ͨ Կ΍͍ͬͯΔ͔ ෼͔Βͳ͍

  16. None
  17. Τίʔνϟϯόʔݱ৅ʹؾ෇͍͍ͯͳ͍ ౰ͨΓલͱ͍͏ઌೖ؍ ࡯ͯ͠΄͍͠ͱ͍͏ड͚਎ͷଶ౓

  18. ಉۀऀʹ఻͑Δͷ͸؆୯ ҟۀछʹରͯ͠͸ಉ͡Α͏ʹ͸͍͔ͳ͍

  19. None
  20. զʑ͸ྑ͍ϞϊΛ࡞Γ͍ͨͱئ͏஥ؒͰ͋Δɻ ͔͠͠·ͩຒΊͳͯ͘͸͍͚ͳ͍ߔ͕͋Δ ઃܭɾ։ൃʹܞΘΔਓҎ֎΁ͷΞϓϩʔν͕ෆ଍͍ͯ͠Δ

  21. ڠಇͷͨΊʹ Ͱ͖Δ͜ͱ ݴޠԽ ໌จԽ

  22. None
  23. Ϩγϐ ࡐྉ ྉཧਓ ྉཧ ৯ࣄ੍ݶ ௐཧํ๏

  24. Ϩγϐ ࡐྉ ྉཧ ৯ࣄ੍ݶ ௐཧํ๏ ϓϩμΫτʹ߹͏දه͔ʁ ӳޠ໊ΛͲ͏͢Δʁ Cook ? Chef

    ? ChefName ?
  25. Ϩγϐ λΠτϧ λάϥΠϯ ਓ਺ ௐཧ࣌ؒ ֓ཁ ը૾ ४උɾػࡐ ࡐྉ खॱ

    ӫཆ৘ใ
  26. Ϩγϐ ࡐྉ ྉཧਓ ϑΥϩʔ ࡞੒ ௥Ճ ͓ؾʹೖΓ ఏҊ

  27. ίϯςϯπϞσϧ υϝΠϯۦಈઃܭʹࣅ͍ͯΔ

  28. ίϯςϯπϞσϧ ίϯςϯπͷཁૉͱؔ܎ੑΛఆٛ σβΠϯ

  29. ίϯςϯπϞσϧ Ϣʔβʔߦಈ ʢ$5"ʣͷ೺Ѳ ίϯςϯπϞσϧ σβΠϯ

  30. ίϯςϯπϞσϧ ϞσϧͱϢʔβʔΛߟྀ σβΠϯ

  31. ݴ༿߹ΘͤͷͨΊͷϞσϦϯά ৘ใߏ଄ͷཧղͱڞ༗ ιʔείʔυ͔Βݴ༿Λ߹Θ͍ͤͯ͘

  32. None
  33. $BSE@SFDJQF 3FDJQF1IPUP JDPO@QMBZ 3FDJQF5JUMF JDPO@MJLF 3FDJQF-JLF

  34. CANCEL

  35. Bootstrap Foundation Callout Panel Carousel Orbit Label (primary, secondary) Label

    (no primary
  36. None
  37. ΨΠυϥΠϯʹͳ͍ݴ༿͕ߦ͖ަ͏ ։ൃɾσβΠϯҎ֎ͷࢹ఺΋ߟྀ 6*΍ػೳͷଊ͑ํΛڞ༗ɾֶश

  38. χϡΞϯεͷ ڞ༗ ྑ͍ͬͯԿʁ Կ͕େࣄͳͷʁ

  39. ࣗݾ࣮ݱ ଚॏ ࣾձ ҆શ ਎ମతɾ৺ཧత

  40. ࣗݾͷ੒௕ʹܨ͕ΔՁ஋ ࣗ෼ͷࢥ͍௨ΓʹͰ͖͍ͯΔঢ়ଶ पΓ͔Βྑ͍ͱࢥΘΕΔՁ஋ ࢖͍ଓ͚ΔՁ஋ɾҙຯ ͔ܽͤͳ͍Ձ஋؍

  41. ۀछΛ௒͑ͨݴ༿ͷڞ༗ ݴ༿ͷχϡΞϯεΛཧղ͢Δ৔ νʔϜʹ͓͚Δ ʮྑ͍ʯ ͱ͸

  42. ݴ༿ ݪଇ χϡΞϯεͷཧղ νʔϜͷڞ௨ݴޠ Ձ஋ʹج͍ͮͨධՁ

  43. Ձ஋ʹج͍ͮͨධՁ ՝୊Λղܾ͍ͯ͠Δ͔Ͳ͏͔ Ϣʔβʔ΁ఏڙ͢ΔՁ஋͸Կ͔ ϓϩδΣΫτϝϯόʔ͕ೲಘͰ͖Δࢪࡦ

  44. ɾɾɾɾ ͜ΕͲ͏Ͱ͔͢ʁ

  45. ʮ͜Ε͸Ͳ͏Ͱ͔͢ʯ ͸ةݥ৴߸ ηϯεɾ޷ΈɾҒ͍ਓ͕ܾΊΔ ޙ໭Γɺ ໎૸ͷݪҼʹͳΔ͜ͱ΋

  46. ͖ͪΜͱ ໌จԽ σβΠφʔʹ΋ ಇ͖͔͚ͯ

  47. #ௐࠪͰಘͨχʔζ $ͦͷଞ՝୊ %Ծઆ ⚖ࢦඪ 'σβΠϯҊ (मਖ਼߲໨ ▶࣍ͷΞΫγϣϯ ఆੑɾఆྔௐࠪͷ֓ཁ Ϗδωεɺ։ൃ͔Βग़ͨ՝୊ σβΠϯ͕ղܾ͢΂͖՝୊͸Կ͔

    ,1* 69ࢦඪ ϝϦοτɺσϝϦοτɺϦεΫ ϑΟʔυόοοΫ ࣍ʹ΍Δ͜ͱ
  48. **TTVF΁ͷϦϯΫ +ը໘ ,ϢʔβʔίϯςΩετ -มߋͷ໨త ✏มߋҊ ϓϩδΣΫτ؅ཧͱ৘ใ࿈ܞ ݱঢ়ͷ೺Ѳ ը໘දࣔ·Ͱͷഎܠ σβΠϯݪଇ΍ϢʔβϏϦςΟ Ͳ͜Λม͑ɺͳͥม͑Δ͔

  49. ՝୊ղܾ΁ٞ࿦Λγϑτͤ͞Δ σβΠϯͷܦҢΛه࿥͢Δ จॻͷఆܕԽΛ৺͕͚Δ

  50. ଐਓੑΛݮΒͨ͠σβΠϯӡ༻ σβΠϯγεςϜͷୈҰา ·ͣ͸৭͔Β

  51. ϫʔΫϑϩʔ ࠓޙͷ՝୊

  52. ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ

    Ϣʔβʔ૾ɾ՝୊ɾϓϩμΫτՁ஋ͷڞ༗Ͱ͖͍ͯΔ͔
  53. ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ

    ϢʔεέʔεΛۀछΛ௒͑ͯڞ༗͞Ε͍ͯΔ͔
  54. ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ

    ޿͘ΞΠσΞΛूΊΔ৔͸༻ҙ͞Ε͍ͯΔ͔ʁ
  55. ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ

    ݕূͰ͖Δπʔϧ΍νϟωϧ͕༻ҙ͞Ε͍ͯΔ͔
  56. ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ

    લఏʹج͍ͮͯϑΝγϦςʔγϣϯͰ͖͍ͯΔ͔
  57. ίϯηϓτ ཁ݅ఆٛ εέον ϓϩτλΠϓ ςετ ϨϏϡʔ ϏδϡΞϧ σβΠϯ ΠϯλϥΫγϣϯ σβΠϯ

    Ͳ͏࿈ܞΛͱ͍͔ͬͯ͘
  58. ͓ޓ͍͕ೖΓࠐΊΔܺؒ࡞Γ ஝ੵͨ͠৘ใͷ੔ཧ ࣗಈԽ͢ΔͨΊͷπʔϧ։ൃ

  59. ݴޠԽ ໌จԽ ݴ༿ɾ΍Γํ͕গ͠ ҧ͏͚ͩͰ ΍͍ͬͯΔ͜ͱ͕ಉ͜͡ͱ΋ ݴޠڞ༗ͷͨΊʹ σβΠϯ΋ υΩϡϝϯτΛపఈ

  60. ௕୩઒ګٱ @yhassy mail@yasuhisa.com /