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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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