誰に何を伝える？わたしの デザインコンセプトの 作り方、探し方

Transcript

• 1. 10年前、美容師の専門学校の トップページデザインを 作っていたときの話。 デザイナー Sさんに意見を求めると… 10年前、美容師の専門学校の トップページデザインを 作っていたときの話。 デザイナー Sさんに意見を求めると…
• 2. う｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜｜ん このメインイメージの女の子の写真、もっと オシャレで美人な方がいいな。 美容専門学校なんだからみんなが憧れる ような写真じゃなきゃ、だってみんな…
• 3. この学校に入って 「オシャレでステキ」 になりたいんでしょ？
• 4. ？！？！ このサイトに来る人は 「おしゃれでステキなりたい」？！ そこまで考えてなかった！！
• 5. すみだあやか（角田綾佳） Webデザイン＆イラストレーター 制作会社でのWebデザイナーを経て2006年に フリーランスに。主にLPやサイトのデザイン、イラ ストを制作しています。 見積＆請求 自己紹介 10年経っても 日々こんな 感じです チョコすきなもの きらいなもの 「デザイナーのイラストノート」 というブログやってます。 「デザイナーの仕事って何だろう？ 改めて考えてみた2015春」 という記事書きました。 http://in.spicagraph.com/other/design-think/
• 6. 人の欲求・行動の コンテキストを考える その1
• 7. 人の欲求、行動にはコンテキストがある？ 表向きの欲求 表向きの欲求 叶えたい深層 叶えたい深層 髪型 変えたい ・かわいくなりたい ・イメージ変えたい ・友人に自慢したい ・オシャレカフェにいる 私かわいい パンケーキ 食べたい
• 8. 10年前の私にはそれがなかった 1. 美容師になりたい 2. よし、専門学校行こう 検索 検索 憧れ資料請求 すてきな写真 わたしのシナリオ デザイナー Sさんのシナリオ Fin 資料請求 Fin 1. 美容師ってステキ! 2.どうやって美容師になるか調べよう 3. この学校いいな！ ここならステキな美容師になれそう。 コンテキストに応えてる 必要な情報を 渡しただけ
• 9. 10年経ってどうなった？最近の事例 DMソリューション LPデザインの場合 ダイレクトメール
• 10. 案件概要とワイヤーフレーム ・簡単になったぜ！ｶﾞｯﾂﾎﾟｰｽﾞ/ ・私たちにおまかせください！ｶﾞｯﾂﾎﾟｰｽﾞ/ ガッツポーズは結果、そこに至るのに お客さんが叶えたい要望をイメージ化しよう… ディレクターさんのワイヤーのメインイメージ ・ECなど支払い督促DMの発行代行サービス ・発送業務負担の軽減 ・独自のデザインフォーマットで「回収率」を上げる 案件概要 DMソリューション 平均30％以上のコストダウンを実現！！ こんなお悩みありませんか？ リピート率 90% まずは資料請求 ？
• 11. こうなった http://www.service-kosaido.jp/dm/
• 12. デザインのコンセプト ・これまでDM送付で苦労して来た人 ・DMが読まれなくて困っていた人 ・DMに気がついてもらえる 響いて欲しい層 どうなれば幸せ？ きれいな デザインも アピール お悩みを イメージ化 数字は まとめる ユーザーが DMに気づき 手に取る イメージ
• 13. まとめ デザインのコンセプトって 「固い」「柔らかい」「さわやかな」「親しみやすい」… 作り手が発信するキーワードだけでは作れないのかも 言葉に出る欲求の裏にある「叶えたいこと」を考えて デザインで具現化できたら 「自分の求める物があるかも」と感じてもらえる ・どんな方が見られますか？ ・見た方にどう感じてもらいたいですか？とにかく聞く わたしはこうしてます
• 14. イメージを選ぶとき 気をつけていること その2
• 15. 人間は人の顔が大好き 目が合うと、つい「気になる」 これは結構重要 人がいる 人がいない 視線がある 視線がない or or
• 16. 脳は自分の都合の良いように変換する メッセージ性が強い ターゲットを絞り込む 感情移入しやすい ターゲットが広い 明確なイメージ想像の余地があるイメージ http://videoguard.pt/en/ http://www.studio-yoggy.com/
• 17. ・この人になりたい ・カリスマ ・憧れ 感じるイメージ ・目が合うので強い印象 ・その人が「好きか嫌いか」 になりがち 印象 人がいてこちらを向いている case 1 http://www.studio-yoggy.com/ http://parkinc.jp/ http://www.snvs.ac.jp/ http://www.samsung.com/jp/promotions/galaxys6/
• 18. ・カメラを意識しない ・自然 ・傍観者 感じるイメージ ・自分に置き換えやすい ・自分の存在に相手が 気づいていない印象で 自然な風景 印象 人はいるが視線がない case 2 http://www.humavox.com/ http://www.lion.co.jp/ja/ http://pu-pi.com/ http://rose-med.com/
• 19. ・静寂 ・傍観者 ・高級 感じるイメージ ・人の存在に印象が 左右されない ・印象を固定しない 印象 人がいない case 3 http://www.chronoba.com/ http://www.google.com/intl/ja_jp/nexus/6/ http://www.estic-jp.com/ https://www.apple.com/jp/iphone-6/
• 20. 「かわいい」と言っていただけることのあるこのイラスト まゆ毛も鼻もない、かなりデフォルメしたテイスト なるべくイメージを限定しないことで 見ている人「それぞれのかわいさ」に脳内変換してくれる イラストでも同じこと
• 21. まとめ イメージとっても大事！！ 「ここにドーンとイメージ入ります！！あ、素材集からでお願いしまーす」 とかとっても困る（探すのめっちゃ時間かかる） デザインのトレンド、同業他社のデザインを追随する必要はない。 しかし「目が慣れている」というのはある。 「⃝⃝っぽく」感じるというのもやっぱり大事。 誰かに代わって情報を収集することもある。 （幼稚園、介護、母の日…など） ターゲット＝見ている人という訳ではない。
• 22. デザインは 誰に向けて？ その3
• 23. 誰に向けてデザインしているか サイトを見るのはユーザーさんだけど 管理するのはクライアントさん。どっちも大事( ω ) フリーランスなので、いつも「ちょっとだけ意外性、新鮮さ」 があると良いなと思ってます。 「デザインかっこよくして！」というクライアントさんも否定したくない 必ず何かしら「コンテキスト」があるはず。 （それでモチベーション上がるなら良いじゃない！！）
• 24. ありがとうございました