UX: 分析ツールとは？検索ツールとの違い

「"あの検索サイト"みたいにして下さい」について

# あなたが欲しい物は、本当に「検索」ですか？

![表示.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f07c51e2-9ab3-31d6-e31d-15ca01115408.png)

![第一話.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f4d0f756-a070-8797-8c32-09a5985cc818.png)

（※以下、ストーリー仕立てでお送りします。）

ある日、彼は「分析ツール」の作成を頼まれました。
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f8d0777c-46e0-2503-2b5e-c4429de1f491.png)

「営業」と言えば、営業成績。彼はさっそく作り始めます。
![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/e1328d62-36c4-6ec6-5433-cdf76fda1bc5.png)

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/dd26fd38-a467-6b6e-0d8c-203b8822be04.png)

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/ae9bbe48-5b01-7d8d-a019-723b80945879.png)

![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f0c7dfd5-0e66-ddf5-c3f9-45ec5ee425fe.png)

![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/555cc550-06e5-cd24-3a40-b2d8213b7b1f.png)

![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/ea95b35c-a945-b22f-72f4-7afd12ee6c69.png)

![セグメントと指標で示唆が出る.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/332fc465-7f1b-10a8-a1ce-e86a30e12d15.png)


できたので、見せに行きましょう。
![8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f18c0062-369b-26a2-edc6-3a38a88f2297.png)

![9.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/5eff123c-ae6e-9c6b-4e2b-59af24daaf12.png)

![これでは不十分だな.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/d73c3ed2-fd3f-097b-0005-29a118d67c50.png)

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/8fbeb42d-6ec0-2efb-e7e1-596fdefed571.png)

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/c817d1aa-d1d0-10b7-cd12-735b2e7ffb44.png)

ここ「要点」です。
![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/e8a821ab-8c07-7e04-54ac-9aebed61f10c.png)


![分析ツールの要件は課題の把握とか設立案ができること.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/c8ad6eda-15cb-51b0-8141-3794d4192d36.png)

データから読み取れる事１
![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/44d5b588-379a-272f-8259-a09e437bb207.png)

示唆だと思ったら…
![エンジニアあるある.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/385a1585-1ca2-446e-3d76-f00070fa1083.png)


データから読み取れる事２
![山田花子に言えること.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/16778b10-89e6-6fc9-e923-600e194757cb.png)

データ分析しなくても言える
![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/4989573c-a098-fcdf-cc30-f6d6a7e74d06.png)

見た目だけ分析ツール化!

![漫画で分かる分析ツールと検索ツールの違い.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/55f32eed-2e15-8945-22d0-5ca85c7c4e7f.png)

「営業マン検索ツール」と言った理由は…
![確かに.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/34c7b22e-7f0c-4207-6373-1d2975052c36.png)


意味のある示唆を出す。
![役に立ちたい.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/2cbd77e5-709d-3b43-7f93-71dd66f86827.png)


※ちな円グラフはオワコン
![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/087faa91-2511-357f-3b72-cac4ac762b21.png)

※「リード」は大雑把に言うと「見込み客、商談相手」の事です。
![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/ab067c99-0efb-12a3-5fd0-b0700fc12a03.png)

![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/9357e414-6a39-4da0-0e5a-e680a4aefeaf.png)

![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/35b93dae-b614-58c8-fbb2-53d6acca9889.png)

ここで図から何かを読み取りました。
![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/c09b7d0c-1b60-819e-6351-0d6df0ed83d0.png)

「営業分析システム」の話に戻る
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/328675e2-fab1-e5c1-fecb-6acd1aff8aeb.png)

テーブルのカラムを充実させる？
![ギャップ見えない.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/df724d29-0e42-48d0-e031-eee5a10c62b7.png)

別タブにする？
![別タブ案.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/68b60efd-fb59-9ef0-6832-cbc6368d9295.png)

棒グラフいれる？
![棒グラフなら.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/1583db7b-8a38-5189-b449-8fa4daabdf24.png)


![捨てる.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/7eb1340b-0e5a-7e75-3492-3d987744d7df.png)



![23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/71767b11-575c-8835-c540-062db27d5d23.png)

![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/50ad3ca9-769d-cbf2-2c92-3828a8e8fc01.png)

![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/1b7d2bbe-3e15-d039-a4d5-e040432931cc.png)

※「セグメント」と「指標」を選べば…
![単発1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/7abcb730-2f9e-8cb0-c187-b10f7c0ad6bd.png)

![単発2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/b824dadd-7811-4f63-a114-cd6e0f510579.png)

![単発3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/dd60ce92-efd2-df1d-d9ec-cb224a4b1bce.png)


