完全な25トリックUXデザインチェックリスト

UXデザインの背景にある考え方はシンプルです。満足して自信のあるユーザーは、あなたから購入する可能性が高くなります。彼らはあなたを信頼する、メーリングリストにサインアップする、またはあなたのアプリをダウンロードする可能性が高い.


ユーザーエクスペリエンスデザイン(またはUXデザイン)を、開発ではなく心理学と考えることがよくあります.

優れたUXデザインとは、ビジターの頭の中にいることです.

彼らのあらゆる動きを予測し、シンプルで直感的で楽しいウェブサイトを作成します.

残念ながら、優れたUXデザインを実現するための簡単な答えや特効薬はありません。たくさんの細かい調整の集大成です。それぞれがあなたのウェブサイトでの体験を向上させます.

そのことを念頭に置いて、UXデザインを際立たせる25の小さな(そして簡単な)調整のチェックリストをまとめました。.

Contents

1.スピード

ウェブサイトの速度は、良い印象を与える最初のチャンスです。これが最初のUXハードルです.

ウェブサイトの速度

(画像ソース)

遅すぎて、ビジターはすでに興奮していて、あなたを信頼する可能性は低いです。私たちは本能的に速度をプロフェッショナリズムに関連付けます、そしてほとんどの訪問者はあなたのウェブサイトが2秒以内にロードすることを期待しています.

それより遅いもので、最初からユーザーエクスペリエンスが悪い.

サーバーの速度がゼロに近づいていることを確認し、サイトの重量を減らしてすばやく開く.

2.あなたは誰ですか、何をしていますか?

次の大きな課題は、訪問者にすばやく通知することです。あなたは誰?職業はなんですか?そして、あなたはそれらにどのような価値を与えることができますか?

Netflixバリュープロップ

これは価値命題と呼ばれ、ブログ投稿全体を書くことが非常に重要です。ビジターを説得するのに数秒しかかからないので、!

今すぐ試す:Webサイト全体を1つの文にまとめ、訪問者に次に行ってほしい道標を示します.

3.訪問者があなたに連絡できることを確認する

UXデザインの核となる部分は、ビジターの心配や不安を取り除くことです.

新規訪問者にとって最大の心配事の1つは、彼らがあなたを信頼するべきかどうか、特にあなたが新しいWebサイトである場合です.

この不安を取り除く1つの方法は、舞台裏に実在の人物がいることを示すことです。会社の住所、電話番号、実際のメールアドレスを追加します。 (お問い合わせフォームではありません–ストレートなメールアドレスと比較すると、人々は不信感を抱く傾向があります).

さらに便利なのは、ユーザーが即座に質問できるように、ライブチャットボックスを使用することです。.

Tagoveライブチャット

問題が発生した場合は、簡単に連絡できることを知っておくと良いでしょう.

4.訪問者に常に家に帰る道を与える

私たちは以前にすべてのウェブサイトで迷子になりました。あなたはリンクをたどり、ウサギの穴に行き着きます.

これが発生した場合、あなたの訪問者は興奮し、イライラします。思わず「X」ボタンを押してブラウザを閉じます.

代わりに、明確で定義された「ホーム」ボタンがあることを確認して、いつでも最初からやり直せるようにします。通常、ユーザーはあなたのロゴがホームページに戻ることを期待しているので、それが.

5.さらに良いことに、パンくずを残して、彼らがどこにいるかを知ってもらいます

すぐに再開できるようにするだけでなく、「パンくずリスト」を使用して、プロセスのどこにいるかを説明します.

大きなプログレスバーはこれに最適です。たとえば、チェックアウトプロセス中の場合は、ユーザーがどこにいるか、何をするかをユーザーに正確に知らせます。.

チェックアウト進行状況バー

(画像ソース)

繰り返しますが、これは単純な心理学です。たとえば、目的地がどこにあるかわからない場合、散歩に行くのはずっと大変です。地図があれば、はるかに快適です。同じ考え方がオンラインでも当てはまります.

6.反復的なアクションを削除します

同じデータをフォームに2回入力するのは非常にイライラします(請求先住所や配送先住所など)。購入プロセスを遅くする反復的なアクションを取り除くようにしてください.

カートの放棄につながるのは、このようなものです。あなたの訪問者は他の場所を見るでしょう.

さらに良いことに、顧客の好みを記憶するシステムを作成します。すべてが再び彼らを待っているとき、それは彼らを驚かせ、喜ばせます。簡単なことで、リピーターの可能性を高めます.

7.ツールチップを使用して初心者を支援します(ただし、専門家の邪魔をしないでください!)

あなたの訪問者の一部は常連になります。彼らはあなたのサインアップシートと購入プロセスを爆破します。その他は真新しいものであり、途中でいくつかの質問があるかもしれません.

