menu

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

制作

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

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

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

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

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

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

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

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

小野 良勝

小野 良勝 代表取締役

投稿一覧

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

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

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

関連記事

  1. 01-HTML-CSS

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

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

  2. フラットデザイン化に使える無料アイコンのダウンロードサイト

    フラットデザイン化に使える無料アイコンのダウンロードサイト

    ページの表示速度アップやレスポンシブ対応、アピールしたい要素を強調できることなど、さまざまなメリット…

  3. 再生回数230万回。参考にしたいブランディング動画Android「Monotune」

    再生回数230万回。参考にしたいブランディング動画Android…

    Webサイトの制作・リニューアルに明確な目的に設定が必要になるのと同じように、動画コンテンツを活用す…

  4. 誰でも簡単にインフォグラフィックを作成できる無料ツール

    誰でも簡単にインフォグラフィックを作成できる無料ツール

    数値とイラスト、図形、グラフなどを組み合わせビジュアル化することによって、複雑な情報も直感的に伝える…

  5. 購買率が1.68倍UP。ECサイトに取り入れたい「短め」デモンストレーション動画

    購買率が1.68倍UP。ECサイトに取り入れたい「短め」デモンス…

    企業のメッセージやブランドの価値観を伝えるブランディング動画とあわせて、動画マーケティングに取り組む…

  6. フォントひとつでバナーの印象は変わるー。訴求ポイント別のバナーの工夫

    フォントひとつでバナーの印象は変わるー。訴求ポイント別のバナーの…

    スマートフォンが普及して時間・場所を問わずWebサイトに接触できるようになったいま、多くのユーザーが…

  7. webdesign01

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

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

  8. webdesign03

    ランディングページ制作に携わるなら知っておきたい、行動心理学の4…

    訪問したユーザーを納得させ、具体的なアクションに導くことが求められるランディングページ制作。Webデ…

PICKUP

  1. ar-vr02
  2. 肉饂飩 とみ坂|焼肉トラジの新業態
  3. BLEBeacon01
  4. ad03
  5. どっちが大きい?マーケターなら知っておきたいBeaconのメリットとデメリット
  1. ec05
  2. ビッグデータ×BLEBeacon|意外と知られていない2つの可能性
  3. BLEBeacon09
  4. ec03
  5. WebDirector16
  6. arvr04
  7. 【3】VR・AR_HMD_1
  8. iot10
  9. 鮮と閑|ぶらり鶴屋町
PAGE TOP