※更に比較すると…
![比較1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/726ca856-12c1-db7b-5733-42dc0dcf13c3.png)


![27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/cdf642ea-4071-4172-58d9-9249347f0798.png)

![28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/773155a3-c905-6ea9-8d47-7cf7cd328490.png)

※細かい補足ですが、「分析」にはいくつかの「検索」を内包しているという例。
![検索を内包.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/84b2e9cc-3eb8-09a5-3791-3b0aa91362ef.png)

※「分析」にはいくつかの「検索」を内包しているという例２。
![会社名.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/071d9e46-3bd1-efcd-0925-7fb7095d7d07.png)


※「指標」は「最終結果」だけではなく「中間指標」などもありえます。
![コロコロ指標変わる.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/aaaf0129-9bf9-0c76-9238-6fbde4d1f90a.png)

※要件次第では、セグメントも入れ替わります。
![入れ替わる事もあります.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/0ceaff63-e880-38b8-489e-75a9f47dd132.png)

※UX
![UX1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/3bd377ab-c3b1-244f-acfb-6b0dfd061706.png)

![UX2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/281144f1-2104-e284-a40d-20bec421c62e.png)


「検索ツール」は「結果のリスト」を返却し、
（必要であれば）そこから詳細に遷移させるツール（というのが一般的）なので、
リストと詳細を往復して課題を発見させます。



![検索ツールの良さ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/0cbf301f-ea45-231f-a6fa-686884a3eb65.png)


なので、検索条件を頻繁に変えると
前の条件で出ていた「動線」が消えて使いにくい。
というデメリットもあります。

![田中.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/56fe53e9-fd1a-65ce-35a6-0c17c522208e.png)


#### 複数の検索（or フィルタ）された状態を、保持しながら比較したい。
分析機能の要件というのは、割とこの一言に集約されます。

「分析ツール」では（一般的に）
繰り返し「表示設定」と「グラフ」を【画面内で行き来】するようにします。

![何度も行き来するUI.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/b905a7af-4fe7-3497-5fad-8f9d20302e8d.png)


![29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/5143b4f2-e659-ad32-23f8-45a16f7719fa.png)

![30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/74836cf2-df99-601a-98b8-a394bc7c957b.png)

![32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/ecde8023-93ab-b633-1d7e-c6fb785ee8e7.png)

#### コンサルがよく使う「空・雨・傘のフレームワーク」

「空を見たら → 雨が降りそうだ → 傘をさそう」
という定番の説得手法

営業戦略で言うなら、成功例 vs 失敗例
時期で比べるなら、去年 vs 今年など

どうすれば、
・「こうしたら良くなる」
・「今後の予想はこうなる」
に説得力を持たせられるのか？

ビジネスにデータ分析を活用する場合、
#### データの「ギャップ」に注目することが大事です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/30c154fb-70ce-a8a5-f10a-c38ea8fafef1.png)
Copyright © Nikkei Business Publications, Inc. All Rights Reserved.

#### 有名サイト（Google検索）のUXがダメとかではなく

同じ画面で、何回も検索条件を変えて、
データ抽出を試すのであれば、

下に数十行出てる検索結果を、上下に大きくスクロールしながら見たり
１個ずつ詳細を開いて見たとしても、ギャップは見えにくいです。

比較情報は、近接していた方がギャップは見えやすく、
ギャップに着目して抽出を繰り返すと、仮説を立てやすいです。

・・・
・・・

もう一個、言うべきことがありました。

#### デザイナーは「提案する側」であって「意志決定者ではない」
![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/ea9a2d41-e115-22c3-6ff7-9e95fb5f80d1.png)

![2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/439252df-4c34-7ee7-8210-76971d166ae1.png)

![3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/fffd3859-692f-b0bf-5ea9-dcaf983c298c.png)

![4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f0b33dae-31d9-a8aa-d4cb-5453e908365b.png)

![5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/096f3f46-8f14-f783-0fc5-4b240838f0fd.png)

![6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f1f8b99f-7898-c19b-67ab-259083cce24f.png)

![7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/39f6f5d4-58c0-1baa-6ce2-728958797066.png)

![8.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/3af72b34-9a3d-54ff-9f5b-7fee8b6e762b.png)

![19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/91dc7fde-6fe9-a89e-177a-fc4428f10bf0.png)

※奉行クラウドは「検索が強い」の意味です。

#### 結論

「（あの検索サイト）と同じにして下さい」という依頼は
どういう意図の発言か？分からない上に、


「UXが高いのは事実」なので、
場の賛同を得られやすい。


「検索」は「分析のはじめの一歩」ですが、
「データ分析」というのは、検索だけではありません。