小さな「ツールチップ」アイコン(よく疑問符で識別される)は、初心者が何をする必要があるかを理解するのに役立ちます。しかし同時に、彼らはあなたの専門家の邪魔をしません.

ツールチップ

(画像ソース)

ショートカットやファストトラックを提供して、専門家のスピードを上げることもできます。たとえば、ほとんどのウェブサイトやアプリの説明に「これをスキップ」リンクが表示されます。.

8.大きく大胆な行動を促すフレーズを作成する

行動を促すフレーズは、「登録」や「今すぐ購入」など、何をすべきかを訪問者に正確に伝えます。率直でわかりやすく、その価値を説明していることを確認してください.

CTA

(画像ソース)

さらに良いのは、それを明確で大胆な色にし(ここでは緑とオレンジが不思議に効く)、それを空白で囲みます。これはユーザーの目をまっすぐに引き寄せ、これがユーザーに何をしてほしいかを明確に示します。.

9.行動を促すフレーズの主なものと副次的なものを明確に区別する

行動を促すフレーズがたくさんある場合、2つのオプションが表示されます。たとえば、「送信」と「キャンセル」。または「今すぐダウンロード」と「無料試用」.

Spotify-CTA

訪問者にどのような行動をとってもらいたいかは明確です。そのため、訪問者がそれを知っていることを確認してください。 Spotifyのホームページをご覧ください。彼らは、「ゴープレミアム」ボタンを大胆で目を引くようにしました。彼らは「無料でプレイ」ボタンを背景にフェードインしました.

これもまた単純な心理学です。どれをクリックするかをユーザーに微妙に知らせます.

10.階層を使用して、次に進むべき場所をユーザーに示す

うまくいけば、明確な「ユーザージャーニー」を念頭に置く必要があります。あなたがあなたのウェブサイトを通じてオンラインコースを教えているとしましょう。簡単なユーザージャーニーは次のようになります。

最新のブログを読む > 無料のレポートをダウンロードして、メーリングリストにサインアップしてください > 有料オンラインコースに登録する.

明確な道のりがある場合は、視覚的な階層を作成して、ユーザーを目的の場所に誘導できます。この場合、ブログが最初に表示されるものであることを確認します。次に、メーリングリストへのリンクをたくさん含め始めます.

11.予想される要素をいじらないでください!

レイアウトや要素を使ってクリエイティブになりたいという衝動に抵抗するのは難しいことがよくあります。しかし、問題は、オンラインストアがどのように見えるかを知っていることです。私たちは、製品が単純なカテゴリーに配置されることを期待しています。製品の説明、レビュー、おなじみの購入プロセスを期待しています.

アップルチェックアウト

これらの重要な側面を持つホイールを再発明しようとしないでください!複雑にしないでおく.

12.シンプルな3色のパレットに固執する

繰り返しになりますが、これはすべて、複雑すぎるものへの衝動に抵抗することです。 3つ以上の原色を組み合わせるのは難しく、ユーザーを混乱させることがよくあります.

パレット

(画像ソース)

また、色は心理学や感情と密接に関連しているため、ユーザーエクスペリエンスの形成に非常に役立ちます。たとえば、青と信頼を関連付けます(Facebookが青を使用する理由があります!)

カラーパレットを製品に合わせる.

13.エラーが発生するのはなぜですか?そして私は今何をしますか?

時々、物事はうまくいかず、404エラーは避けられません。ただし、実際にこれをポジティブなユーザーエクスペリエンスに変えることができます。.

カスタムの404ページと504ページを作成して、このエラーが発生する理由を正確に説明してください。 Twitterの「失敗クジラ」はこのことで有名でした.

ツイッター失敗クジラ

不明なエラーについては、作業中であることをユーザーに確信させ、ウェブサイトに戻してもらいます。.

エラーページのような行き止まりは危険です。ユーザーは自然に十字架に手を伸ばします。それらを安心させ、送り返す.

14.ユーザーが何かを完了すると、ハイタッチを与える

人間は達成感と完成感によって動かされます。彼らがタスクを完了したら、彼らに知らせ、次にどこへ行くかを示します.

メールアドレスの送信後、商品の購入後、カートへの商品の追加後、または単にブログ投稿の最後に到達したときに、これを行うことができます。.

それは、シンプルで簡単で前向きな体験です。また、ユーザーにコラボレーションの感覚を与えます。あなたが実際に彼らが彼らの目標を達成するのを助けているように.

15. 2つのフォントファミリのみに固執する

一貫性とブランディングは、優れたユーザーエクスペリエンスの鍵です.

ロゴのフォントがFuturaであり、本文がTimes New Romanであり、行動を促すフレーズがComic Sansであり、見出しが巻線である場合、非常に混乱します。

フォント

フォントファミリーは2つだけにします。読みやすく、見た目もプロフェッショナルで信頼できる.

16.明確で一貫したアラートメッセージを使用する

