ユーザビリティ
Webサイトなどの利便性、操作性、視認性などをトータルした使いやすさのことをいいます。
概要
ユーザビリティは、本来は用途自体が非常に広く、機械の使い方、説明書、見た目等々、いろんな場面で使われます。
ここでは主にWebを中心に記載します。
Web上で扱われる「ユーザビリティ」は、サービスの便利さから来る「利便性」、サイトの動きや速度、レスポンスなどの「操作性」、一目でどのページに行くかわかる「視認性」など、それらを総合的または複合的に見てストレスが少ないWebサイトやページのことを「ユーザビリティの高いサイト」というふうに言われています。
ユーザビリティの高いサイトは、土台がしっかりしたWebサイト設計なしにはなかなか作れるものではありません。
したがって、この高いユーザビリティを実現するためには膨大なアクセス情報や綿密な目標設計をもとに構成案に落としていく必要があります。
この用語のメモ
Webサイトの設計は、ふつう競合他社のベンチマークや自社のこれまでの顧客情報をもとに目標を立てることがスタート地点になります。
情報を収集するところから土台を作っていくため、この情報がないままサイトを作るということは、基礎工事をしないまま家を建てるのに等しいので、非常に危険です。
独創的な感覚や確固たる知識があればこの工程はある程度飛ばしても大丈夫と言えますが、企業サイトや通販サイトを作る際はこの工程をなくすとほぼ間違いなく行き詰ります。
ユーザビリティの高いサイトを目指すためには「情報収集が必要」ということが避けて通れない工程として認識していきましょう。
この用語の使いどころ
サイトを企画する初期中の初期の段階からユーザビリティは取り上げられます。
最初の設計では小さな差でも、年間運営していた場合、直帰率が5%くらいの差になるかもしれません。
5%直帰率が下がれば、月間のセッションが20,000セッションあった場合、1,000セッションが回遊し、そのうち5%がコンバージョンしたとしたら月間で20件の差、年間で240件の差につながります。
客単価にもよりますが、240件差となると売り上げも大きな差になるのではと考えます。
直帰率や離脱率に間接的な影響を及ぼすユーザビリティ向上の優先度が高い理由です。
関連用語
- モバイルユーザビリティ
- Googleサーチコンソール
Web担当・運営・解析・SEO問題集の例題問題
ユーザビリティに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。
- frameタグ
- timeタグ
- embedタグ
- preタグ
この答えの解説
frameタグは、HTML5では廃止されました。
HTML5ではiframe(インラインフレーム)が引き続き使用できますが、frameはHTML5を文章構造、CSSを装飾指定に分割する過程上で廃止となりました。
- imgタグ
- marqueeタグ
- spanタグ
- aタグ
- divタグ
この答えの解説
pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。
- blockquoteタグ
- emタグ
- centerタグ
- labelタグ
この答えの解説
centerタグは、HTML5では廃止されました。
CSSのmargin属性(左右auto指定)や、text-align属性でcenter指定(IEではmargin属性だけでは反応しない)する形でセンタリングします。
- 制作全般のとりまとめを行う人、またはその人員
- Excelなどの関数やVBAなどの記述を行う人、またはその人員
- PhotoshopやIllustratorなどのデザインを行う人、またはその人員
- HTMLやPHPなどの言語の記述を行う人、またはその人員
この答えの解説
コーディングとは、プログラミングとかなり近い性質を持っていますが、実際には指定の言語(ここではHTMLやPHP等)のソースコードを用いてクライアント側(コンピューター側)が理解できる記述を行うことをいいます。
HTMLは、本で言う「タイトル」「段落」等がタグとして記載ができます。
その記載すべき部分に文章や画像を表示させることで、Webページを構成していきます。
そういったソースコード制作業務を行う人を「コーダー」といいます。
- デザインやクリエイティブの表現をルール化したもの
- デザインのトーンをある一定数より下げないようルール化したもの
- デザインの質やイメージを担保するもの
- デザインのトーンに余計な追加をしないようルール化したもの
この答えの解説
販促物を制作する際、何故決められた表現を取り入れるのか。
トーンを統一化することは、そのブランド「らしさ」を表現することにつながり、ひいてはデザイン意図や意味の根拠の認識を担当者レベルで共有できるものになります。
- ベンチマーク→デザイン→情報設計→構成・導線設計→コーディング→校正・公開
- 構成・導線設計→デザイン→情報設計→ベンチマーク→コーディング→校正・公開
- 情報設計→ベンチマーク→構成・導線設計→デザイン→コーディング→校正・公開
- ベンチマーク→情報設計→構成・導線設計→デザイン→コーディング→校正・公開
この答えの解説
サイト制作の前にまずベンチマークを行い、競合他社の状況を知るところからスタートします。
その後、自社の持っている情報をどう見せたいかを決め、そのためのサイト構成やサイトの目標達成のための道筋(導線)を決めていきます。
ここまでが基本的にディレクターの腕の見せ所で、その内容に沿ったデザインを依頼し、ブラウザ表示時の再現度の高い(質の高い)コーディングを行い、品質チェックを行った後公開となります。
例外はありますが、基本的にはこの流れで制作工程が進みます。
- 直帰率が高いが離脱率は低いので特に改善しない
- 離脱率は高いが直帰率は低いので特に改善しない
- 離脱率が高いので直帰率が低くても改善が必要
- 直帰率が高いので離脱率が低くても改善が必要
この答えの解説
トップページのみを対象としているため、直帰率改善は最優先事項になります。
直帰率を抑えることはサイト全体における回遊にも繋がります。
ファーストビューや下層リンクへのナビゲーションがうまく機能させることが重要です。
- ユーザートラッキング
- コンバージョントラッキング
- グーグルトラッキング
- イベントトラッキング
- スクリプトトラッキング
- 目標トラッキング
この答えの解説
クリック計測に使用される機能は「イベントトラッキング」と言います。
イベントトラッキングを設定することで、任意のリンクやボタンなどをクリックした際に設定した名前にてクリック数が計測されます。
- ある特定のユーザーの行動履歴から、コンバージョンに至ったルートを解析できる
- ある特定のユーザーが購入などをしてコンバージョンをし、目標に寄与した割合を見ることができる
- ある特定のユーザーの年齢や性別などのパーソナルデータを見ることができる
- ある特定のユーザーの入力フォームの内容を辿ることができる
この答えの解説
ユーザーエクスプローラはあるCookie情報を持ったユーザーの閲覧履歴を追跡できる機能です。
コンバージョンに至るまでの中間ページや滞在時間等から、なんの情報記載を元に行動に移したのかの推測や仮説が立てられるようになります。
関連タグ【Web制作】に関するよくある質問
Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。
全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案(ワイヤフレーム)作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。
各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。
ディレクターは主に前半の「打ち合わせ」から「構成案(ワイヤフレーム)作成」までを担い、あとは品質チェックや進行管理を中心に行います。
デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。
Webサイトの制作は、現在では分業化が当たり前になってきているため全てを習得しなければいけない訳ではありません。
そのため、デザインからやらないとダメ、コーディングからやらないとダメ、というのはなく、覚える順番は任意で決めてもらって問題ありません。
ことWebに関して言えば、覚えるというよりかは「盗んでいく」というスタイルが、覚える作業としては適切ではないかと思います。
今でこそ、SEOを中心にコーディングを組むことが大半になってきているため言える話になりますが、Webサイトの一ページ一ページは「本」を作る意識を持って取り組んでいます。
ちゃんとタグにも「タイトル(表題)」や「見出し」、「段落」など、「作文」や「国語」にまつわる言葉が多く出てきますね。
Google側も同じように「記載されている内容」が「どの場面」で「どれぐらいの分量」の情報が「検索された内容に対し正確性があるか」が重要です。
コーダーやライターはその辺りを意識することが大切です。
デザイナーは、Googleよりも人間側が認知する視覚情報がもっともウエイトを占めるため、分かりやすさとトレンドをいかにストレスなくユーザーに供与できるかが大事で、ユーザーエクスペリエンスの精度に関わります。
Webサイトは、成長を前提に作ることが大事です。そういう意味では、いつまでもページが増え続ける「1巻だけの本」を作り続ける意識が必要ではないかと考えます。
関連タグ【マーケティング】に関するよくある質問
マーケティングに関するよくある質問を抜粋しています。マーケティング・Web運営に関するよくある質問はこちらから。
大前提として「Webを大して知らない人でも分かりやすい」ものである必要があります。
数字を伝えるのももちろん大事ですが、何より「専門用語」をいかに使わずに説明や例えばなしができるかにかかります。
その場にいるメンバーの理解・共有が進めば改善にむけたスピードは早まり、決済決断は早まり、サイトの改善は早く進められます。
ひいてはビジネスチャンスのタイミングを増やすことにも繋がります。
一言で言えば、「ホワイトハットSEO」を目指した取り組みになります。
SEOは、検索エンジンで上位表示されるように内外部の施策を行っていきますが、とくにホワイトハットSEOでは「検索意図」をしっかり吟味した上でその検索内容にふさわしいコンテンツをつくり、ユーザーに適切な情報を与えられるサイトと評価されるように取り組むものになります。
検索をして、ページに入ったユーザーが「役に立つ」と感じるサイトであることが重要で、昨今の「コンテンツSEO」が最重要とされている理由です。
そして、コンテンツをしっかり作ったとしても、それがきちんとGoogleの検索エンジンに認識されなければなかなか検索エンジン側へ反映されません。
したがって、文法上正確なHTMLタグを設置し、Googleの検索エンジンに情報がしっかり流れるようにするためのコーディングが必要です
現在実務で行っている方は、専門知識よりも自社・自社サービス知識を覚える方が最も良いです。
なぜならば、自社サービスに興味を持ってもらうためにどのような言い回しが良いか、伝わるかの基準を持てるからです。いわば、営業担当と同じです。
一個人の考えではありますが、これからマーケティングやWebサイト運営の勉強をされる場合においては、「正しい情報の集め方」を覚えることが近道かと考えています。
自身の「提供したい情報」がどんな検索キーワードで来てくれるのか、またそういった「検索してくれた人をどうさせたいか」ということを考えることがWebでのマーケティングや運営の第一歩になるのではないかと思っています。
長く情報が更新されていない場合、インデックスのクロール頻度が下がり、インデックスから外れる可能性があります。
単一ごとのページを一つ一つ更新する必要はありませんが、文章を変更したり、ページを追加したりなど、サイトを常に成長し続けられる状態を保ちましょう。
そして更新したら、常にsitemap.xmlを作成し最新の情報をGoogle側に届けるようにしてください。
一言で言えば、「ブラックハットSEO」全般に言えることです。
検索結果を欺くような対策は、かなり早い段階でGoogle検索エンジンからの「手動による対策」が行われてしまいます。
具体的には不要な外部リンクの設置やコンテンツの書き写しなどが上げられます。
この対策が横行していたときは、本来検索結果に上がってはいけないものが検索結果に表示されてしまうため、Google検索エンジンのリソースを大幅に消費してしまう事態を招いていました。
最近では不要なサイトはインデックス登録自体がされないように対策されているため、なかなかインデックスが増えてこない場合はサイト全体の情報品質を疑ってみたほうが良いかもしれません。
関連タグ【アクセス解析】に関するよくある質問
アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。
すでにGoogleアナリティクスのアカウントがあることが前提ですが、Webサイトを運営している担当者もしくは担当部署にお手持ちのGoogleのメールアドレスをお知らせください。
担当者もしくは担当部署にてアカウント設定を行い、設定完了すればご自身のGoogleアナリティクスのアカウントにWebサイトが追加され、様々な情報が閲覧できます。
権限の状態によっては細かい設定もできるようになります。
出力が必要な指標が多いサイト(ランキングやある特定の状況下でのアクセス等)であれば、基本的なサマリーを表示するために使用することはあります。
とくに、広告を扱うようなサイトであれば多視点から情報を集めなければならないため、短時間での状況把握をするべく使用することがあります。
一般的な企業サイトや個人サイトであれば、ユーザーサマリーの概要をしっかりつかんでおけば十分だと思います。
ユーザーエクスプローラは個人個人が持っているtoken情報をもとにユーザーを追えるものになります。
その性質から「サイトの遷移」「再訪頻度」「コンバージョン後の行動」等も追えます。
コンバージョンまでどうしたか、だけでなくコンバージョン後に何をしているかを見ていくことで「どんな情報を探しているか」「その情報をどうしたら見つけやすくなるか」といった対策をたてられます。
すなわち、再訪率の向上やシェア獲得率の向上にむけた改善に取り組むことができます。
Googleアナリティクスのサイトに移動し、ログインしてアカウントに入場してください。
なお、アカウント登録した直後であれば、なにも登録されていないはずです。
まずは必要以上に情報を入れすぎないようにした方がよいでしょう。
沢山記載することは大切ではありますが、数値を見てもらい理解してもらうには沢山の情報は邪魔になります。
具体的には、資料のボリュームと話するボリュームが同じ位に量を調整すると伝わりやすいです。
Googleアナリティクスを閲覧するには、まずGoogleアカウントが必要です。
何らかの連絡の取れるメールアドレスをお持ちであれば、Googleのログイン画面より新規アカウント作成を行ってください。
索引から探す
- 用語集【A-Z一覧】
Web制作・運営・解析・SEO用語集のAからZまでで出てくる用語一覧をまとめています。
- 用語集【あ行一覧】
Web制作・運営・解析・SEO用語集の「あ行」で出てくる用語一覧をまとめています。
- 用語集【か行一覧】
Web制作・運営・解析・SEO用語集の「か行」で出てくる用語一覧をまとめています。
- 用語集【さ行一覧】
Web制作・運営・解析・SEO用語集の「さ行」で出てくる用語一覧をまとめています。
- 用語集【た行一覧】
Web制作・運営・解析・SEO用語集の「た行」で出てくる用語一覧をまとめています。
- 用語集【な行一覧】
Web制作・運営・解析・SEO用語集の「な行」で出てくる用語一覧をまとめています。
- 用語集【は行一覧】
Web制作・運営・解析・SEO用語集の「は行」で出てくる用語一覧をまとめています。
- 用語集【ま行一覧】
Web制作・運営・解析・SEO用語集の「ま行」で出てくる用語一覧をまとめています。
- 用語集【や行一覧】
Web制作・運営・解析・SEO用語集の「や行」で出てくる用語一覧をまとめています。
- 用語集【ら行一覧】
Web制作・運営・解析・SEO用語集の「ら行」で出てくる用語一覧をまとめています。
- 用語集【わ行一覧】
Web制作・運営・解析・SEO用語集の「わ行」で出てくる用語一覧をまとめています。
タグから探す
- タグ【Web制作】
Web制作・運営・解析・SEO用語集に登録されているタグ【Web制作】一覧をまとめています。
- タグ【Webシステム】
Web制作・運営・解析・SEO用語集に登録されているタグ【Webシステム】一覧をまとめています。
- タグ【SEO】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEO】一覧をまとめています。
- タグ【SEM】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEM】一覧をまとめています。
- タグ【アクセス解析】
Web制作・運営・解析・SEO用語集に登録されているタグ【アクセス解析】一覧をまとめています。
- タグ【広告】
Web制作・運営・解析・SEO用語集に登録されているタグ【広告】一覧をまとめています。
- タグ【マーケティング】
Web制作・運営・解析・SEO用語集に登録されているタグ【マーケティング】一覧をまとめています。
よくアクセスされている用語
- HTML
Webページを構成するために必要な言語のことです。 - PPC
クリックすることで課金される広告のことです。 - コーディング
HTMLやPHPなどのソースコードの記述を行うこと、またはその人員のことをいいます。 - 直帰率
初めてサイトに訪れたページでサイト内の他のページへ行かずにサイトから離脱した割合のことをいいます。 - ページビュー
Webサイトのページを表示された数のことをいいます。 - レスポンシブデザイン
一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインをいいます。
その他カテゴリー
- GAレポート作成ツール
面倒なアクセス解析レポート作りはもうやめよう!
- Web担当者問題集
GoogleアナリティクスやSEOに関する問題集を作っています。
- Web運営用語集
Webや解析などでよく使う単語辞典ページを用意いたしました!
- よくあるご質問
よくいただくお問い合わせ内容の一覧になります。
- お問合せ・情報
当Webサイトについてのお問合せや様々な情報をこちらにまとめております。
- 新着情報・更新情報
当サイトの新着情報・更新情報はこちらから。