「検索」したあと「見比べる事」に適しているか？
（あの検索サイト）のUXが高いか低いかではなく
![目的に.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/15703349-a01d-75e8-c5aa-61b8b12493bc.png)

#### 終わり

![白紙.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/042d200f-5b58-19c0-27f6-af66b6c300f2.png)


![白紙.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/93796a74-611a-fab8-0a37-f32d27eed5ee.png)


![白紙.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/5d12f93f-20ae-5346-5cc6-992217c1ac89.png)


![白紙.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/69cc0026-fb75-f27b-9128-60e06dd93328.png)


・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

【オマケの漫画（フィクション）を用意しました】


#### 主張しないデザイナーの末路
![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/15decd59-7a1d-3472-bb11-2f25dfc3de60.png)

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/9a731b17-15f0-59ec-1510-cdfd96637070.png)

![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/532e7747-0379-2472-8406-2938c265f84b.png)

![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/cbcc456b-a0cb-76ba-b559-620663421a0a.png)

![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/bccb2d08-8a5a-a574-5797-b41536c64752.png)

![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/333077f2-c32c-5b82-2f87-af7d567d35f0.png)

![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/42178b48-8c5e-cdd7-66ad-022f2f7cd04f.png)


![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/2dde439f-bc64-0420-1419-6acd4dd1ee88.png)

ちゃんと自分の意見は言いましょう。

![白紙.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/b4a7cecf-8883-4da9-0a68-2589f891deae.png)

![白紙.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f867f3ef-ebc4-63b6-8759-6169e558eb9b.png)

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

・・・
・・・

（※面白おかしく、世の中を描いた、フィクションです。）

![追加1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/9019b15a-6481-6627-497f-925b9819b96b.png)

![追加2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/810d9959-86bf-418c-1006-989f70c0e492.png)

![追加3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/c0155814-ee8a-74cc-1aa2-1323e29e06f1.png)

![追加4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/83f500ab-4833-8528-cb73-5bf42181a9b0.png)

![追加5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/552c2ed0-155c-1930-3aff-fdc00e233c02.png)

![追加6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/31b2e1fe-65a2-90c7-9a0f-ea1ae44399ab.png)

![追加7.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/f7a61ef9-a81b-e7fe-ea14-1cfdd643a437.png)


### もしも仮に言えたとしても…

絶対に、否定から入るのはやめましょう。自分の中では怒るのに正当な理由（上記のフィクションの例では、分析ツールを検索ツールに修正されていく経緯）があったとしても、相手にその違いが伝わっているとは限りません。意図が十分に伝わりきっていないから修正されているわけです。分析と検索には明確な区分けがあるわけでもないですし、これから比較ツールとして拡張されて、インサイトが出る分析ツールに変わるはずだったのに、それが説明できずに、くじけて検索のボタンを置いてしまったら、分析作業のフェーズが、STEP1：検索フェーズと、STEP2：分析フェーズに分かれてしまい、次に「比較」というボタンを置いて、比較のフェーズを開始しなければならない。比較をメインの機能にしたかったのに、検索をメインボタンにしてしまったら、分析フェーズ１の検索を繰り返す事になり、比較がオマケ機能になってしまう。普段使いではインサイトが出ない。分析ツールとしての機能が十分に活かせないので、実はすごく断腸の思いだった。比較を難しくすると、ユーザーはダウンロードしてExcelで比較したほうが効率良いので、つまりUXの低い比較機能の存在自体が不要であると思っているなど、相手は知る由もないのですから。理解されない事で怒る前に、説明をキチンとしましょう。

![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/e4546aee-65a4-827e-b895-2e14d9a244ae.png)

![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/216132/96652d36-f1e9-f465-178b-0794e9f90b18.png)

自分で出したFigmaに、自分からキレている変な人に見えます。
こんな態度では、逆に周りと仕事がしづらくなります。

もしもですが、もし万が一こんなシーンに遭遇したらですが、
早く帰ってvTuberでも見ましょう。

「四ッ谷やえ」見て癒やされましょう。
https://www.youtube.com/@-yotuyayae-9446


#### 会議の進め方について

（あの検索サイト）に「かっこ良くして欲しいです」
のニュアンスを含んでいるのは理解しています。が

・・・
・・・

「あの検索サイト、UXが良いよね！」
「同意〜」
「異議なし〜」

・・・
・・・

この流れ、誰も否定できない。

・・・
・・・

確かにあの検索サイトは、UXが高い。
でも、でもコレだけは言っておきたい…

・・・
・・・

・・・
・・・

・・・
・・・

これから作るの「検索サイト」じゃないんだな・・・

・・・
・・・