menu

Webサイトのプランニングに活用できる「マインドマップ」(前編)

制作

ユーザービリティ向上やコンバージョン率改善など、Webサイト制作の目的はさまざまです。目的を実現するためには事前のプランニングと要件の整理が欠かせませんが、複数の案件が同時進行することの多いWebディレクター業務では、プロジェクトが進むうちにそれぞれの目的・要件がぼやけがちになってしまうことも少なくありません。

そうした時に活用したいのが「マインドマップ」です。マインドマップとは、イギリスの著述家トニー・ブザンが提唱しているブレインストーミングの手法の1つ。主題(目的)を中心として、そこから放射状にキーワードやイメージを描くことによって、複雑な情報をコンパクトに整理することができます。

・マインドマップの始め方
まずマインドマップを描くためのボードを用意します。ボードは紙でも構いませんし、Web上で提供されているマインドマップ作成用ツールでも問題ありません。ただ、この時点では主題からどれくらいの数のキーワードやイメージが広がるか分からないので、ある程度スペースに余裕があるものがいいでしょう。

用意したボードの真ん中には、「コンバージョン率改善」、「ユーザービリティ向上」といった主題を書き、その周りに思いつく限りのキーワードやイメージを書き出していきます。例えば、主題が「コンバージョン率改善」なら、「表示速度アップ」、「入力フォーム最適化」といった要素が、そうしたキーワードに該当するかもしれません。

この時大切なのは、とにかく連想できる限りの要素を自由に書き出していくこと。キーワードは必ずしも具体的な数値や目標である必要はありません。思いつく限り書き出していくことによって、アイデア同士がぶつかり、意外な方向性を見出すことができるのもマインドマップの特徴の1つです。

最後に、書き出した要素を連想した順番や自分なりのカテゴリ分類に沿って矢印・線で結んでいきます。カテゴリ分類の際は、矢印の色を変えたり、異なる色で囲み線を付けたりするのもいいでしょう。色分けしながら矢印・線を伸ばしていくことで、アイデアを整理しながら深掘りして、具体的な施策につなげていくことができます。

マインドマップは、Webサイト制作に限らず、事業戦略やキャリアプランニングなどにも広く利用されており、マインドマップを公開しているギャラリーサイトも多数あります。慣れないうちはそうしたギャラリーサイトを参考にしてみるのもいいでしょう。次回はマインドマップの具体的なメリットについて紹介します。

Web制作に関するご依頼、ご相談、お見積はこちら

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

marketing01消費者の行動モデルを視覚化する「カスタマージャーニー」

renewal01ユーザーに新鮮な驚きを与え、想像力を掻き立てる「シネマグラフ」とは?

関連記事

  1. web09

    Webサイトにひと味加えたい時に役立つ、イラスト&ピクトグラム素…

    一般的にWebサイトに掲載する写真は具体性や専門性が大切と言われています。たしかに企業のオウンドメデ…

  2. web03

    ファイルをコンパクトにして表示速度をUP。JavaScript/…

    スマートフォンやタブレットの普及によってコミュニケーションのスピードが早まるなか、Webページに表示…

  3. web04

    Webサイトのプランニングに活用できる「マインドマップ」(後編)…

    1つの主題から関連するキーワードやイメージを放射状に書き出していくことによって、複雑な概念や情報を分…

  4. Webサイトに動画コンテンツを取り入れるメリット&実際の制作費

    Webサイトに動画コンテンツを取り入れるメリット&実際の制作費

    Youtubeをはじめとした動画配信プラットフォームが普及し、スマートフォンで場所・時間を問わず動画…

  5. webdesign01

    日常的に使うPhotoshopだからこそ知っておきたい、初期設定…

    画像のレタッチやリサイズなど、Webディレクター業務でも何かと使う機会の多いPhotoshop。Ph…

  6. web06

    Webサイトのコンテンツをどう見せるか。共有・拡散されやすい3つ…

    Webサイトのコンテンツは内容に加えて「どう見せるか」、「どう届けるか」という視点も非常に大切です。…

  7. web05

    キービジュアル・広告制作に役立てたい、絵画・アート作品のコレクシ…

    Webサイトのキービジュアルや広告のクリエイティブを制作する際は、歴史的な名画やアート作品に目を向け…

  8. 01-HTML-CSS

    Webディレクターなら正しく理解しておきたい、HTML5の4つの…

    2014年10月に勧告され、さまざまなWebサイトで使われているHTML5。国内でも無印良品などHT…

PICKUP

  1. ec03
  2. 商品画像に変化を与える、身近なアイテムを利用した撮影テクニック
  3. ec03
  4. ad10
  5. ec04
  1. ターゲットの行動を理解するヒント「イノベーター理論」
  2. BitBite
  3. seo07
  4. webdesign05
  5. ad10
  6. デキルトレード
  7. Web-Renewal30
  8. ホームページリニューアルでレスポンシブデザインを採用するメリット・デメリット
  9. listing02
PAGE TOP