全てを記録せよ!UXデザイン改善の鍵となる「ヒューリスティックマークアップ」とは?
「UXってよく聞くけど、UX改善のために一体何をすればいいの?」
Webデザイナーの方や最近Web担当者になった方の中には、このように思っている方も多いのではないでしょうか。
UXとはユーザー体験のことですが、確かにユーザー体験という言葉自体が抽象的で、何をすればいいかわからないかもしれません。
UXを考えることは、ユーザー視点でプロダクトに触れることに他なりません。
デザイナーやエンジニア、マーケターなど、それぞれに専門の仕事があるでしょうが、一旦自分の役割から離れて、1ユーザーとして自身のプロダクトに触ってみることで、UX上の問題点を発見し、さらなる改善につながる施策を打てることがあります。
今回は、ユーザー視点でUX改善を考えるための*「ヒューリスティックマークアップ」*と呼ばれる手法についてご紹介します。
この方法を行うのはUXデザイナーである必要はなく、職種を横断して身につけておきたいユーザー調査の手法です。
UXについて何をすればいいか分からなければ、まずはここから実践していきましょう。
ヒューリスティックマークアップとは?
ヒューリスティックマークアップは、ユーザー調査のために行われる手法の一つです。
*ヒューリスティック(heuristic)*というのは、「必ず正しい答えを導けるわけではないけれど、ある程度のレベルで正解に近い解答を得ること」ができる手法のことで、主に計算機化学や心理学、論理学などで使われる帰納法的な手法です。
UXの領域においては、*「ユーザーになりきって、感じたことや発見したことを全て記録し、改善点を把握する」*手法となります。
そもそもUXに関してフィードバックする場合、定量的で測定可能なものと定性的で測定不可能なものがあります。
A/Bテストなどを通してコンバージョン率の違いなどを見る場合は、数値によってUXのよしあしを判断することになります。
これが定量的なフィードバックです。
一方、ユーザー体験を定性的なものとして捉えた場合は、どうしても複数の個人的な感想を元に帰納的にフィードバックする必要があります。
簡単に言えば*「ユーザーになりきってプロダクトを使い、感想を記録する」*というだけの手法です。
「UXデザインって何をすればいいの?」という場合には手軽に始めることができる便利な方法です。
ヒューリスティックマークアップの手順
▲ 実際にまとめたスライドのサンプル
ヒューリスティックマークアップの方法は様々ありますが、定義に沿った手順で一番簡単なのは*「ユーザーになりきって行動し、利用しているアプリやサイトのスクリーンショットを撮影し、感じたことをスライドにまとめる」*といった方法です。
具体的には、下記の手順で行なっていきます。
1. 改善フローを決める
例えばアプリを開発している場合は*「アプリをAppストアからダウンロードして起動し、実際に友達とコンタクトを取るまでの行動」であったり、コマースサイトであれば「トップページからユーザー登録を行い、メール承認後初めて注文するまでの手順」*など、これから改善したいフローを決めます。
注意したいのは、フローとともにどのようなユーザーがアクセスすることを想定しているのかを決めておくことです。
可能であれば、はじめて使うであろうユーザーを想定しておいたほうが、UX改善のポイントを見つけやすくなります。
2. 一連の流れのキャプチャーをすべて撮る
一連の流れの中で出会う画面のキャプチャーをすべて撮ります。
その際に、それぞれの画面で感じたことや気づいたことなどをしっかりとメモしておきます。
いくぶんか主観的になるかもしれませんが、ユーザーがそのシナリオでその画面に触ったときに、本当にそう思うかということに気をつけながら見てください。
3. スライドにまとめる
キャプチャを撮影しそれぞれの画面に関するメモが用意できたら、スライドに1画面1枚の原則でまとめておきます。
スライドごとに記述方法を変えると後になって読みにくくなってしまうので、「発生したこと」「気づいたこと」「次のアクション」「問題点」「改善案」など、ポイントのフォーマットをあらかじめ作っておくと、まとめやすくなります。
4. 資料を共有する
自分の考察を、チーム内で共有し、意見をもらいます。
Slackなどで資料を共有することもできますが、可能であれば対面でプレゼンテーションを行うと、リアルタイムな議論を行うことができるでしょう。
ヒューリスティックマークアップを行うメリット
1. 1ユーザーとしての視点を持つことができる
デザイナーやエンジニアという自分の職業に囚われた見方ではなく、1ユーザーとしてどのように感じたかをチームで共有することができます。
もちろん1ユーザーの意見なので絶対的な解答ではありませんが、そもそもヒューリスティックな考え方というのは収集した手持ちの解答から最適解を導く方法なので、ここからでも有益な気づきが得られるでしょう。
2. チームで問題点を再認識することができる
UXデザイナーでないと気にしないような問題も、職種を横断して一人ひとりが行うことで、ユーザーに起こりうる問題として可視化され、すべてのメンバーがデザインやUXの議論に参加しやすくなります。
早い段階でデザイナーだけでは気づかなかった指摘を得ることができたり、デザイナーにはなかった視点をもらえることができるのも大きなメリットです。
3. すぐに次のアクションに移すことができる
ヒューリスティックマークアップはチーム全体に共有することを前提としており、作成する資料も具体的な1画面と問題をセットで可視化することができるので、すぐに会話してそのまま次のアクションに移すことができます。
まとめ
UXデザインといっても何からやれば分からない場合は、まずはヒューリスティックマークアップによるUX評価から行なってみましょう。
実際に1ユーザーとしてフィードバックしてみると、これまで感じなかった新たな視点を発見することができるかもしれません。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- A/Bテスト
- ホームページを作るときや何か商品を売りたいときに掲載する写真、あるいはデザインで迷ったときに、不規則ででたらめな順番でホームページや画像のデザインを変えて表示し、利用者がどちらをより多くクリックしたのか、より多く購入につながったのか、ということを試験できる技術やサービスまたは行為自体をA/Bテストといいます。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- アプリ
- アプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。 スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。
- トップページ
- インターネットのWebサイトの入り口にあたるページのことをトップページといいます。 一般的には、階層構造を持つWebサイトの最上位のWebページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- キャプチャ
- キャプチャとは、出力されたデータを別の機器で取り込み利用可能な状態にすることを言います。例としては、TV映像をパソコンに取り込み、その映像を保存(キャプチャ)し、パソコンで再生可能にすることなどです。ホームページの分野では、ブラウザなどでホームページのデザインを画像として保存することなどを指すこともあります。
- キャプチャ
- キャプチャとは、出力されたデータを別の機器で取り込み利用可能な状態にすることを言います。例としては、TV映像をパソコンに取り込み、その映像を保存(キャプチャ)し、パソコンで再生可能にすることなどです。ホームページの分野では、ブラウザなどでホームページのデザインを画像として保存することなどを指すこともあります。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
おすすめ記事
関連ツール・サービス
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング