11のWebサイトハックで完璧なUXを作成する

公開: 2016-06-15

優れたWebサイトは、ユーザーがWebサイトをクリックし、そのページを閲覧し、Webサイトの所有者がそれを認めるのに十分な時間滞在するように促す、必要なすべての側面と要素の完璧な組み合わせです。

ウェブサイトは主に、最高の機能、最高のeコマースプラットフォーム、最新の拡張機能を備えて設定されています。これらはすべて、ウェブサイトを存続させる必要がある場合に非常に重要です。ただし、Webサイトの評価調査で過小評価され、知られていないもう1つの要因は、UXまたはユーザーエクスペリエンスです。信じられないかもしれませんが、これは、Webサイトが最高ランクのクリッカーになるのか、それともインターネット上に浮かぶゴミの一部になるのかを決定する主な要因の1つです。

UXはどのくらい重要ですか

ユーザーエクスペリエンスまたはUXは、ユーザーがデジタルインターフェイスとの対話についてどのように感じるかを示しています。ほとんどの要因には、設計者と開発者の両方による徹底的な作業が含まれますが、その他の要因には、環境やユーザーの好みが含まれます。これらの要素には、アクセシビリティ、インターフェイスの使いやすさ、パフォーマンス、デザイン/テーマ/美学、人間工学、およびマーケティングの有用性が含まれます。デジタルプラットフォームでのすべての人間の相互作用はこれらの要因に大きく依存しているため、インターネットで注目を集める必要のある優れたWebサイトは、これらをUXに組み込む必要があります。

UXに影響を与える要因

これらの要素は優れたユーザーエクスペリエンスの柱ですが、ユーザーエクスペリエンスを通じてWebサイトの有効性を測定する人間的な側面は、使いやすさだけにとどまりません。この非常に特定の主題に関するいくつかの研究者と研究を通して、人間の感情もまた、人を視覚的にWebサイトの外観に結び付ける上で重要な役割を果たしていることがわかりました。それらを考慮に入れて、ウェブサイトビジネスにおけるそれらの影響について話しましょう。

ウェブサイトフォーム

まず、フォームがあります。あなたが彼らにそれについて安全であると感じさせないならば、誰も彼らの情報を記入したくないことを覚えておいてください。フォームは、顧客から情報を取得し、それをマーケティング、カスタム製品、価格見積もり、およびその他の多くの用途の面でさまざまな利点に使用するための不可欠なメカニズムであることは間違いありません。フォームは、管理者が対象者のニーズを理解し、組織の目標を設定するのに役立つ問い合わせプロセスの不可欠な部分でもあります。

解決：

Webサイトにフォームを保持し、顧客との関係を維持するには、質問を低く抑え、オプションのフィールドを許可し、属性の下に指示としてコメントを設定する必要があります。

フィールド内のプレースホルダーテキスト

フォームについて言えば、プレースホルダーテキストを使用して、フォームフィールドに必要な回答の種類を例示することもできます。プレースホルダーテキストは、削除可能なテキストの形式でフィールドに入力された例です。アイデアは絶対に素晴らしく、フォームが彼らに何を求めているかについて顧客がよりよく理解するのに役立ちます。問題は、私が多くのWebサイトで経験したように、フィールドに情報を入力しようとすると、プレースホルダーテキストは、テキストと混同されたままになります。それを取り除く唯一の方法はそれを手動で削除することです、さもなければあなたのフォームは通り抜けません。今、あなたがあなたの情報を入力しなければならない他の20のフィールドでこれを想像してください。

解決：

顧客が煩わされるのを防ぎ、正しい情報を入力してもらうために、顧客が情報を入力するとすぐにプレースホルダーテキストが消えることを確認してください。

属性のフォーマット

この問題は、情報に適した正しいタイプのフィールドを使用することで回避できます。ただし、そのような規定がない場合は、数字やテキストなど、ユーザーが入力する必要のある情報の形式に指示を常に追加する必要があります。顧客が間違った形式の情報を入力するのを待って、エラーメッセージを受け取るだけの場合、そのユーザーはあなたの店を離れるのと同じくらい良いです。

解決：

これは主に、顧客が不満を感じてWebサイトを放棄することを決定したときにチェックアウトページで発生します。フィールドの下の例を使用して、ユーザーを明確にすることができます。

エラーメッセージの防止

エラーメッセージがプロのウェブサイトの自動修正システムの本質的な部分であることを誰もが反論することはできません。しかし、それらをどのように使用するかは、より大きな議論です。これらのメッセージが顧客のUXにどのように影響するかを理解するために、ユーザーIDとパスワードを入力して登録することで製品を購入しようとするオンライン購入者の立場に立ってみましょう。エラーメッセージには「ユーザーIDを再入力してください」とだけ表示され、「そのユーザーはすでに取得されています」と表示されているため、6〜7回の試行では登録できません。

解決：

このような見つからないエラーメッセージは、顧客を苛立たせ、即座に放棄することになります。常に開発者に、それが再びポップアップしないようにするために何を正しく行う必要があるかをユーザーに適切に伝える自明のエラーメッセージを生成するように依頼してください。

ラージヘッダー

このことがどのように発展したのか理解できないようですが、さらに良いことに、ページに大きな固定ナビゲーションヘッダーを使用するWebサイトの数が増えるにつれて、インターネットでトレンドになっています。問題は、ユーザーがページを下にスクロールするたびに、実際に重要なコンテンツを表示するのが困難になることです。これらの大きなヘッダーと同様の要素はコンテンツをブロックし、ユーザーがその下の重要なコンテンツを読んだり表示したりできないようにします。カテゴリやフォントが大きい大きなWebサイトでは、コンテンツが完全に隠されるため、この問題はさらに重大になります。

