menu

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

制作

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

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

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

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

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

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

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

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

小野 良勝

小野 良勝 代表取締役

投稿一覧

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

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

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

関連記事

  1. 観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR)動画

    観光や教育関連のサービスとも相性抜群のバーチャルリアリティ(VR…

    Youtubeなどの動画配信プラットフォームに加え、無料の動画素材や編集アプリなども身近になったいま…

  2. web10

    Webディレクターが最低限知っておきたい著作権の3つのポイント

    昨年2015年に東京オリンピックのエンブレム問題が大きな騒動になったように、他人の作品を無断で流用し…

  3. 時間による変化やこだわりの制作過程を数十秒で見せる、タイムラプス活用事例

    時間による変化やこだわりの制作過程を数十秒で見せる、タイムラプス…

    インフォグラフィックと並んで、よりスピーディーに分かりやすく情報を伝えるWebマーケティングの手法と…

  4. 認知科学によって利便性を追求。Googleが推奨する「マテリアルデザイン」とは?

    認知科学によって利便性を追求。Googleが推奨する「マテリアル…

    無料でダウンロードできるアイコンやフォント、ベクター素材などを上手く利用しながらデザインやレイアウト…

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

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

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

  6. webdesign02

    Photoshopの編集作業をより快適にする、ショートカットキー…

    メインの画像編集ソフトとしてPhotoshopを使っている場合、初期設定のカスタマイズとあわせて使い…

  7. 01-HTML-CSS

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

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

  8. web02

    CTRが約300%UPしたオウンドメディアも。SNSシェアボタン…

    多くのWebサイトに設置されているFacebookやTwitterといったSNSのシェアボタン。ペー…

PICKUP

  1. A&P with terrace|オープンテラスのアジアンリゾート
  2. 田舎茶屋 大蔵|レトロな雰囲気は”昭和の居酒屋”
  3. 本丸亭 / 超特製黄金塩スープ
  4. marketing09
  5. 【SEO】 最初に整理しておきたいSEOのメリット&デメリット
  1. 「やだ…こんなにある…」Webサイトリニューアルで失敗する13の原因
  2. 読まれるコンテンツに欠かせない、分かりやすい文章の3つのポイント
  3. Smart_Mat
  4. TrackR
  5. beacon01
  6. ディスプレイ広告の効果UP&リスクを抑える「ターゲティング機能」
  7. 北浜 /  和食料理の伝統を守り続けてきた技
  8. seo09
  9. 次世代のビジネスチャンスを拓くVR&AR活用術 
PAGE TOP