会員登録する「UXってよく聞くけど、UX改善のために一体何をすればいいの?」Webデザイナーの方や最近Web担当者になった方の中には、このように思っている方も多いのではないでしょうか。UXとはユーザー体験のことですが、確かにユーザー体験という言葉自体が抽象的で、何をすればいいかわからないかもしれません。UXを考えることは、ユーザー視点でプロダクトに触れることに他なりません。デザイナーやエンジニア、マーケターなど、それぞれに専門の仕事があるでしょうが、一旦自分の役割から離れて、1ユーザーとして自身のプロダクトに触ってみることで、UX上の問題点を発見し、さらなる改善につながる施策を打てることがあります。今回は、ユーザー視点でUX改善を考えるための「ヒューリスティックマークアップ」と呼ばれる手法についてご紹介します。この方法を行うのはUXデザイナーである必要はなく、職種を横断して身につけておきたいユーザー調査の手法です。UXについて何をすればいいか分からなければ、まずはここから実践していきましょう。ヒューリスティックマークアップとは?ヒューリスティックマークアップは、ユーザー調査のために行われる手法の一つです。ヒューリスティック(heuristic)というのは、「必ず正しい答えを導けるわけではないけれど、ある程度のレベルで正解に近い解答を得ること」ができる手法のことで、主に計算機化学や心理学、論理学などで使われる帰納法的な手法です。UXの領域においては、「ユーザーになりきって、感じたことや発見したことを全て記録し、改善点を把握する」手法となります。そもそもUXに関してフィードバックする場合、定量的で測定可能なものと定性的で測定不可能なものがあります。A/Bテストなどを通してコンバージョン率の違いなどを見る場合は、数値によってUXのよしあしを判断することになります。これが定量的なフィードバックです。ユーザー体験を定性的なものとして捉えた場合は、どうしても複数の個人的な感想を元に帰納的にフィードバックする必要があります。簡単に言えば「ユーザーになりきってプロダクトを使い、感想を記録する」というだけの手法です。「UXデザインって何をすればいいの?」という場合には手軽に始めることができる便利な方法です。実際にまとめたスライドのサンプルヒューリスティックマークアップの方法は様々ありますが、定義に沿った手順で一番簡単なのは「ユーザーになりきって行動し、利用しているアプリやサイトのスクリーンショットを撮影し、感じたことをスライドにまとめる」といった方法です。具体的には、下記の手順で行なっていきます。改善フローを決める例えばアプリを開発している場合は「アプリをAppストアからダウンロードして起動し、実際に友達とコンタクトを取るまでの行動」であったり、コマースサイトであれば「トップページからユーザー登録を行い、メール承認後初めて注文するまでの手順」など、これから改善したいフローを決めます。注意したいのは、フローとともにどのようなユーザーがアクセスすることを想定しているのかを決めておくことです。可能であれば、はじめて使うであろうユーザーを想定しておいたほうが、UX改善のポイントを見つけやすくなります。一連の流れのキャプチャーをすべて撮る一連の流れの中で出会う画面のキャプチャーをすべて撮ります。その際に、それぞれの画面で感じたことや気づいたことなどをしっかりとメモしておきます。いくぶんか主観的になるかもしれませんが、ユーザーがそのシナリオでその画面に触ったときに、本当にそう思うかということに気をつけながら見てください。スライドにまとめるキャプチャを撮影しそれぞれの画面に関するメモが用意できたら、スライドに1画面1枚の原則でまとめておきます。ポイントのフォーマットをあらかじめ作っておくと、まとめやすくなります。資料を共有する自分の考察を、チーム内で共有し、意見をもらいます。Slackなどで資料を共有することもできますが、可能であれば対面でプレゼンテーションを行うと、リアルタイムな議論を行うことができるでしょう。1ユーザーとしての視点を持つことができるデザイナーやエンジニアという自分の職業に囚われた見方ではなく、1ユーザーとしてどのように感じたかをチームで共有することができます。1ユーザーの意見なので絶対的な解答ではありませんが、そもそもヒューリスティックな考え方というのは収集した手持ちの解答から最適解を導く方法なので、ここからでも有益な気づきが得られるでしょう。チームで問題点を再認識することができるUXデザイナーでないと気にしないような問題も、職種を横断して一人ひとりが行うことで、ユーザーに起こりうる問題として可視化され、すべてのメンバーがデザインやUXの議論に参加しやすくなります。早い段階でデザイナーだけでは気づかなかった指摘を得ることができたり、デザイナーにはなかった視点をもらえることができるのも大きなメリットです。次のアクションに移すことができるヒューリスティックマークアップはチーム全体に共有することを前提としており、作成する資料も具体的な1画面と問題をセットで可視化することができるので、すぐに会話してそのまま次のアクションに移すことができます。まとめUXデザインといっても何からやれば分からない場合は、まずはヒューリスティックマークアップによるUX評価から行なってみましょう。実際に1ユーザーとしてフィードバックしてみると、これまで感じなかった新たな視点を発見することができるかもしれません。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るA/Bテストホームページを作るときや何か商品を売りたいときに掲載する写真、あるいはデザインで迷ったときに、不規則ででたらめな順番でホームページや画像のデザインを変えて表示し、利用者がどちらをより多くクリックしたのか、より多く購入につながったのか、ということを試験できる技術やサービスまたは行為自体をA/Bテストといいます。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るアプリアプリとは、アプリケーション・ソフトの略で、もとはパソコンの(エクセル・ワード等)作業に必要なソフトウェア全般を指す言葉でした。スマートフォンの普及により、スマートフォン上に表示されているアイコン(メール・ゲーム・カレンダー等)のことをアプリと呼ぶことが主流になりました。詳しく見るトップページインターネットのウェブサイトの入り口にあたるページのことをトップページといいます。一般的には、階層構造を持つウェブサイトの最上位のウェブページをさします。サイト全体の顔としての役割も果たすため、デザインなどで印象を残すことも考えたサイト作りも有効となります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るキャプチャキャプチャとは、出力されたデータを別の機器で取り込み利用可能な状態にすることを言います。例としては、TV映像をパソコンに取り込み、その映像を保存(キャプチャ)し、パソコンで再生可能にすることなどです。ホームページの分野では、ブラウザなどでホームページのデザインを画像として保存することなどを指すこともあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るキャプチャキャプチャとは、出力されたデータを別の機器で取り込み利用可能な状態にすることを言います。例としては、TV映像をパソコンに取り込み、その映像を保存(キャプチャ)し、パソコンで再生可能にすることなどです。ホームページの分野では、ブラウザなどでホームページのデザインを画像として保存することなどを指すこともあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。詳しく見るユーザーユーザーとは、コンピューターやシステムを利用する人のことを指します。意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。会員登録するおすすめ記事ADCMS・Webサイト制作Webサイト制作でよくある失敗例5選。プロのディレクターが教える処方箋とはCMS・Webサイト制作ADビジネスビジネスチャットだけでは限界かも......。会社の“成長期”に改めて考えたい情報共有の仕組みビジネスADマーケティングオートメーション(MA)伝達から会話の時代へ。AI時代を一足先に予習する「マーケティングの練習問題」マーケティングオートメーション(MA)BtoBマーケティングのノウハウ資料をダウンロード!基礎から4ステップで実践まで!BtoBマーケティング実践ガイド(無料)BtoBマーケティング実践ガイドは、BtoB事業のマーケティングのノウハウを網羅的かつ体系的にまとめたものです。基礎から応用まで4つのステップでマーケティングが実践できるBtoBマーケターの永久保存版です。株式会社SoLabo「0→1」「1→10」がどちらも叶う。株式会社ベーシック【求人】サービス価値を高め市場を創造。涼ライター・コラムニスト。デザインやテクノロジー、マーケティングやライフハック系の記事が得意。2016年からferretでも記事の執筆を開始。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方AD記事を作っているのにサイト流入が足踏み・・・・・・。そんな状況を打開する「正しい努力」の仕方ADWebサイト制作でよくある失敗例5選。【2019年版】無料で使える画像編集ソフト・GIMP(ギンプ、ジンプ)の使い方ADWebサイト制作でよくある失敗例5選。PIECE』を超える異例の売上。『鬼滅の刃』が大ヒットした理由ケーススタディで学ぶ。PIECE』を超える異例の売上。人気記事をもれなくチェックSNSで話題!BtoBビジネスで勝てるマーティングのノウハウを1冊の資料にまとめました。