2A-1 Canvaフィードデザイン実践テクニック
1章 デザインは構成で9割決まる!情報設計入門
INDEX
目次

1章 デザインは構成で9割決まる!情報設計入門

この章の目安学習時間:1.5時間

この章で到達できるゴール:

  • 伝えたい情報を整理し、ターゲットに最も伝わる構成を考えられるようになる
  • カルーセル投稿の各ページ(1〜10枚)の役割を設計し、構成案を作成できるようになる

【1-1】デザインの土台となるコンセプトを定義する

目安の学習時間:30分

デザインの前に目的を明確にする

優れたデザインは、必ず明確な目的から始まります。
いきなりCanvaを開く前に、まずは「この投稿で、誰に、どうなってほしいのか」を言語化することが、成果に繋がるデザインの第一歩です。
  • 誰に?(ターゲット):ターゲットを、より具体的にイメージします。(例:都内で働く20代後半の女性、仕事で忙しいけど健康にも気を使いたい)
  • どうなってほしい?(ゴール):投稿を読んだ後、ユーザーに取ってほしい具体的な行動は何かを定義します。(例:投稿内容に共感し、後で見返せるように「保存」してほしい)

この「ターゲット」と「ゴール」が、情報設計の重要な指針となります。

情報を整理するマインドマップ活用術

目的が明確になったら、次に投稿で伝えたい情報を洗い出していきます。
この時、頭の中だけで考えると情報が散らかってしまうため、マインドマップを活用するのがおすすめです。

Canvaには「Whiteboards」という、無限に広がるキャンバスに付箋を貼るような感覚でアイデアを整理できる機能があり、マインドマップ作成に最適です。
この作業によって、伝えたい情報の全体像が可視化され、後の構成作りが格段に楽になります。

【1-2】読者を惹きつけるストーリーの構成術

目安の学習時間:60分

カルーセル投稿の基本構成

マインドマップで整理した情報を、次は読者の心を動かす「ストーリー」に組み立てていきます。

特に、複数枚で構成されるカルーセル投稿では、読者を飽きさせず最後まで読ませるための「型」が存在します。
ここではカルーセル投稿の型の一つを紹介します。

カルーセル投稿の型は投稿したい内容によっていくつかのパターンがあるため、競合の分析などを通して、どんな型を使って投稿するのが良いかを調べてみることも効果的です。
 (42200)

  ポイント
 
         
  • 長い文章は避け、要点を簡潔にまとめましょう。
  •      
  • 専門用語や難しい言葉は使わず、誰にでも伝わる言葉を選びましょう。
  •      
  • 箇条書きや図を使い、パッと見て内容がわかるように工夫しましょう。
  •      
  • 新聞のような文字だけの説明ではなく、絵本のように分かりやすく伝えることを意識しましょう。
  •    

ワーク:構成案を作成してみよう

それでは、このフレームワークを使って、実際に構成案を作成してみましょう。

マインドマップで洗い出した情報を、どのページに配置すれば最もストーリーが伝わるかを考えながら、各ページの役割と内容をテキストで書き出していきます。
ポイント
  • なぜその順番なのか、「読者はこのページでこう感じて、次のページではこう思うだろう」と、読者の感情の動きを想像しながら組み立てることが重要です。
  • この構成案が、デザイン制作の「設計図」となります。ここでしっかりと骨組みを作っておくことで、デザイン制作がスムーズに進み、手戻りを防ぐことができます。

考えてみよう!

1枚目の「フック」が魅力的でないと、どんなに良い内容でも読まれません。
思わずスワイプしてしまった投稿の表紙には、どんな工夫がありましたか?
3つ思い出してみましょう。
解答例
  1. 【悪用厳禁】」という、少し過激で興味をそそる言葉が使われていた。
  2. たった3分で分かる」という具体的な数字で、得られるメリットと手軽さが瞬時に伝わってきた。
  3. そのやり方、損してます」と、自分事としてドキッとするような、少しネガティブな問いかけがあった。

【1-3】1章 -章末課題- カルーセル投稿の構成案を作成しよう

問題

以下の3つのテーマから1つを選び、10枚構成のカルーセル投稿の構成案を作成してください。
この章で学んだフレームワークを使い、各ページに何を書くかを具体的に記述しましょう。

【選択テーマ一覧】

テーマA:職場の人間関係(MBTI)

  • ターゲット
    • MBTI診断や性格タイプ診断に興味がある20〜30代の社会人女性
  • ゴール
    • 「あるある!」と共感してもらい、他の投稿も見てもらう

テーマB:面接の基本マナー

  • ターゲット
    • これから就職活動を本格的に始める大学3年生
  • ゴール
    • 面接に対する漠然とした不安を解消し、「役に立った!」と感じて「フォロー」してもらう

