111204 受発注のコミュニケーションイベント資料

Webデザイン受発注のコミュニケーション実務ワークショップ

片山良平 @rk611

2011,12,11 Digital Hollywood Osaka

1

本日のゴール今日話そうと考えている事

Web制作におけるビジュアルデザインがテーマ発注側、制作側双方で、デザインを扱ううえで・どのような点に注意をしたらいいのか？・どういったことを知っていたほうがいいのか？を、持ち帰ってもらえればと考えています。

2

片山良平新規事業開発担当/元Webプロデューサー

1999~2007 株式会社アニーデザイナー PHPプログラマーディレクター/プロデューサー 2007~2011 ネットイヤーグループ株式会社プロジェクトマネージャーチームリーダー/プロデューサー 2011～株式会社エムアウト戦略事業グループマネジャー

Ryohei Katayama @rk611

3

何故、デザインはひっくり返るのか？

4

何故、デザインはひっくり返るのか？

１．最後のほうに社長が出てきた。２．会社としての決定ではなく個人の趣味だった３．途中で要件が変わった４．自然の摂理として

5

何故、ズレたデザインが上がってくるのか？

6

何故、ズレたデザインが上がってくるのか？

１．デザイナーと意思疎通が出来ていなかった。２．参考として視覚的なサンプルを渡したが、説明不足で、真似しろと受け取られた。３．デザインのゴールが定まっておらず、好き嫌いの議論でデザインを進めていた。４．自然の摂理として

7

Wedデザイン受発注のセオリーデザインコントロールが身につく本

8

9

戦略プランニング

概要設計詳細設計実装運用

情報設計ビジュアルデザイン

要件整理コンセプトワーク

コンテンツ企画

抽象度が高い抽象度が低い(具体的)

10

Wedデザイン受発注のセオリーデザインコントロールが身につく本ビジュアルデザインにおける受発注で特に大事な事１．目的の明確化２．解決方法の選定３．発注者と制作者のギャップ４．アートディレクションについて５．段階的に絞り込んでいく手法合意形成の仕方、意見をまとめるやりかた

11

1.目的の明確化プロジェクトの目的をはっきりとさせる

12

Why? 何のためにデザインをおこなうのか？

1.目的の明確化

13

何のためにデザインを行なうのか？目的は何か？・クライアントに頼まれたから・デザインが古いので今風にしたいから・店舗を立ち上げたから


14

目的の分解 1. 目的達成手段 Solution

2. 水面下の依頼目的 (＝真の要求事項) Problem


15

Problemは何なのか？真の要求事項は何なのか？どの問題を解こうとしているのか？


16

「デザインが古いから今風にしたい」 ⇒目的達成手段 [Solution] デザインが古いとなんで今風にしないといけないの？


17

「デザインが古いから今風にしたい」 ⇒目的達成手段 [Solution] デザインが古いとなんで今風にしないといけないの？

「競合がリニューアルした」ネットで比較されやすい商品。比較検討する際の項目数が競合に比べ少なく、訴求力が弱い。 ⇒真の要求事項 [Problem] 競合優位性を保つためにリニューアルが必須


18

ここで問題です「店舗(美容室)を立ち上げたからサイトを作りたい」真の要求事項はどんなものが想定できるでしょうか？


19

「店舗(美容室)を立ち上げたからサイトを作りたい」１．来店者数が少ないので、増やしたい (1) 認知度が低い (2) 認知はされているが来店機会がないようだ２．リテンション(再来店率)が低いので、高くしたい (1) 予約がしにくい、とりにくい (2) 他の店のほうがいいと思われているようだ ≒ 売り上げが低迷しているから、売り上げを上げたい


20

ビジョンステートメント１．我々はこれから何をしようとしているのか？ ■自分たちが「何を達成しようとしているのか、それによりどうプラスになるのか」を端的に記す。達成手段だけではなく、必ず目標を明確にする。

２．我々は何故これをやろうとしているのか？ (問題は何なのか？) ■そもそもなぜこれをやろうとしているの？という、大もとの課題を明確にする。

３．この努力が成功したかどうかは、どうしたらわかるのか？ ■どこを目指しているかがわかるように、具体的に（なるべく数値化した）目標を記す。


21

ビジョンステートメント１．我々はこれから何をしようとしているのか？ ■美容室を立ち上げたが、まだ来店数が少ないので Webサイトをつくり来店数増やしたい。

２．我々は何故これをやろうとしているのか？ (問題は何なのか？) ■売り上げを黒字水準に引き上げたい。認知はされているようだが来店機会がないようなので、自分たちの強みやこだわりを知ってもらい来店につなげたい。

３．この努力が成功したかどうかは、どうしたらわかるのか？ ■休日○人、平日○人以上の来店。


22

2.解決方法の選定ビジュアルデザインは解決方法の一つでしかない

23

How? 問題はわかった。その問題はどの方法で解決するのが良いのか？

２.解決方法の選定

24

なんでもビジュアルで解決しようとするとおかしなことになる。ビジュアルが出来るのは次のような事。１．他と差別化する２．感情に訴えかける３．機能性を高める


25

１．他と差別化する・強調させる・印象のコントロール


26

１．他と差別化する


サルバトーレクオモピザーラ 27

２．感情に訴えかける・欲求を喚起させる・想像させる・共感させる・文脈を伝える


28

３．機能性を高める・視認性を良くする・優先順位を明確にする・直感的に動作を理解させる


29

他のアプローチによる問題解決 ≒ビジュアルデザインでは解決できない事

１．プロダクトやブランドの問題２．Webにアクセスしない顧客層の問題３．Webサイトへの流入経路の問題４．情報設計の問題５．コンテンツの問題６．プロセスの問題


30

3.発注者と制作者のギャップ見ているところが全く違うと心得る

31

Why? なぜギャップが生まれるのか？


32

発注者の意識

１．プロジェクトの説明を省く２．制作者を過信する (スコープを過大に認識する）３．ビジネスニーズに偏重する４．発注内容に客観性が足りない

3.発注者と制作者のギャップ

33

制作者の意識

１．受け身の姿勢２．発注者の事情を過小評価する３．タスクやリスクを過小評価する


34


発注者と制作者の間には深い溝がある。違う事を前提に進めるしかない。

35

4.アートディレクションについてアートディレクションタスクとは何か？だれがやるのか？

36

What? アートディレクションとは何か？

４.アートディレクションについて

37

主に気難しそうな人たち、・・・みたいな。


こんな人たち。

38


デザイナーではない、デザイン専門のディレクター。１．Web担とデザイナーの翻訳者２．アートディレクターは客観性を保つ、俯瞰視点の人

39


40


41


42

アートディレクターのツールイメージスケール


43

イメージスケール


44


45


大抵のプロジェクトではアートディレクターはいない。ではどうするか？制作者側のディレクター、デザイナーが兼務。アートディレクターは居なくてもいいが、この役割をやる人がいないとデザインは難航する。

46

5.段階的合意形成どうやって巻き込み、合意形成を得るか？

47

How? どのように合意形成をすすめるか？

５.段階的合意形成

48


初期段階のズレのリスクは大きい

49

フェーズが進むほど修正コストが高くなる根幹部分は初期に詰める。リスク高低を把握し、優先順位をつけリスクが高いものを初期段階で徹底的につぶす。


50


各フェーズのポイント

51


ステークホルダー(利害関係者)の把握

52


ステークホルダー(利害関係者)の把握

53

ご清聴ありがとうございました。

Twitter ID: @rk611 https://www.facebook.com/designcontrol

【速報】終了のお知らせ＼(^o^)／

54

Design

111204 受発注のコミュニケーションイベント資料