デザインに込められたエモを知りたい

スライド概要

DXELという勉強会で発表した資料

profile-image

moga

@moga

作者について:

サービス開発してます。

スライド一覧
シェア
埋め込む

作成日

2021-03-07 22:23:11

各ページのテキスト

1. デザインに込められたエモを知りたい at DXEL.1 iOS App Developer / API Developer @̲mogaming

2. About Me • @̲mogaming • iOS/API 作ってます@DeNA • サービス作るの大好き • デザイナさんと仲良くなりたい 2

3. この発表について Twitterや懇親会で どしどしご意見ください 3

4. 前提:ここでいうデザイン • 画面のビジュアルデザイン • どの画面でどのように機能を提供するのか 4

5. 前提:ぼくのチームのサービス開発のススメ方 \ 新しい〇〇の機能を提供しよう / 5

6. 前提:ぼくのチームのサービス開発のススメ方 企画練る 6

7. 前提:ぼくのチームのサービス開発のススメ方 デザイナさんがSketchに起こす 7

8. 前提:ぼくのチームのサービス開発のススメ方 エンジニアがそれを見て形にする 8

9. 前提:ぼくのチームのサービス開発のススメ方 できたものをデザイナさんに見せる 9

10. 前提:ぼくのチームのサービス開発のススメ方 繰り返す 10

11. ぼくは思った デザインに込められたエモを知りたいなあ 11

12. ぼくが考えていたエモとは エモって何だ?🤔 12

13. ぼくが考えていたエモとは 願い・想い・狙い 13

14. ぼくが考えていたエモとは 「あぁ〜最高やん〜」 14

15. エモを知ってどうする でも、エンジニアがエモを知って何が嬉しいんだ 15

16. エンジニアがデザインのエモを知るメリット(想像) • エモにあった技術サイドからの提案できそう • 開発のモチベーションが上がりそう • デザイナさんとわかりあい度があがりそう 16

17. デザイナさんがデザインのエモを教えるメリット(超想像) • エンジニアが見当違いなこと言ってくるのが減りそう • もしかしたらエモを再確認できるかも 17

18. エモを知るために エモを知るための手段は何があるだろうか🤔 18

19. エンジニアがデザインのエモを知るための手段 エンジニアがエモを汲み取る 19

20. エンジニアがデザインのエモを知るための手段 都度デザイナさんに聞く 20

21. エンジニアがデザインのエモを知るための手段 デザインのエモを共有してもらう会を開く 21

22. エンジニアがデザインのエモを知るための手段 デザインのエモを共有してもらう会 22

23. エンジニアがデザインのエモを知るための手段 略してエモ会? 23

24. やっていき よし、とりあえずエモ会やってみよう💪 24

25. 前提:ぼくがいるチーム # < わいがPOやぞ $% < UI/UXデザイナーですよ $ 🙋 🙋 < WebFront書いてます '''' < バックエンドはおれたちにまかせろ! 🤦 < 孤高のiOSエンジニアなり… 25

26. 前提:ぼくがいるチーム • 合計10人のプロダクト開発チーム • サービスのリニューアルをしている • 仲がよい 26

27. やっていき エモ会やるぞ💪 27

28. エモ会に呼んだ人 フロントエンドに関わる人達 $ % 🙋 🙋 ' 🤦 28

29. エモ会に声掛け こんなふうにSlackになげてみた 29

30. エモ会に声掛け サービスのデザインに込められたエモを知りたいな〜 $ % に語ってほしいな〜 いいねーって言い合うような ポジティブな会にしたいと思ってます!! (ほぼ原文ママ) 30

31. なんと 全員参加してくれた 🎉 31

32. というわけで エモ会実施 🎉 $ % 🙋 🙋 ' 🤦 32

33. エモ会で話したこと デザイナさんが話してくれたこと 33

34. エモ会で話したこと % < サービス全体で大事にしていることは〜 34

35. エモ会で話したこと % < 空間から想像を掻き立てたいのよ 35

36. エモ会で話したこと 🤦 < エモい! 36

37. エモ会で話したこと % < まんまるよりもまるい表現を大事にしたい 37

38. エモ会で話したこと 🤦 < は?まんまるよりもまるい? 38

39. エモ会で話したこと 🤦 < エッッッッッッッッッッモ 39

40. エモ会で話したこと $ < マテリアルデザインを採用しているのは〜 40

41. エモ会で話したこと 🤦 < 圧倒的納得感 41

42. エモ会で話したこと $ < デザイナとエンジニアの関係性は〜 42

43. エモ会で話したこと $ < エンジニアは足枷ではなく翼であるべきだ この方はWebFront開発のリード担当もされています 43

44. エモ会で話したこと 🤦 < ぼくはきみのつばさになる!!! 44

45. エモ会で話したこと % < この画面/機能の狙いや意図は〜 45

46. エモ会で話したこと 🤦 < 価値!価値だ!届けてるよ! 46

47. エモ会で話したこと 🤦 < なるほどそういう狙いならこういうことが 今後起こりそうだからそれがしやすいように 開発しとこう 47

48. エモ会で話したこと エンジニアとしてぼくが話したこと 48

49. エモ会で話したこと 🤦 < Sketchの完全トレースってどれくらい意味あんの? 49

50. エモ会で話したこと % < 大事なときもあるし、それよりも 大事なことがあるときもある 50

51. エモ会で話したこと % < とりあえずそれなりに似せて作って もらってその後調整してくのがいいかも 51

52. エモ会で話したこと % < 完璧に再現したり1pxのずれをなおすと ぐっと引き締まることもよくあるよ 52

53. エモ会で話したこと 🤦 < それを体験してみてぇ!! 53

54. エモ会で話したこと みんなで脱線して話してしまったこと 54

55. エモ会で話したこと • プロダクトチームはどうやったらよくなっていくのか • ビジネスのチームとの関係性をよくしていくには 55

56. エモ会で話したこと 1時間の予定が2時間半も話した😇 56

57. エモ会の振り返り • コミュニケーションがとても活発に取れてわかりあえた • 人数が多すぎず、全員が思っていることを言えた空気感がよ かった • エモを聞いてとてもモチベーションがあがった • デザインのエモがモチベにはならず、そこが円滑にやっていっ てもらえるようにする部分でモチベがあがる人'もいた 57

58. まとめ エモ会、おすすめです。 58