解決：

この問題を解決するために、管理者は開発者にこれらの大きな固定ナビゲーションヘッダーを使用せず、代わりにユーザーがテキストを正しく読み取れるようにする単純なヘッダーを使用するように依頼できます。

レスポンシブデザインを採用

指数関数的なテクノロジーとガジェットのこの現代では、オンラインユーザーの地滑り的な割合が、ラップトップやデスクトップコンピューターと比較して画面が比例して小さいタブレットやその他のハンドヘルドデバイスからWebサイトを表示および使用しています。この問題は、Webサイトが小さい画面に対応できない場合に発生しますが、大きい画面では完全に対応します。これは、お客様にとって真っ直ぐな「NOPE」です。デバイス上でWebサイトにまたがる機能がないと、ユーザーがハンドヘルドデバイスで閲覧する時間のほとんどが原因で、Webサイトがユーザーに到達することはありません。

解決：

レスポンシブWebサイトは、すべてのデバイスでのパン、サイズ変更、スクロールを最小限に抑えて、最適な表示とインタラクティブなエクスペリエンスを提供できるサイトを作成するためのWebデザインへのアプローチです。

コントラストに明るい色合いを使用する

公式には黒であるのとは対照的に、暗いものを表示する必要がある場合はどうなりますか。あなたは私のポイントを取得しますか？説明させてください。テキストに暗いフォントを使用し、それを暗い背景に設定すると、ユーザーは完全に失明します。パラレルスペクトルのフォントとコントラストは、読むのに障害を引き起こすだけでなく、顧客に対する選択の悪さの感覚を反映するため、絶対に選択しないでください。

解決：

コントラストとして明るい色合いを使用できます。私自身、多くのトップランクのウェブサイトで見ました。彼らは、背景として黄色、淡い白、雲の白、さらには明るいオレンジなどの明るい色合いを巧みに使用しています。

テキストと画像

Webサイトは、マルチメディアと同じくらいテキスト中心である必要があります。ユーザーは、テキストによる説明に頼って製品を想像することはできません。目は、書面による文書よりも画像の視覚的な詳細をはるかに信頼しますが、書面による詳細がないと、画像は意図したとおりに話すことができません。 UXの他に、テキストはSEO技術によるマーケティングに関しても多くの重要性を持っています。

解決：

タイポグラフィ、色、サイズが大多数の心理的魅力に合うように最適化されていることを確認する必要があります。同様に、使用する画像は、理想的な表示体験のためにズーム機能を備えたHDである必要があります。

色の選択

人間の目は約1,000万色を検出できますが、それはWebサイトの色を選択してフォントに追加できるという意味ではありません。多くの色は単純に共存できないため、色は慎重に選択する必要があります。濃い青を黒の背景と区別できないのと同じように、オレンジの背景に対してネオングリーンをスパムすることはできません。

解決：

現時点でどの色がトレンドになっているのかはわかりませんが、アクションボタンの呼び出しに緑、負の間隔に白、ほとんどのフォントに黒を適切に使用することは、すべてのWebサイトに組み込まれている安全な方法です。あなたはいつでも芸術的なタッチを与えることができますが、上記の基本的なルールに従うことによって。

召喚状

これを私たちの日常生活の例で説明しましょう。カジュアルな日に露店から商品を購入するとき、商品を見ずに屋台に近づく理由は何ですか。これは、ほとんどのベンダーが関心のあるポイントを組み込むことによって購入者を引き付けるために使用する聖歌です。同様に、「Call to Actions」を正しく使用した場合にのみ、ストアは購入者を引き付けるのに十分です。

ソリューション：

「召喚状」は、視聴者に特定のアクションの実行を即座に促すトリガーです。魅力的なフレーズやステートメントを素敵なボタンで使用することで、非常に優れた行動を促すことができます。

モバイルデバイスのタッチ機能

これは、取り組まなければならない最も厄介な要素の1つであり、最悪の部分は、サイト所有者が無差別にそれを行っているため、インターネット全体に存在することです。設定がモバイルユーザーのタッチターゲットである場合、神の愛のために、ユーザーがそれと対話するためのスペースを残してください。オンラインストアで野球帽を購入しようとしたときのことを覚えていますが、親指で「チェックアウト」ボタンにたどり着くたびに「評価」ボタンを押すしかありませんでした。これはユーザーを苛立たせるだけでなく、ウェブサイトからののしりを彼に送ります。

解決：

他のユーザーは私ほど辛抱強くないので、自分のWebサイトに閉じ込められる前に、Webサイトの他のタッチターゲットの横に適切な間隔でボタンを配置するようにデザイナーに依頼してください。そうしないと、サブスクライバーやバイヤーを獲得できない可能性があります。問題を理解することさえできません。

結論

これらの悪名高い問題はすべて、多くの勤勉なWebサイトがUXの問題を引き起こし、最終的にWebサイトをインターネット上に浮かぶ幽霊船に不自由にする主な理由です。少しの努力を加え、いくつかの予防措置を講じるだけで、これらの問題が高額な大惨事に巻き込まれるのを防ぐことができます。これらの問題のそれぞれの解決策に注意を払えば、ユーザーと顧客に有望なエクスペリエンスを提供するだけでなく、検索エンジンのトップランクのクリッカーでWebサイトを向上させることができます。 UXに関しては、「カスタマーエクスペリエンスから始めて、テクノロジーに戻る必要があります」– SteveJobs 。