ときどき、ユーザーが問題を起こすことがあります。パスワードを間違って入力してログインできなかった可能性があります。登録シートに郵便番号を含めるのを忘れた可能性があります.

アラート

(画像ソース)

このような場合は、単純だが明確なエラーまたは警告メッセージが必要になります。他のサイトとは色やスタイルが異なることを確認してください。何か行動が必要であることを明確に示す.

また、これらの警告メッセージをサイト全体で一貫させる必要があります。混乱を招くだけなので、別の色、スタイル、配置を使用しないでください。.

17. Caps Lockテキストを制限する

それだけで迷惑です.

実際には、それよりも重要な理由があります。大文字のテキストは実際には小文字よりも遅く読みます。したがって、読み取りをスキャンするのははるかに困難です(これは、一般的にインターネットを読み取る方法です)。.

あなたが本当に影響を与える必要があるときのために予備のキャップがロックします.

18.関連アイテムをグループ化する

これは特にeコマースWebサイト用ですが、全体的に機能します.

同様のアイテムと関連アイテムを同じ場所に保管してください。これは、訪問者と顧客が、あなたが彼らのニーズを予想していたように、はるかにカスタマイズされたサービスを受けることを意味します.

グループ化されたアイテム

これは、Amazonの「これに似た」選択のような物理的な製品で行うことができます。関連するコンテンツセクションを使用して、ブログの投稿や記事でも同様のことができます.

それは訪問者があなたのサイトを閲覧し続け、あなたの直帰率を減らし、そしてより個人的な体験を作り出します.

19.すべての一貫性を保つ

訪問者がリンクをクリックして別のWebサイトに移動したように感じることが最後に必要です。.

サイトのどこにいても、ナビゲーションバーが同じ場所にあることを確認してください。ロゴが常に表示され、カラーパレットが同じままであることを確認します.

20.アイスキャンのレイアウトを設計する

本を読むようなウェブサイトは読みません。私たちの目はジャンプして重要な情報をスキャンします.

Fパターン

通常、ウェブサイトはFパターンで読みますが、太字の画像や行動を促すフレーズも最初に目を引くことが知られています.

21.証言と社会的証拠で信頼を築く

あなたのウェブサイトへのほとんどの訪問者は彼らの警戒をして到着します。彼らは当然新しいサイトに慎重で、確かにまだあなたから購入する準備ができていません.

先ほど述べたように、UXデザインの重要な部分はこれらの障壁を取り除き、人々があなたのウェブサイトを快適に感じるようにすることです。いくつかの適切に配置された推薦状とファクトイドは、人々をより安心させるでしょう。他の人(理想的には大きな名前)があなたの製品とサービスを使用し、それを承認したことを確認します.

22.何ができるかをユーザーに知らせます!

通常、ウェブサイトは2つの部分で構成されています。1つ目はコンテンツです。これは静的であり、対話することはできません。 2つ目:コントロール–これらは、クリックして再生し、操作できるものです.

相互作用

Twitterはこれで素晴らしいです。コンテンツのシンプルな黒いテキスト。青色のテキストは、クリックして操作できるものを示します。ロールオーバーするとアイコンが色で塗りつぶされ、何を操作できるかが示されます.

人々をあなたのウェブサイトで遊んでもらう!

23.穏やかな学習曲線を作成する

混乱していて難しいウェブサイトに行き詰まるのを好む人はいません.

訪問者にほとんどすぐに勝利を与えるようにしてください。それらをリラックスしてシンプルに–特にトリッキーなビジネス提案を提供している場合.

24.訪問者にすぐに共感する方法を見つける

ユーザーエクスペリエンスとは、人間関係を模倣し、ユーザーとのつながりを築くことです。共感はこれの大きな部分です–訪問者の目標と夢は何ですか?今まで彼らを阻んできたこと?

あなたが彼らの問題を理解していることをすぐに彼らに知らせてください。あなたは彼らが関係できるイメージ、または彼らの最大の問題を要約する文章でこれを行うことができます.

あなたの訪問者は「このウェブサイトが私を捕まえる!」と考えるでしょう、これは作成するのに素晴らしいユーザー体験です.

25.マイクロインタラクションを使用して対話を作成する

旅のすべての小さな部分でユーザーにフィードバックを提供するようにしてください。ユーザーが応答する実際のコミュニケーションと関係を作成します.

「Good job!」などのコピーでこれを行うことができます。 「あなたはこれが好きかもしれないと思った」、「専門家と話をしたいですか?」

プログレスバー

または、親指を上に向けた顔、笑顔の顔、読み込み中のページを刻む時計のような小さなグラフィックとビジュアル.

———

これらの小さな調整を組み合わせると、信頼を築き、ターゲットオーディエンスとつながり、満足感と達成感を感じさせるユーザーエクスペリエンスを作成できます。.

これらのUXデザイントリックを使用していますか?見逃したことは何でも聞いてみたいです!コメント欄で教えてください.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map