カスタマージャーニーマップは何で作る?カスタマージャーニーマップを作るツール3選

2022.10.25
  • UXデザイン

こんにちはシナップ大川です。

今回は「カスタマージャーニーマップ」が何かということは知っている方向けに、これから作りたい、または作ったことがあるよという方の多くが一度は悩むであろう、カスタマージャーニーマップを何のツールで作成すれば良いのか、おすすめのツールなどを考えていきたいと思います。

意外と難しいカスタマージャーニーマップ作成ツール選び

まず、カスタマージャーニーマップを作る際は、ひとりで作成する場合もあれば、複数人で、それこそワークショップ形式で行うこともあるかと思います。
ただ、いずれにせよ、最後は何かしらのツールでまとめる必要が出てくるのではないでしょうか。

ワークショップ形式などの際は、ホワイトボードを写真に撮るというのも一つの方法で、もっとも手軽です。
しかし、やはり手書きだと見返した時に読むのが辛かったり、再編集できないというデメリットがあります。

また、最近ではワークショップもリモートで行うことが多いので、やはり何かしらのデジタルツールを利用するのがいいのではないでしょうか。

よくPowerPointのテンプレートなどを見かけるのですが、共同編集しにくく、ページに収まりきらない時が多いので、ちょっと不便ですよね。

求められる機能

このように考えていくと、カスタマージャーニーマップを作成する際に、いくつか求められる機能があることがわかります。
特に重要だと思うのが以下の3点です。

  • 共有できる
  • 共同編集できる
  • サイズを自由にできる


共有できる

当たり前かもしれませんが、作成したカスタマージャーニーマップはメンバーやクライアントと共有する必要がでてきます。
最近ではリンクをシェアすることで、ブラウザで閲覧できるツールも多くなってきたので、そうした機能のあるツールが便利です。

共同編集できる

上でリモート環境での作業についてふれましたが、カスタマージャーニーマップを作る際は、複数人で作成したり、ワークショップ形式で作成することも多いため、共同編集ができると便利です。
特に、ワークショップなどでは、リアルタイムで同時編集できるツールを利用すると大変捗るのでおすすめします。

サイズを自由にできる

もしかするとこれがもっとも重要かもしれません。
一般的なカスタマージャーニーマップは横にユーザーのフロー、縦にシチュエーションや感情、課題などをまとめていくかと思います。
こうしたカスタマージャーニーマップを作ったことがある人は思い当たる節があると思いますが、A4のスペースではまず足りません。A4どころか、壁一面のホワイトボードでも書き込むエリアが足りなくなるということがたびたび起こります。
特に複数人でのワークショップで、考えられるだけとにかくたくさんのアイデアを出してみようと行った場合、スペースが足りなくなることが大半です。

文字サイズを小さくしてスペースに押し込むというやり方もありますが、あまりスマートなやり方ではないですよね。
サイズは自由に広げることができる、できれば内容によって自動で可変してくれる、そして、拡大、縮小して見ることができると、作業が捗ります。

おすすめツール

これらのポイントを押さえて、実際に導入しやすいツール、おすすめのツールとしては以下の3つをわたしはよく使っています。


Google Sheets(Google スプレッドシート)

利用者も多く、もっとも導入しやすいツールがこのGoogle Sheets(Google スプレッドシート)ではないでしょうか。
スプレッドシートの縦横のマスを利用することでカスタマージャーニーマップをまとめることができます。
縦にも横にもスペースを気にせずに広げられる点や、共同編集できる点、もともとエクセルなどと同様の表計算ツールなので、ほとんどの人に、使い方を説明する必要がないのも利点です。
ただし、セルにテキストで書き込んでいくため、内容の強弱や画像の挿入などがしにくい面があります。
また、大きくなってしまうと、見たい位置までブラウザをスクロールしないとみていけないため、一覧性にかけたり、編集がしづらい点があります。

miro

オンラインホワイトボードツールとして有名なmiro。
スペースを広く使うことも、共同作業もでき、共有もとても簡単に行うことができます。
ホワイトボードだけあり、付箋を貼っていく感覚で編集できるので、リモートでのワークショップなどにも向いています。
カスタマージャーニーマップのテンプレートも用意されているので、すぐに始められるでしょう。

miro カスタマージャーニーマップテンプレート

FigJam

FigJamはFigmaが提供するオンラインホワイトボードツールです。
miroと同様にスペースを広く使え、共同作業もでき、共有もとても簡単にできる他、こちらもカスタマージャーニーマップのテンプレートが用意されています。
メンバーがFigmaを使い慣れていたら、アプリからもアクセスしやすいので、Figjamの方が良いかもしれません。

figjamカスタマージャーニーマップテンプレート

まとめ

というわけで、3つのツールをご紹介しましたが、いかがだったでしょうか。
みなさんは普段どんなツールで作成しているのかも興味があります。
他にもこんな便利なツールを知っているよという方は、ぜひ教えてください。

シナップでは企業やサービスの UXデザイン/UXリサーチ、ペルソナ策定やカスタマージャーニーマップ制作のお手伝いをしています。
自分達だけではちょっと自信がない、時間がないなどサポートが必要であったり、ちょっと話を聞いてみたいなと思ったら、お気軽にご相談ください。

