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

「みんなではじめるデザイン批評」デザインレビューのお話 2017/10/27 Designer's MTG #2 @kazuonagaoka

永岡和⽣ @kazuonagaoka EC事業部カラーミーショップグループプラットホームチームデザイナー⼊社5年⽬皆んなからはビッケと呼ばれていますお前は誰だ？
2

もくじ 3 1.「みんなではじめるデザイン批評」のご紹介〜こんな感じの本です〜 2. 導⼊から運⽤まで〜こんな感じでやってます
〜 3. 実践してみて〜実際どんな感じですかね？〜 4. ECデザイナーの声〜なるほどそんな感じですか〜 5. 終わりに〜終わりすよ〜

「みんなではじめるデザイン批評」のご紹介〜こんな感じの本です〜

「みんなではじめるデザイン批評」のご紹介〜こんな感じの本です〜 5

「みんなではじめるデザイン批評」のご紹介〜こんな感じの本です〜 6 内容は？？ • 全章 Ћの構成こんな内容 •
批評への理解・どのようなものか • チームへ批評を根付かせるにはどうしたらよいか • 批評のファシリテーション • ケーススタディこんな状況はどうしたらよいのか • 批評をダメにするのはこんな習慣だ

「みんなではじめるデザイン批評」のご紹介〜こんな感じの本です〜 7 ⽬的達成のためのコラボレーションコミュニケーション改善ガイドより良いプロダクトを育てていくには批評が必要批評への取り組み⽅や考え⽅、⼿法などを網羅

導⼊から運⽤まで〜こんな感じでやってます〜

導⼊から運⽤まで〜こんな感じでやってます〜 9 なぜデザインレビューアー増が必要になったの？？

導⼊から運⽤まで〜こんな感じでやってます〜 10 りんさんが産休に！（ 10⽉初旬に元気な男の⼦をリリース！めでたい！）その前にデザインレビュー体制を作る必要があるよねこれまでECではデザインレビューを
がやっていたりんさん作ろう！で現在しょこさんもはさんわたくしにて運⽤中

導⼊から運⽤まで〜こんな感じでやってます〜 11 でもデザインレビューってどうすれば。。？？どうやら「みんなではじめるデザイン批評」という名の本が良いらしい

導⼊から運⽤まで〜こんな感じでやってます〜 12 知識だ！本だ！そうだ！読書会だ！

導⼊から運⽤まで〜こんな感じでやってます〜 13 「みんなではじめるデザイン批評」読書会を開催 https://git.pepabo.com/pepabo/creative/issues/152

導⼊から運⽤まで〜こんな感じでやってます〜 14 とのダブルレビューを経て運⽤スタート！りんさん

導⼊から運⽤まで〜こんな感じでやってます〜依頼するときの流れはこんな感じ 15 FD@EFTJHO でデザインご意⾒さんを呼ぶ
デザインご意⾒さんがランダムで指名される

導⼊から運⽤まで〜こんな感じでやってます〜こんなケースがあるよをご紹介 16 コミュニケーションを取りながらより良くしていくレビュー依頼フィードバック https://git.pepabo.com/colorme/elephant/issues/16545

実践してみて〜実際どんな感じですかね？〜

実践してみて〜実際どんな感じですかね？〜 18 レビューする際に⼼がけている事レビューされる際に⼼がけている事

実践してみて〜実際どんな感じですかね？〜 19 制作者への敬意を持つ • 紆余曲折を経た上でここまで来たはず！ • だからといってあまり⾝構えずにバランスを保つ

実践してみて〜実際どんな感じですかね？〜 20 コミュニケーションを⼤切に • JTTVFやTMBDL上だとどうしても⽂字ベース、齟齬が起きそうだなと感じたら対話する •
質問形式にすると円滑に進んだりする • 改善点に⽬が⾏きがちだが、良いなと感じた点はしっかりフィードバック！

実践してみて〜実際どんな感じですかね？〜 21 建設的なやり取りとなるように • 「より良いものにするには？」を共に考えている事を忘れずに •
なぜ？そう感じるのか、どうして？このアプローチを選ぶのか理由があるはず • ⽬的への最適解を⼀緒に模索し道筋を⽰す

