Movatterモバイル変換

Webデザイン受発注のコミュニケーション実務ワークショップ片山良平 @rk6112011,12,11 Digital Hollywood Osaka 1

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

片山良平新規事業開発担当/元WebプロデューサーRyohei Katayama@rk611 1999~2007 株式会社アニーデザイナー PHPプログラマーディレクター/プロデューサー 2007~2011 ネットイヤーグループ株式会社プロジェクトマネージャーチームリーダー/プロデューサー 2011～株式会社エムアウト戦略事業グループマネジャー 3

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

何故、デザインはひっくり返るのか？１．最後のほうに社長が出てきた。２．会社としての決定ではなく個人の趣味だった３．途中で要件が変わった４．自然の摂理として 5

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

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

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

抽象度が高い抽象度が低い(具体的)戦略概要設計詳細設計実装運用プランニング要件整理情報設計コンテンツビジュアルコンセプトワーク企画デザイン 10

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

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

1.目的の明確化 Why? 何のためにデザインをおこなうのか？ 13

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

1.目的の明確化目的の分解 1. 目的達成手段 Solution 2. 水面下の依頼目的 (＝真の要求事項) Problem 15

1.目的の明確化 Problemは何なのか？真の要求事項は何なのか？どの問題を解こうとしているのか？ 16

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

1.目的の明確化「デザインが古いから今風にしたい」 ⇒目的達成手段 [Solution] デザインが古いとなんで今風にしないといけないの？「競合がリニューアルした」ネットで比較されやすい商品。比較検討する際の項目数が競合に比べ少なく、訴求力が弱い。 ⇒真の要求事項 [Problem] 競合優位性を保つためにリニューアルが必須 18

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

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

1.目的の明確化ビジョンステートメント１．我々はこれから何をしようとしているのか？ ■自分たちが「何を達成しようとしているのか、それによりどうプラスになるのか」を端的に記す。達成手段だけではなく、必ず目標を明確にする。２．我々は何故これをやろうとしているのか？ (問題は何なのか？) ■そもそもなぜこれをやろうとしているの？という、大もとの課題を明確にする。３．この努力が成功したかどうかは、どうしたらわかるのか？ ■どこを目指しているかがわかるように、具体的に（なるべく数値化した）目標を記す。 21

1.目的の明確化ビジョンステートメント１．我々はこれから何をしようとしているのか？ ■美容室を立ち上げたが、まだ来店数が少ないので Webサイトをつくり来店数増やしたい。２．我々は何故これをやろうとしているのか？ (問題は何なのか？) ■売り上げを黒字水準に引き上げたい。認知はされているようだが来店機会がないようなので、自分たちの強みやこだわりを知ってもらい来店につなげたい。３．この努力が成功したかどうかは、どうしたらわかるのか？ ■休日○人、平日○人以上の来店。 22

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

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

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

２.解決方法の選定１．他と差別化する・強調させる・印象のコントロール 26

２.解決方法の選定１．他と差別化するサルバトーレクオモピザーラ 27

２.解決方法の選定２．感情に訴えかける・欲求を喚起させる・想像させる・共感させる・文脈を伝える 28

２.解決方法の選定３．機能性を高める・視認性を良くする・優先順位を明確にする・直感的に動作を理解させる 29

２.解決方法の選定他のアプローチによる問題解決 ≒ビジュアルデザインでは解決できない事１．プロダクトやブランドの問題２．Webにアクセスしない顧客層の問題３．Webサイトへの流入経路の問題４．情報設計の問題５．コンテンツの問題６．プロセスの問題 30

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

２.解決方法の選定 Why? なぜギャップが生まれるのか？ 32

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

3.発注者と制作者のギャップ制作者の意識１．受け身の姿勢２．発注者の事情を過小評価する３．タスクやリスクを過小評価する 34

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

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

４.アートディレクションについて What? アートディレクションとは何か？ 37

４.アートディレクションについてこんな人たち。主に気難しそうな人たち、・・・みたいな。 38

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

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

４.アートディレクションについてアートディレクターのツールイメージスケール 43

４.アートディレクションについてイメージスケール 44

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

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

５.段階的合意形成 How? どのように合意形成をすすめるか？ 48

５.段階的合意形成初期段階のズレのリスクは大きい 49

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

５.段階的合意形成各フェーズのポイント 51

５.段階的合意形成ステークホルダー(利害関係者)の把握 52

５.段階的合意形成ステークホルダー(利害関係者)の把握 53

【速報】終了のお知らせ＼(^o^)／ご清聴ありがとうございました。 Twitter ID: @rk611 https://www.facebook.com/designcontrol 54

Movatterモバイル変換

Change Language

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

Embed presentation

Recommended

More Related Content

What's hot

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

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