実用的なユーザビリティチェックリスト：修正するユーザビリティの間違い
公開: 2015-09-08
どうして私たちが2015年になり、2007年と同じユーザビリティの間違いが見られるのでしょうか。 私たちはインターネットのまったく新しい時代にいますが、それでも大企業でさえ、非常に明白な問題のおかげでほとんど使用できないWebサイトを立ち上げています。
これらは驚くほど一般的であり、あなたが自分自身を逃しているかもしれないものです。
私は定期的に壊れたリンクの世話をします
ほんの数分前、Smashing Magazineのリンクをたどっていたところ、404エラーが発生しました。 このページはもう存在しませんでしたが、コメントとソーシャルの両方に関与している、まだトラフィックの多い記事から直接リンクされていました。
ページを移動または削除するときはいつでも、Webサイト全体でページを再確認する必要があります。 ホームページだけでなく、存在する可能性のある言及を検索する必要があります。 サイトがこれらのリンクを見逃すと、それは素人っぽくて専門的ではないように見え、実際にあなたの権威を傷つける可能性があります。
ツール！
- 壊れたリンクチェッカー（WordPressプラグイン）
- ウェブサイトクローラーとXMLサイトマップジェネレータ（Webベースのツール）
私のサイトは速くてスムーズです
最も一般的な罪の1つ：非常に多くのWebサイトが非常に遅く、および/または頻繁にダウンします。 これは明らかな間違いですが、見過ごされがちで、ほとんど信じられないほどです。
ユーザーがページを読み込めない限り、すばらしいコンテンツとすばらしいWebサイトにはチャンスがありません。
ツール！
- WPBeginnerには、WordPressの速度とパフォーマンスを向上させるためのツールの優れたリストがあります
- Sitegeekを使用するとその毎月の稼働時間の統計信頼できるホスティングプロバイダーを見つける
- この無料のページ速度ツールを使用するページの速度を低下させる原因を診断する
- Pingdomを使用するまたは監視サイトがダウンするとすぐに更新されます
私のサイトはモバイルで使用可能です
幸いなことに、グーグルは多くのウェブサイトの所有者に彼らのサイトのモバイルフレンドリーがアップデートで彼らを脅かしていることについて考えるように勧めました。 ただし、検索エンジンの可視性に関する懸念は別として、ユーザーに適切にサービスを提供するには、サイトがモバイルフレンドリーである必要があります。
ツール！
- Haris Bacicは、ここSEPでモバイルフレンドリーテストツールを一覧表示する素晴らしい仕事をしました。
- モバイルフレンドリーになるようにウェブサイトを再設計することが頭の痛い場合、WHHが唯一のパッケージですおすすめできます...
私のコピーと召喚状は明確です
私はかつてウェブデザイナーから素晴らしいアドバイスを聞いたことがあります。別の惑星の人があなたのウェブサイトが数秒以内に何をしているのかわからない場合、それはその仕事をしていません。
これが、多くのサイトが自社製品の画像をフロントページに掲載している理由です。 人々は、1つのことを読まなくても製品のアイデアを得ることができ、詳細については残りのテキストを使用するだけで済みます。 DirJournal 私が話していることの良い例です：あなたは一目でサイトが何をしているのかを見ることができます！
ツール！
- 5秒のテストを試すあなたのデザインを評価し、人々がそれが何であるかを伝えることができるかどうかを確認する
- これらのツールを使用して作成しますサイトの目的を視覚化する最小限の明確なグラフ
- これらのツールを使用して、視覚的なインタラクティブコンテンツを作成します
- HemingwayEditorを使用するおよびAtomicReachAudience Engager （AtomicWriter無料のWordPressプラグインをダウンロードおよびGoogleChrome拡張機能）コピーがどれほど明確で、読みやすく、魅力的であるかを確認します。
私のデザインは関数をオーバーライドしていません
あなたが思いついたその派手なデザインは素晴らしいように見えるかもしれません。 しかし、それはユーザーにとってうまく機能しますか？ Webサイトにアクセスして、アニメーションの読み込みを待つ必要があるのは非常にスタイリッシュです。 ただし、ユーザーにとっては非常に煩わしいことでもあります。
読み込みが遅いメニュー、適切にスクロールしないもの（ポップアップメニューのスクロールなど）、または検索する必要のある非表示のリンクについても同じことが言えます。
創造的でありたいというあなたの願望が最終製品の機能を無効にしないようにしてください。 ポートフォリオメーカーの皆さんを見ています！
ツール！
チョークマークを使用するモックアップに関する簡単なフィードバックを取得します。
私は私に連絡するためのさまざまな方法を提供します
フロントページからすぐに連絡するための複数の手段が必要です。 そうしないと、起こりうる最もひどい間違いの1つになります。 特にあなたがビジネスなら。
電話番号を記載しておくことは問題ありませんが、ほとんどのユーザーはそれだけでは満足できません。 お問い合わせフォームをサイトに組み込んでも同じことが言えます。
可能であれば、チャットオプション、設定された電子メール、および電話番号を作成します。 見やすく、使いやすいものにします。
ツール！
ここにあなたにたくさんのオプションを与える様々なアプリがありますお問い合わせフォーム、オンラインサポートチャット、またはその他のカスタマーサービスアプリを追加します。
提案の過負荷で顧客を混乱させない
ブログにアクセスしたことがありますが、サイト内外で他の投稿に対して10行の提案があるようです。 または、あなたが試してみたいと思うかもしれない他の12の製品を投げる店のチェックアウト？
提案には何の問題もありません。実際、提案はサイトで費やす時間とコンバージョンの両方を改善することができます。 ただし、数が多すぎると、サイトの読み込みが遅くなり、ユーザーの注意が散漫になり、モバイル機能が妨げられ、攻撃的になります。
提案を使用する場合、少ないほど多くなります。
私はユーザーにオプトイン（またはログイン）するためのさまざまな方法を提供します
なぜこの時代に、アカウントを持つWebサイトがソーシャルログインオプションを提供しないのでしょうか。 Facebook、Twitter、およびGoogleのログインは、特に実装がいかに簡単であるかを考えると、標準である必要があります。 必要なのは単一のプラグインだけで、準備は万端です。
なぜこれがそれほど重要なのか疑問に思われるかもしれません。 それは使いやすさの問題であり、それが使いやすさの問題になっています。 人々は、すべての詳細を入力するよりもボタンをクリックしてから、電子メールにアクセスして確認することを望んでいます。
怠惰？ たぶん、しかし重要なのはあなたが彼らに彼らが望むものを与えることです。
ツール！
- GetResponse オプトインフォームとの非常に堅牢なソーシャルメディア統合を提供します
- ここにいくつかのWordPressプラグインがありますソーシャルメディアログインオプションを有効にすることを許可する
ユーザビリティテスターのフィードバック...
これらの問題はすべて、ユーザビリティテスターをたくさん集めて、彼らの言うことに耳を傾けることで解決できます。 あまりにも多くの人がこれらの苦情を軽視し、代わりにバグを修正するだけです。 そもそもユーザビリティテストを行う理由はバグであるかのように...それはほんの一部にすぎません。
その罠にはまらないでください。 上記の設計上の罪は明白に思えるかもしれませんが、あなたがあなたのサイトを通過するならば、あなたはほぼ確実にそれらの1つを犯しています。 あなたが気づいていない場合でも、あなたのサイトの訪問者は気づいているでしょう。 その結果、貴重なコンバージョンを逃してしまう可能性があります。
このチェックリストから重要な項目を見逃したことがありますか？ コメントで教えてください。
ピクサー