👩🏻‍🤝‍👨🏽 🤠 🕺🏼 ユーザビリティチェックリスト 🔀 👍🏿 🏇🏿

小さくて便利なユーザビリティチェックリスト。ユーザーのテストに進む前に、リソースを確認してください。従うべき「ユーザビリティの柱」のふりをするわけではありませんが、非常に有用なものがここに集められています。

ユーザー体験

パーソナライズ通貨、言語、国固有の瞬間、税金、配送オプションは、ユーザーの出身地によって異なります。 IPジオロケーションは、ユーザーの許可なしに有効にしないでください。
登録は理にかなっています。たとえば、「無料トライアル期間」ボタン（無料トライアル）は非常に具体的ですが、登録フォームへのリンクはありません。
「透明な価格設定。」価格はすぐに表示され、「落とし穴」はありません。以下の小さな価格タグ、星、脚注などがあります。
ページ自体は更新されません。たとえば、ニュースサイトでニュースが突然表示された場合、ユーザーは非常に驚くかもしれません。
サイトの情報は信頼できます。壊れたリンクはありません。関連リソースへのリンク、正しい連絡先（オフィスへのアクセスまたはオフィスの検索が可能）、実在の人物の写真（実際にサイトまたはその機能の主題に関連している）はサイトに投稿されます。まあ、高品質のデザインを忘れないでください（この記事はデザインについてではなく、使いやすさについてです）。
画像には必要なすべての情報が含まれている必要があります。画像を拡大して詳細を検討できる必要があります。

ホームページ

ここでは、この段落のタイトルの不一致に言及する価値があります。「ホームページ」、ほとんどの場合「ランディングページ」です（常にではありませんが）、「スタートページ」もこのページを指します。 Habréに関する良い記事。

明確で明確な行動を促すフレーズ。ユーザーは次に何をすべきか、そしてそれが彼にもたらす利益を知っています。サイトの目的と目的が明確に表現されています。
許可ユーザーの名前がページに表示されます。たとえば、「こんにちは、サー」だけでなく、「イワン、こんにちは」。
主な変更点はすべてホームページで発表されています。
連絡先および会社情報（場所）は、ホームページから簡単にアクセスできる必要があります。
プライバシーポリシー。サイトがユーザー情報を収集する場合、ホームページでこれを伝える必要があります。
すべての画像とビデオには、非常に具体的な意味と目的があります。トップモデルの不明瞭なストック写真はありません。あなたのビジネスに関連する高品質の写真とビデオのみ。ユーザーがこれを予期しない限り、ビデオおよびサウンドエフェクトは自動的に再生されません（訪問者にビデオまたは着信音の開始を通知します）。
URLはwwwプレフィックスなしで機能するはずです。

在庫状況

画像や地図などの非テキストブロックには、Alt属性を指定する必要があります。署名と文字起こしは、音声とビデオの要素に適しています。
情報を伝えるために色だけが使用されることはありません。
スタイルを無効にした後も、テキストは読みやすいままです。チェックする便利なリンク。
アクセス可能なナビゲーション。キーボードのみを使用して、マウスなしでサイトをナビゲートすることが可能です。ナビゲーションに使用されるすべての特別なキーボードショートカットは、ユーザーから隠されていません。
Flashを使用せずに、Flashを使用できるようになった時点で、Flashの使用を避けてください（この点を正しく理解してください）。
リンク、ボタン、チェックボックスは簡単にクリックできます。たとえば、ユーザーはこのアイテムに関連するテキストをクリックしてチェックボックスをマークできます。

重要なリンクは、動的（回転、回転）要素には配置されません。
可能な限りアルファベット順に並べ替えることは避けてください。カテゴリまたはその他の重要なパラメーターによるグループ化を使用します。このテーマに関する良い記事（英語）。
ユーザーは、自分のいる場所、ページ、セクションを知っている必要があります。ここでは、愛するパン粉がみんなを助けます。
ナビゲーションは常に一定であり、ページごとに変化しません。
リンクは参考情報であり、トピックとコンテンツに基づいてリンク先を正確に示します。「タイツ」や「ここをクリック」だけではありません
サイトの説明はタイトルウィンドウに表示されるため、サイトをブックマークしやすくなり、サイトの内容を忘れることがなくなります。
サイトのURLは覚えやすいです。そしてもちろん、ヒューマノイドURLを使用する価値は常にあります。

検索する

もちろん、サイトが2ページで構成されていない限り、サイトには検索があります。
検索は、ホームページだけでなく、すべてのページで行われます。
検索フィールドでは、そこに書かれている内容を見ることができます。
検索はフィールドであり、別のページへのリンクではありません。

参照資料

重要なアクションは、リンクではなくボタンで示されます。たとえば、「購入」または「支払い」はリンクではなくボタンにする必要があります。
もちろん、pdfファイル（これに関する英語の良い記事）でない限り、リンクは新しいブラウザーウィンドウまたはタブで開きません。
リンクは簡単に認識できます。外観から、クリック可能であることは明らかです。他の要素はリンクのように見えるべきではありません。たとえば、下線付きのテキストは避けるべきです。
すでにアクセスしたリンクは、アクセスしていないリンクとは異なる色で表示されます。
リンク切れはないはずです（このリソースで確認できます）。

レイアウト別名マークアップ

重要なコンテンツが最初に配置されます。
サイトはレスポンシブです。さまざまなサイズの画面で動作します。水平スクロール（水平スクロール）を使用しないでください。
関連情報は論理的に1つの場所に配置されます。
ポップアップの最小数。
ページレイアウトは同じ構造にする必要があります。
サイトのページは「散らばっていません」。ページには十分な量の空気があります。

プロセス

バグ追跡システム（問題トラッカー）。物議を醸すユーザビリティ/ UXの問題を解決するために不可欠です。
ユーザーテストは、ターゲットグループおよびプロジェクトのさまざまな段階で実施されました。リソースの開発に参加した人々をテストするユーザーに関与しないことをお勧めします。
優先順位変更は優先度に従って行われます。プロジェクトの目的、予算、締め切り、出演者の構成などの重要なポイントを考慮することを忘れないでください。
ROI （投資収益率）の変化。作成プロセスの開始前と開始後のサイトのコストを考慮します。

フォーム

シンプル。フォームでは最も必要な質問のみが尋ねられます。
巨大なドロップダウンメニューは避けてください。この点を解決するには、サーバーで検証されるフィールドを使用し、入力された結果を返すことができます。そのため、ドロップダウンリストが長いと、スクロールが不便になります。
入力形式があります。たとえば、電話番号やクレジットカード。
記入用のフィールドは、適切なタグで署名されています。たとえば、住所、名前（オートコンプリートをサポート）。
フォームの確認を忘れないでください。
エラーが発生したフィールドの横にポップアップエラーメッセージが表示されます。

内容

コントラスト背景とその上のテキストは対照的です。このサービスを確認に使用できます。
コンテンツを分割し、段落間のインデントとテキストの一部がはっきりと見えるようにし、見出しを読みやすくしています。
コンテンツはユーザーが理解できる言語で書かれており、文章が過負荷になることはありません。興味深いサービスノート-www.read-able.com
会社の連絡先情報はよく読まれており、区別できます。電子メールをクリックしても、メールアプリケーション（Outlookなど）は自動的には開きません。
コンテンツは非常に便利で、ユーザーの基本的な質問に答えます。また、関連性も必要です。「Welcome to our site」という長い説明とウェルカムメッセージはありません。
テキスト内で大文字を使用することは非常に望ましくありません。

このトピックは翻訳であることに注意してください。 userium.comに感謝

ユーザビリティチェックリスト