実践してみて〜実際どんな感じですかね？〜 22 レビューする際に⼼がけている事レビューされる際に⼼がけている事

実践してみて〜実際どんな感じですかね？〜 23 なぜこうなったのかをしっかり説明 • ⽬的は？ターゲットは？リリースは？事前情報を提⽰した上だと価値あるものになる •
ここ悩んでいる。。ポイントは、理由をそえて書くのが(00%

実践してみて〜実際どんな感じですかね？〜 24 制作物から⼀歩引いて思考する • そうする事で新たなアイディアがスッと組み込める •
思考の切り替え制作脳から批評脳へ

実践してみて〜実際どんな感じですかね？〜 25 質問！質問！質問！ • 批評の理解は、質問することで深い理解を得る • 批評を持ち帰ってからの反映や判断基準にしっか
り⽣かす

ECデザイナーの声〜なるほどそんな感じですか〜

ECデザイナーの声〜なるほどそんな感じですか〜 27 レビューする時 • 2レビューする上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？
レビューを依頼する時 • 2レビューを依頼する上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？

ECデザイナーの声〜なるほどそんな感じですか〜 28 2レビューする上で、⼼がけている事はなんですか？ 2実際にやってみてどう感じますか？個⼈的には、カラーミーの仕事を今までやってなかったので、カラーミーのいろんな仕事が⾒えてくるようになって、すごくよかったと思います。（良いところも悪いところも⾒えてくる）⾊々なことに気を使ったりするとどうしてもコメントのテキスト量が増えてしまって、逆に伝わりづらくなっているのでは…？と思うときがあります。
⼝頭+テキスト、にするのが良いのかなぁ？？あとはやっぱり、せっかく「批評」の本を読んだので、デザインレビューよりも「批評」に重きを置けるような流れを作っていきたいなぁと思います。もはさんしょこさん • 前提を把握する：把握できなかったら質問して、デザイナーの意図を汲み取る • スコープを決める：⼝出しして良いところと悪いところを⾒分ける。わからなかったら質問して、それからレビューする • サンドイッチ法：ポジティブフィードバック → ネガティブフィードバック → ポジティブフィードバック例として「めっちゃ格好良くて震えました！ツノが光るのいいですね。ただ、仕事中ということを考えると、⾒慣れない⼈には少し⽬が痛いかもしれません。刺激を求める⼈には嬉しいと思います！」 • デザインを最終決定するのはレビュワーではなく、デザインを作成した⼈なので、本当にやばい事柄以外は、相⼿を信頼して任せる • つまり、レビューの前段階になるコミュニケーション⼤事！

ECデザイナーの声〜なるほどそんな感じですか〜 29 レビューする時 • 2レビューする上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？
レビューを依頼する時 • 2レビューを依頼する上で、⼼がけている事はなんですか？ • 2実際にやってみてどう感じますか？

ECデザイナーの声〜なるほどそんな感じですか〜 30 おさつ 2レビューを依頼する上で、⼼がけている事はなんですか？ 2実際にやってみてどう感じますか？雑に依頼しない。レビューする⼈が、内容をすぐ理解しコメントできるように「⽬的施策」「どうしてこ
ういうデザインにしたか」「悩んでること」などをまとめてから依頼する。デザインレビュー⾃信がない⼈でも上記の内容をしっかりまとめていれば、誰でもできる。 • ⾃分が気付いてないことを指摘してもらえるので発⾒がある • 「レビューされる＝デザインレベルが低い」みたいに勝⼿に⾃⼰否定しがちなので、「そういう視点もあるのか」というポジティブな気持ちで受けるようにしているえび

終わりに〜終わりすよ〜

終わりに〜終わりすよ〜 32 <8*1>スピリットチーマー宣⾔ CZもはゑのご紹介 https://docs.google.com/document/d/1bv68wkDi_rWs4rRexiFkv19XeaLetRUaGxvXsOvT_wQ/edit

終わりに〜終わりすよ〜 33 より良いプロダクトは我々が作る！ご静聴ありがとうございました〜

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

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

kazuonagaoka

More Decks by kazuonagaoka

Other Decks in Design

Featured

Transcript