「みんなではじめるデザイン批評」デザインレビューのお話

Transcript

1. 「みんなではじめるデザイン批評」 デザインレビューのお話 2017/10/27 Designer's MTG #2 @kazuonagaoka
2. 永岡 和⽣ @kazuonagaoka EC事業部 カラーミーショップグループ プラットホームチーム デザイナー ⼊社5年⽬ 皆んなからはビッケと呼ばれています お前は誰だ？ 2
3. もくじ 3 1.「みんなではじめるデザイン批評」のご紹介 〜 こんな感じの本です 〜 2. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 3. 実践してみて 〜 実際どんな感じですかね？ 〜 4. ECデザイナーの声 〜 なるほどそんな感じですか 〜 5. 終わりに 〜 終わりすよ 〜
4. 「みんなではじめるデザイン批評」のご紹介 〜 こんな感じの本です 〜
5. 「みんなではじめるデザイン批評」のご紹介 〜 こんな感じの本です 〜 5
6. 「みんなではじめるデザイン批評」のご紹介 〜 こんな感じの本です 〜 6 内容は？？ • 全章 Ћの構成こんな内容 • 批評への理解・どのようなものか • チームへ批評を根付かせるにはどうしたらよいか • 批評のファシリテーション • ケーススタディ こんな状況はどうしたらよいのか • 批評をダメにするのはこんな習慣だ
7. 「みんなではじめるデザイン批評」のご紹介 〜 こんな感じの本です 〜 7 ⽬的達成のための コラボレーションコミュニケーション改善ガイド より良いプロダクトを育てていくには批評が必要 批評への取り組み⽅や考え⽅、⼿法などを網羅
8. 導⼊から運⽤まで 〜 こんな感じでやってます 〜
9. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 9 なぜデザインレビューアー増が 必要になったの？？
10. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 10 りんさんが産休に！（ 10⽉初旬に元気な男の⼦をリリース！めでたい！ ） その前にデザインレビュー体制を作る必要があるよね これまでECではデザインレビューを がやっていた りんさん 作ろう！で 現在 しょこさん もはさん わたくし にて運⽤中
11. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 11 でもデザインレビューってどうすれば。。？？ どうやら「みんなではじめるデザイン批評」という名の本が良いらしい
12. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 12 知識だ！本だ！そうだ！読書会だ！
13. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 13 「みんなではじめるデザイン批評」読書会を開催 https://git.pepabo.com/pepabo/creative/issues/152
14. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 14 とのダブルレビューを経て運⽤スタート！ りんさん
15. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 依頼するときの流れはこんな感じ 15 FD@EFTJHO で デザインご意⾒さん を呼ぶ デザインご意⾒さん がランダムで指名される
16. 導⼊から運⽤まで 〜 こんな感じでやってます 〜 こんなケースがあるよをご紹介 16 コミュニケーションを取りながらより良くしていく レビュー依頼 フィードバック https://git.pepabo.com/colorme/elephant/issues/16545
17. 実践してみて 〜 実際どんな感じですかね？ 〜
18. 実践してみて 〜 実際どんな感じですかね？ 〜 18 レビューする際に⼼がけている事 レビューされる際に⼼がけている事
19. 実践してみて 〜 実際どんな感じですかね？ 〜 19 制作者への敬意を持つ • 紆余曲折を経た上でここまで来たはず！ • だからといってあまり⾝構えずにバランスを保つ
20. 実践してみて 〜 実際どんな感じですかね？ 〜 20 コミュニケーションを⼤切に • JTTVFやTMBDL上だとどうしても⽂字ベース、齟齬 が起きそうだなと感じたら対話する • 質問形式にすると円滑に進んだりする • 改善点に⽬が⾏きがちだが、良いなと感じた点は しっかりフィードバック！
21. 実践してみて 〜 実際どんな感じですかね？ 〜 21 建設的なやり取りとなるように • 「より良いものにするには？」を共に考えている 事を忘れずに • なぜ？そう感じるのか、どうして？このアプロー チを選ぶのか理由があるはず • ⽬的への最適解を⼀緒に模索し道筋を⽰す
22. 実践してみて 〜 実際どんな感じですかね？ 〜 22 レビューする際に⼼がけている事 レビューされる際に⼼がけている事
23. 実践してみて 〜 実際どんな感じですかね？ 〜 23 なぜこうなったのかをしっかり説明 • ⽬的は？ターゲットは？リリースは？事前情報を 提⽰した上だと価値あるものになる • ここ悩んでいる。。ポイントは、理由をそえて書 くのが(00%
24. 実践してみて 〜 実際どんな感じですかね？ 〜 24 制作物から⼀歩引いて思考する • そうする事で新たなアイディアがスッと組み込め る • 思考の切り替え 制作脳から批評脳へ
25. 実践してみて 〜 実際どんな感じですかね？ 〜 25 質問！質問！質問！ • 批評の理解は、質問することで深い理解を得る • 批評を持ち帰ってからの反映や判断基準にしっか り⽣かす
26. ECデザイナーの声 〜 なるほどそんな感じですか 〜
27. ECデザイナーの声 〜 なるほどそんな感じですか 〜 27 レビューする時 • 2レビューする上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？ レビューを依頼する時 • 2レビューを依頼する上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？
28. ECデザイナーの声 〜 なるほどそんな感じですか 〜 28 2
    レビューする上で、⼼がけている事はなんですか？ 2
    実際にやってみてどう感じますか？ 個⼈的には、カラーミーの仕事を今までやってなかったので、カラーミーのいろんな仕事が⾒えてくるようになっ て、すごくよかったと思います。（良いところも悪いところも⾒えてくる）⾊々なことに気を使ったりするとどう してもコメントのテキスト量が増えてしまって、逆に伝わりづらくなっているのでは…？と思うときがあります。 ⼝頭+テキスト、にするのが良いのかなぁ？？あとはやっぱり、せっかく「批評」の本を読んだので、デザインレ ビューよりも「批評」に重きを置けるような流れを作っていきたいなぁと思います。 もはさん しょこさん • 前提を把握する：把握できなかったら質問して、デザイナーの意図を汲み取る • スコープを決める：⼝出しして良いところと悪いところを⾒分ける。わからなかったら質問して、それから レビューする • サンドイッチ法：ポジティブフィードバック → ネガティブフィードバック → ポジティブフィード バック 例として「めっちゃ格好良くて震えました！ツノが光るのいいですね。ただ、仕事中ということを考 えると、⾒慣れない⼈には少し⽬が痛いかもしれません。刺激を求める⼈には嬉しいと思います！」 • デザインを最終決定するのはレビュワーではなく、デザインを作成した⼈なので、本当にやばい事柄以外は、 相⼿を信頼して任せる • つまり、レビューの前段階になるコミュニケーション⼤事！
29. ECデザイナーの声 〜 なるほどそんな感じですか 〜 29 レビューする時 • 2レビューする上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？ レビューを依頼する時 • 2レビューを依頼する上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？
30. ECデザイナーの声 〜 なるほどそんな感じですか 〜 30 おさつ 2
    レビューを依頼する上で、⼼がけている事はなんですか？ 2
    実際にやってみてどう感じますか？ 雑に依頼しない。レビューする⼈が、内容をすぐ理解しコメントできるように 「⽬的施策」「どうしてこ ういうデザインにしたか」「悩んでること」 などをまとめてから依頼する。デザインレビュー⾃信がない ⼈でも上記の内容をしっかりまとめていれば、誰でもできる。 • ⾃分が気付いてないことを指摘してもらえるので発⾒がある • 「レビューされる＝デザインレベルが低い」みたいに勝⼿に⾃⼰否定しがちなので、「そういう視点もあ るのか」というポジティブな気持ちで受けるようにしている えび
31. 終わりに 〜 終わりすよ 〜
32. 終わりに 〜 終わりすよ 〜 32 <8*1>スピリットチーマー宣⾔ CZ
    もはゑ のご紹介 https://docs.google.com/document/d/1bv68wkDi_rWs4rRexiFkv19XeaLetRUaGxvXsOvT_wQ/edit
33. 終わりに 〜 終わりすよ 〜 33 より良いプロダクトは我々が作る！ ご静聴ありがとうございました〜