ユーザビリティ
Webサイトなどの利便性、操作性、視認性などをトータルした使いやすさのことをいいます。
概要
ユーザビリティは、本来は用途自体が非常に広く、機械の使い方、説明書、見た目等々、いろんな場面で使われます。
ここでは主にWebを中心に記載します。
Web上で扱われる「ユーザビリティ」は、サービスの便利さから来る「利便性」、サイトの動きや速度、レスポンスなどの「操作性」、一目でどのページに行くかわかる「視認性」など、それらを総合的または複合的に見てストレスが少ないWebサイトやページのことを「ユーザビリティの高いサイト」というふうに言われています。
ユーザビリティの高いサイトは、土台がしっかりしたWebサイト設計なしにはなかなか作れるものではありません。
したがって、この高いユーザビリティを実現するためには膨大なアクセス情報や綿密な目標設計をもとに構成案に落としていく必要があります。
この用語のメモ
Webサイトの設計は、ふつう競合他社のベンチマークや自社のこれまでの顧客情報をもとに目標を立てることがスタート地点になります。
情報を収集するところから土台を作っていくため、この情報がないままサイトを作るということは、基礎工事をしないまま家を建てるのに等しいので、非常に危険です。
独創的な感覚や確固たる知識があればこの工程はある程度飛ばしても大丈夫と言えますが、企業サイトや通販サイトを作る際はこの工程をなくすとほぼ間違いなく行き詰ります。
ユーザビリティの高いサイトを目指すためには「情報収集が必要」ということが避けて通れない工程として認識していきましょう。
この用語の使いどころ
サイトを企画する初期中の初期の段階からユーザビリティは取り上げられます。
最初の設計では小さな差でも、年間運営していた場合、直帰率が5%くらいの差になるかもしれません。
5%直帰率が下がれば、月間のセッションが20,000セッションあった場合、1,000セッションが回遊し、そのうち5%がコンバージョンしたとしたら月間で20件の差、年間で240件の差につながります。
客単価にもよりますが、240件差となると売り上げも大きな差になるのではと考えます。
直帰率や離脱率に間接的な影響を及ぼすユーザビリティ向上の優先度が高い理由です。
関連用語
- モバイルユーザビリティ
- Googleサーチコンソール
Web担当・運営・解析・SEO問題集の例題問題
ユーザビリティに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。
- imgタグ
- marqueeタグ
- spanタグ
- aタグ
- divタグ
この答えの解説
pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。
- blockquoteタグ
- emタグ
- centerタグ
- labelタグ
この答えの解説
centerタグは、HTML5では廃止されました。
CSSのmargin属性(左右auto指定)や、text-align属性でcenter指定(IEではmargin属性だけでは反応しない)する形でセンタリングします。
- iframeタグ
- strongタグ
- textareaタグ
- fontタグ
この答えの解説
fontタグは、HTML5では廃止されました。
CSSのfont属性でサイズ調整やカラー調整を行い、要素のフォントに装飾をつけましょう。
- ベンチマーク→デザイン→情報設計→構成・導線設計→コーディング→校正・公開
- 構成・導線設計→デザイン→情報設計→ベンチマーク→コーディング→校正・公開
- 情報設計→ベンチマーク→構成・導線設計→デザイン→コーディング→校正・公開
- ベンチマーク→情報設計→構成・導線設計→デザイン→コーディング→校正・公開
この答えの解説
サイト制作の前にまずベンチマークを行い、競合他社の状況を知るところからスタートします。
その後、自社の持っている情報をどう見せたいかを決め、そのためのサイト構成やサイトの目標達成のための道筋(導線)を決めていきます。
ここまでが基本的にディレクターの腕の見せ所で、その内容に沿ったデザインを依頼し、ブラウザ表示時の再現度の高い(質の高い)コーディングを行い、品質チェックを行った後公開となります。
例外はありますが、基本的にはこの流れで制作工程が進みます。
- コーポレートサイト
- ブランドサイト
- コンテンツサイト
- 個人サイト
- ポータルサイト
この答えの解説
自信の会社についての情報を発信しているのでCorporate(企業)site(サイト)が正解です。
他のサイトはいずれも性質が変わります。
- ユーザーが体験したサイトの情報を公開すること
- ユーザーのために技術者やデザイナーが経験を得ること
- ユーザーがWebサイトなどのサービスや情報を利用することで得られる経験のこと
- 閲覧されたユーザー数に応じて技術者が得られる経験を数値化したもの
この答えの解説
ユーザーエクスペリエンスは、製品やサービスを使用することで得られる経験のことを言います。
Web分野においては、如何にしてWeb内におけるサービスやコンテンツに満足できるサイト構築を達成できるかが大切で、マーケティング担当やディレクター担当、特にサイト構成を作るメンバーにおいて最も要求される要素になります。
- 広告表示時間帯の見直し
- 選択肢の全て
- 更新時間の見直し
- フォーム入力内容の見直し
この答えの解説
時間別アクセスを見れるようになると、情報を得たいタイミングが可視化しやすくなります。
とくに、新規ユーザーが情報を得ようとしているタイミングに合わせて入口→広告、内容→更新、行動→手順が楽なフォームなどといった改修はユーザー獲得のためにも大切な要素になります。
- サイトに訪れ、いくつかページを見てサイトから離れた割合
- サイトに訪れ、他のページを見ずにサイトから離れた割合
- サイトから離れて、サイトに戻ってきた割合
- サイトから離れて、後日サイトにアクセスした割合
- サイトに訪れ、1時間後再度訪れた割合
この答えの解説
直帰は、ユーザーがサイトに訪れた最初のページにおいて、他の下層ページやカテゴリーページなどに遷移せずにサイトから離れる行為を言います。
直帰したユーザー数÷サイトに訪れたユーザー数が直帰率として計測されます。
- google / organic
- bing / organic
- Twitter / organic
- Yahoo / organic
この答えの解説
Twitterは自然検索ではなく、ソーシャルメディアからの流入になるため「Twitter / Social」が正解です。
Organicは主にGoogleやYahooがほとんどを占めますが、海外にも展開されている場合は「bing」や「ask」等の対策も力を入れる方が良いかもしれません。
関連タグ【Web制作】に関するよくある質問
Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。
製作工程に応じて使いやすいソフトが大筋決まっていることが多いです。
構成案やサイトマップを作る際はMicrosoftの「Excel」や「PowerPoint」が鉄板です。
大まかなデザイン枠を作る分にはPowerPointがあれば十分作れますし、サイトマップやスケジュール・見積もりなどの情報は、Excelがほとんど使われることが多いです。
いずれもPDFに手軽に変換できる点も非常に使いやすい要因となっています。
デザイン面では、Adobeの「Illustrator」か「Photoshop」が鉄板で、まれに「Fireworks」を使用しているユーザーもいます。
一般的に紙媒体もやっている企業では、「Illustrator」を使用してサイトデザインを制作しているケースが非常に多いです。
コーディング等ではAdobeの「Dreamweaver」がもっとも有名ですが、テキストエディタでコードを作成できる力があれば、ワードパットソフトの「Terapad」やGithubが提供している「Atom」も非常に使いやすいです。
コーディング面においてはファイルのエンコードとHTMLやCSS記載のエンコードをあわせないと文字化けも起こしてしまうので、個人的には「Terapad」が使いやすいと感じています。
運用面、特にアクセス解析などにおいてはこちらもMicrosoftの「Excel」や「PowerPoint」が非常に使われます。ツールとしては「Googleアナリティクス」と「Googleサーチコンソール」を使います。
Excelはうまく使えば得られたアクセス情報からさらに様々な視点でのアクセス情報を拾い出すこともできるため、Excelを使いこなせることができれば大きな武器になります。
アクセス解析等はディレクターが兼任しているケースも多いです。
ざっと上げましたが、全てを担当する場合は「Excel」「PowerPoint」「Illustrator」「Photoshop」「Dreamwerver」「Googleアナリティクス」「Googleサーチコンソール」の7つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。
Webサイトの制作は、現在では分業化が当たり前になってきているため全てを習得しなければいけない訳ではありません。
そのため、デザインからやらないとダメ、コーディングからやらないとダメ、というのはなく、覚える順番は任意で決めてもらって問題ありません。
ことWebに関して言えば、覚えるというよりかは「盗んでいく」というスタイルが、覚える作業としては適切ではないかと思います。
何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。
CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。
関連タグ【マーケティング】に関するよくある質問
マーケティングに関するよくある質問を抜粋しています。マーケティング・Web運営に関するよくある質問はこちらから。
一言で言えば、「ホワイトハットSEO」を目指した取り組みになります。
SEOは、検索エンジンで上位表示されるように内外部の施策を行っていきますが、とくにホワイトハットSEOでは「検索意図」をしっかり吟味した上でその検索内容にふさわしいコンテンツをつくり、ユーザーに適切な情報を与えられるサイトと評価されるように取り組むものになります。
検索をして、ページに入ったユーザーが「役に立つ」と感じるサイトであることが重要で、昨今の「コンテンツSEO」が最重要とされている理由です。
そして、コンテンツをしっかり作ったとしても、それがきちんとGoogleの検索エンジンに認識されなければなかなか検索エンジン側へ反映されません。
したがって、文法上正確なHTMLタグを設置し、Googleの検索エンジンに情報がしっかり流れるようにするためのコーディングが必要です
改めて「何のためにWebサイトを立ち上げたのか」を振り返ってみましょう。
「会社の資料請求をWebサイトから獲得する」「リアル店舗以外での売上を作りたい」等といった「サイトを立ち上げる際に目標として設定した事柄」があるかと思います。
Webサイトを制作に携わったメンバーで出来上がったサイトを見たときに「思っていた通りだな」と思えていることが大切です。
アクセス解析などの実際の分析は、最低2週間分のまとまったアクセス数が入ってから開始しても問題ありません。
一言で言えば、「ブラックハットSEO」全般に言えることです。
検索結果を欺くような対策は、かなり早い段階でGoogle検索エンジンからの「手動による対策」が行われてしまいます。
具体的には不要な外部リンクの設置やコンテンツの書き写しなどが上げられます。
この対策が横行していたときは、本来検索結果に上がってはいけないものが検索結果に表示されてしまうため、Google検索エンジンのリソースを大幅に消費してしまう事態を招いていました。
最近では不要なサイトはインデックス登録自体がされないように対策されているため、なかなかインデックスが増えてこない場合はサイト全体の情報品質を疑ってみたほうが良いかもしれません。
競合他社のベンチマークがまず挙げられると考えています。
Webサイトのデザインを作成するときもテーマ別に参考になるサイトを見てデザインを起こすことが多いです。
もちろんマーケティングにおいてもできるだけ同じか、似た商材を扱う競合他社をしっかり知る事が自社サービスの醸成につながる近道です。
運営は一日でうまく行くわけがありません。スタートがいくら良くても放置してしまえば廃れていきます。
サイトを大きくすることは、よりお客さん(クライアントやエンドユーザー)の実態に近づくことになるため、繰り返しユーザーの分析を続け、満足の行くサイトにするには最低1年~1年半の長期戦になることを想定しましょう。
この期間をトータルで見て「プロジェクト」として取り組むことが大事です。
関連タグ【アクセス解析】に関するよくある質問
アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。
一例ですが、特定の地域や年齢層、それから男女どちらかまたは両方に大きく支持されているのであれば、支持された層のトレンドを狙ったコンテンツや広告ワード、閲覧されてる時間帯に広告費用をかけるなどといった費用投資判断の指標に使えます。
Googleアナリティクスを使いこなせるようになりたいのか、アクセス解析の用語などの知識をつけたいのかによって、勉強するポイントは大きく変わります。
Googleアナリティクスを使っていく上ではまずは「ユーザー」「概要」に記載されている基本レポートの使い方を知るところから始まります。もっとも見る頻度が高いからです。
徐々に、「集客」の「トラフィック」や「行動」の「サイトコンテンツ」を知り、理解が進みページ前後の遷移状況などを見れるようになれば、「セグメント設定」を身に着けていく段階になります。
知識としては、離脱率と直帰率の違いをきっちり理解できればページの性質に合わせた説明をできるようになるのではと考えています。
アクセス解析に関する用語を習得する場合は、市販に売っている本や、用語解説をしているサイト等を参考にしてみましょう。
その際、単純に用語を知るだけでなく、使い道などにも触れている情報を参考にすると良いです。
Googleアナリティクスのサイトに移動し、ログインしてアカウントに入場してください。
なお、アカウント登録した直後であれば、なにも登録されていないはずです。
すでにGoogleアナリティクスのアカウントがあることが前提ですが、Webサイトを運営している担当者もしくは担当部署にお手持ちのGoogleのメールアドレスをお知らせください。
担当者もしくは担当部署にてアカウント設定を行い、設定完了すればご自身のGoogleアナリティクスのアカウントにWebサイトが追加され、様々な情報が閲覧できます。
権限の状態によっては細かい設定もできるようになります。
出力が必要な指標が多いサイト(ランキングやある特定の状況下でのアクセス等)であれば、基本的なサマリーを表示するために使用することはあります。
とくに、広告を扱うようなサイトであれば多視点から情報を集めなければならないため、短時間での状況把握をするべく使用することがあります。
一般的な企業サイトや個人サイトであれば、ユーザーサマリーの概要をしっかりつかんでおけば十分だと思います。
索引から探す
- 用語集【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サイトについてのお問合せや様々な情報をこちらにまとめております。
- 新着情報・更新情報
当サイトの新着情報・更新情報はこちらから。