よろしければ併せてこちらもご覧ください

UXリサーチとは?今日からスモールスタートで始めるUXリサーチ

Web戦略から制作、グロースまで総合的に支援します
シナップはサービスの継続的な成長をサポートするデザインコンサルティングです。戦略的から制作・開発、そしてサービスのグロース・運用まで、すべてのワークフローにおいて支援が可能です。
この記事をシェアする
大川 貴裕
大川 貴裕
Webサイトをはじめ、企業のブランドデザイン、CI/VI開発、グラフィックデザインなど幅広い分野で活躍している。国際的なデザインコンペティションほか受賞多数。近年はWebデザイン専門学校などでUXデザインの講師も行う。

関連記事

Webサービスを成功に導くシナップのUXリサーチ

2023.10.04
  • UXデザイン

一見良さそうに見えるデザインにも問題点が… デザイン4大原則から考えるUIデザインの完成度を高める方法

2023.06.06
  • UXデザイン
  • UI/UX

カスタマージャーニーマップは何で作る?カスタマージャーニーマップを作るツール3選

2022.10.25
  • UXデザイン

UXリサーチとは?今日からスモールスタートで始めるUXリサーチ

2022.06.14
  • UXデザイン

成長するサービスに必要不可欠なデザインシステム4つのメリット

2021.11.09
  • UXデザイン

成長するサービスを支えスケールを可能にするデザインシステムとは

2021.10.12
  • UXデザイン

いますぐできる利用者のネガティブな感情を取り除き、 ポジティブな感情をもたらすUXデザインのヒント

2021.04.13
  • UXデザイン

春のスタートダッシュを決めよう!~2021年度版:Web業界の新人さんにオススメの書籍10選~

2021.04.07
  • UXデザイン

この3つだけはおさえておきたい。明日から作業効率が大幅アップする!この半年で行われたAdobeXDの新機能(2020年6月-12月)

2021.01.14
  • UXデザイン

2020年春からおさえておきたいデザイントレンド 7選

2020.04.14
  • UXデザイン

参考にしたいデザインシステムまとめ 10選

2019.04.11
  • UXデザイン

簡単に作れて見栄えする!CSSで作るリッチなhover演出

2018.06.21
  • UXデザイン

パーツごとに見るモバイルUI:参考にしたいUIまとめ

2017.09.12
  • UXデザイン

パーツごとに見るモバイルUI:フォームの事例と、UIを考えるときのポイント

2017.09.06
  • UXデザイン

パーツごとに見るモバイルUI:カルーセルの事例と、設計・デザイン時に気をつけること

2017.08.29
  • UXデザイン

パーツごとに見るモバイルUI:ハンバーガーメニューを押した際のナビゲーションの表現方法

2017.08.23
  • UXデザイン

パーツごとに見るモバイルUI:ハンバーガーメニュー以外の特徴的なメニュー表現の事例紹介

2017.08.09
  • UXデザイン

視覚で伝わるインフォグラフィック!面白い事例も作ってみました!

2017.06.01
  • UXデザイン

初めてでも大丈夫!Adobe XDの書き出し機能と使い方

2016.12.14
  • UXデザイン

スムーズに検索させよう!複雑な検索をするときの画面やUIパターン

2016.02.09
  • UXデザイン

よくわかるIoTの仕組み 「モノ」とインターネットを接続するには

2015.11.19
  • UXデザイン

記事をページ分割するメリット・デメリット(モバイルフレンドリー対応)

2015.08.07
  • UXデザイン

モバイルフレンドリー対応:スマホで読まれる文字数は?

2015.07.30
  • UXデザイン

スマホサイトの「続きを読む」は必要か?(モバイルフレンドリー)

2015.05.28
  • UXデザイン

人気記事

「microCMS」導入を徹底解説!メリット・デメリット、料金体系、適切なプランの選び方、最後に相談できる会社の見つけ方まで!

2024/05/22
  • Web技術

KJ法とFigma(Figjam)を活用したZoomミーティングでの意見整理テクニック

2024/05/15
  • その他

恋愛マンガシチュエーションで面白く学ぶ Webガバナンスが必要なシグナル

2024/04/10
  • その他

企業のWeb戦略成功への鍵 Webガバナンスの重要性

2024/03/13
  • その他

『SINAP Journal 2024 Winter』PDF版をアップしました!

2024/02/20
  • シナップについて

自己成長を加速させるシナップの新人研修

2023/12/12
  • シナップについて
  • 採用

注目の国産ヘッドレスCMS「microCMS」

2023/11/14
  • Web技術

Webサービスを成功に導くシナップのUXリサーチ

2023/10/04
  • UXデザイン

リアルとリモートを上手に使った、柔軟なコミュニケーション

2023/09/12
  • シナップについて

ABテスト運用でよくある6つのお悩みと解決策

2022/03/15
  • グロース

成長するサービスを支えスケールを可能にするデザインシステムとは

2021/10/12
  • UXデザイン

次世代アナリティクス「Googleアナリティクス4(GA4)」の主な特徴と今後について

2021/09/14
  • グロース