テーマC:週末の作り置き術

  • ターゲット
    • 平日は仕事で忙しい20代の社会人女性
  • ゴール
    • 「真似したい!」と思ってもらい、週末にレシピを見返せるよう「保存」してもらう

解答例

【解答例A:職場の人間関係(MBTI) を選択した場合】

  • 1枚目(フック):「【MBTIタイプ別】職場でのすれ違い」
  • 2枚目(価値提供①:シーン1):「落ち込んでいるときの会話」「ENTJとISFJ」
  • 3枚目(価値提供①:シーン1):「実際の会話形式での事例」「感情型(F)がしてほしいこと」
  • 4枚目(価値提供②:シーン2):「遅刻してきたときの会話」「INTJとESFP」
  • 5枚目(価値提供②:シーン2):「実際の会話形式での事例」「謝るときの違い」
  • 6枚目(価値提供③:シーン3):「会議での会話」
  • 7枚目(価値提供③:シーン3):「実際の会話形式での事例」「提案方法の違い」
  • 8枚目(価値提供④:シーン4):「会議が終わるときの会話」
  • 9枚目(価値提供④:シーン4):「実際の会話形式での事例」「終了時間に対しての考え方の違い」
  • 10枚目(CTA):「人気投稿を紹介」「他の投稿への誘導」

【解答例B:面接の基本マナー を選択した場合】

  • 1枚目(フック): 「【これだけは押さえとけ】面接官が意外と見てる基本マナー5選」
  • 2枚目(共感・問題提起): 「面接って何から準備すればいいの?」「変なことして落とされたらどうしよう…」そんな不安、ありませんか?
  • 3枚目(解決策の提示): 「大丈夫!今日紹介する5つのマナーを守れば、第一印象は格段に良くなります!」
  • 4枚目(価値提供①): 「1.【入室時】焦らない!3つのステップ」→ノック、挨拶、お辞儀を具体的に解説。
  • 5枚目(価値提供②): 「2.【着席時】意外と見られてる座り方」→座るタイミング、姿勢、カバンの置き方を解説。
  • 6枚目(価値提供③): 「3.【会話中】相槌と視線のポイント」→相手の目を見て話す、適度な相槌などを解説。
  • 7枚目(価値提供④): 「4.【逆質問】『特にありません』は絶対NG!」→準備しておくべき逆質問の例を紹介。
  • 8枚目(価値提供⑤): 「5.【退出時】終わりよければ全てよし!」→お礼の伝え方、お辞儀、ドアの閉め方までを解説。
  • 9枚目(まとめ): 「【おさらい】面接マナー5選チェックリスト」→5つのポイントを1枚に凝縮。
  • 10枚目(CTA): 「役に立った!と思ったら【フォロー】で、他の就活情報もチェックしてね!応援コメントも待ってます!」

【解答例C:週末の作り置き術 を選択した場合】

  • 1枚目(フック): 「【平日が劇的に楽になる】社会人のための週末作り置き術」
  • 2枚目(共感・問題提起): 「仕事でヘトヘト…帰ってからご飯作る気力、残ってないよね?でも、健康的なものは食べたい…」
  • 3枚目(解決策の提示): 「その悩み、『週末3時間の作り置き』で解決できます!メリットだらけの作り置きライフ、始めませんか?」
  • 4枚目(価値提供①:メリット): 「作り置きの3大メリット」→①時間の節約 ②食費の節約 ③健康的な食生活 を図解で紹介。
  • 5枚目(価値提供②:始め方): 「何から始める?買い物リストのコツ」→1週間の献立をざっくり考える、使い回せる食材を選ぶなど。
  • 6枚目(価値提供③:主菜レシピ): 「おすすめメインおかず① 鶏むね肉のハーブ焼き」→簡単なレシピを紹介。
  • 7枚目(価値提供④:副菜レシピ): 「おすすめ副菜② 彩り野菜のピクルス」→簡単なレシピを紹介。
  • 8枚目(価値提供⑤:保存方法): 「長持ちさせる保存のコツ」→消毒した容器を使う、しっかり冷ますなど、注意点を解説。
  • 9枚目(まとめ): 「今週の作り置きポイントまとめ」→3大メリットと紹介したレシピをおさらい。
  • 10枚目(CTA): 「『これならできそう!』と思ったら【保存】して、週末の買い出しに役立ててね!」
これで「1章 デザインは構成で9割決まる!情報設計入門」の解説を終わります。

次の章に進みましょう。
WEBCOACH | キャリアチェンジまでの全てを学ぶマンツーマンWEBスクール
© 2020 by WEBCOACH