すべてのWebデザイナーが生きるべき10のUXルール

公開: 2017-03-02

世界で最も驚異的なデザインを作成することができ、使いやすさを満たさなければ成功しません。

つまようじから民間旅客機まで、すべてが機能して販売するためのユーザビリティを必要とします。さもないと、そのデザインは運命づけられます。 同様に、Webの世界では、UXと呼ばれる用語は、Webサイトが使用されて評価されるときに使用されるようになります。

UXは、WebユーザーがWebサイトを閲覧し、その要素や機能を操作するときに取得するユーザーエクスペリエンスの略です。 経験が途切れ途切れで、求められていない場合、ウェブサイトは誰も気にしないインターネット上にゴミを浮かべることによって何もありません。 UXは、ウェブサイトを使用または販売できるかどうかを片手で判断できるため、デザイナーにとってそれを重要視することが不可欠です。 この記事では、Webサイトを完成の最終段階に進める前に、すべてのWebデザイナーが知っておく必要のあるユーザビリティに関する10の基本的なルールを共有します。

1.UIとUXを間違えないでください

UXとUIの間に細い線が引かれています。 違いを知っていても、クライアントからどこかで聞こえるかもしれませんが、その時が来たら、可能な限り最良の言葉で違いを説明できなければなりません。 ユーザーインターフェイスは実際のシステムとして定義され、ユーザーエクスペリエンスはシステムと対話した後の感情的な結果として定義されます。

Microsoft WindowsはUIであり、使用後の感情的な満足感はUXです。 2つの用語を混同すると、自分の仕事に損害を与えるだけでなく、まったく自分の仕事ではない何かであなたに負担をかける可能性があります。

優れたデザイナーは、違いを知っているだけでなく、自分の作品を発表するピッチを提案するときに、クライアントにそれを説明することができます。

2.UXは単なるWebサイトエクスペリエンス以上のものです

Webデザインは、目に見えるもの以上のものです。 視覚的な詳細から始まり、使用する製品、訪問する場所にはすべて、UXが書かれています。 ゴミの多い車を運転するのは悪い経験ですが、満員の箱を簡単に開けるのは良い経験です。 オフラインUXマーケティングは別のドレスのように見えるかもしれませんが、元々は同じ布からカットされています。 それは完全に同じではなく、いくつかの例で正当化することはできませんが、物質的および非物質的なプラットフォームでのUXの経験は、脳内で同じホルモンを生成します。 たとえば、人間が左から右に情報を優先し、左側の要素が占める垂直方向のスペースが少なく、視覚的な重みが等しいことを誰かが発見しました。

2000年の間に、傾向は変化し始め、WebデザイナーはWebページの左側のパネルにナビゲーションバーを配置し始めました。 これにより、ユーザーはコンテンツをより速く、より良くスキャンできると同時に、Webサイトのコンテンツへの露出を増やすことができました。 ウェブデザイナーとして、両方の媒体に足を踏み入れることで、心をクロストレーニングし、知識を広げて、より活気のある視点からプロジェクトを評価および作成することができます。

3.芸術と科学は帰る

UXに関しては、芸術と科学は密接に関係しています。 それらの結合について洗練された理解を持つことは、特に設計プロセス中に不可欠です。 科学的には、設計者がロードマップを作成し、理論的な解決策で問題に取り組む必要がある問題解決シナリオがあります。 たとえば、ウェブサイトの売り上げは大幅に減少しています。 設計者は、Webサイトを更新し、テストしてトラブルシューティングすることを提案します。これにより、ソリューションが形成されます。 ここにアートが登場します。

ソリューションでは、色、書体、レイアウト、テキスト、ビジュアルコンテンツなどのすべての側面と要素が提案され、そのWebサイトが美的にも機能的にも魅力的なものになります。 それがユーザーからの望ましい感情的な反応をなんとか呼び出すことができるまで、それはより多くのテストにかけられます。 科学的な実装を介したこの外向きの行動のチャネリングは、アートとサイエンスを奇妙で強力なカップルにしているものです。

4.問題解決のために目標主導型アプローチを使用する

デザイナーが自分の本で物事を実行したいクライアントに対処することは周知の事実です。 これは、クライアントが気づいていない多くのことをデザイナーだけが知っているので、どこにも通じない迷路を作成します。 同様に、他の方法もテーブルにあり、うまくいく可能性がある一方で、設計者は自分のやり方で物事を行うことに傾倒することがあります。

UXリッチなウェブデザインをデザインするとき、そのようにひたむきなアプローチを維持することは決して健康的ではありません。 優れたUXは、利用可能な最良のソリューションに焦点を当てた目標主導型のアプローチからのみ達成できます。 たとえば、クライアントは、顧客の声のリンクをページの上部に移動して、露出を増やし、トラフィックを増やすことを望んでいます。 ただし、問題はリンクの配置にあるのではなく、トラフィックを引き付けることができないため、ロケーションリンク自体にあります。 したがって、リンクを新しい場所に移動する代わりに、リンクをその場所でより見やすくすることで、リンクを修正することもできます。 どちらの解決策も問題を解決するために使用でき、オプションを開いたままにしておく必要があります。 これは、目標駆動型設計と呼ばれます。

5.UXを通じてブランドアイデンティティを公開する

ブランドアイデンティティは、優れたUXの構築の背後にある主要な目的の1つです。 UXがユーザーを満足させることにそのマークを付けるならば、それはこの経験を可能にしたブランドに向けて多くを反映するでしょう。 クライアントの好みに合った外観を作成することに気を取られないことが重要です。 ユーザーエクスペリエンスを魅力的なものにするだけでなく、ブランドが成功するために行った投資の詳細も示す、機能と機能の適切な組み合わせを示す必要がある優れたデザイン。 これにより、ユーザーがWebサイトに再度アクセスするかどうかが決まります。

クライアントの視点がデザインに浸透していることを確認するために、各動きについてクライアントに通知し、デザインに対応できる必要な変更を加えます。 また、クライアントエクスペリエンスを追加する際に全体像を検討して、ユーザーエクスペリエンスがプロセスに影響を与えないようにすることも重要です。

6.ユーザーの視点に沿ってUXを構築する

自分の想像力の犠牲になることはありません。 あなたはウェブサイトをデザインする際にいくらか創造的な自由を持っているので、それを乱用しないことが重要です。 この特定のケースでは、クライアントのガイドラインと好みが深く根付いていますが、ユーザーの視点を完全に忘れています。 デザイナーであるためには、クライアントとユーザーが望んでいることを達成することから想像力を逸らさないようにすることが重要です。 ユーザー主導の設計は、他のどのアプローチよりも優れたUXを生み出す可能性が最も高くなります。

あなたが正しい軌道に乗っていることを確認するために、あなたのデザインニッチのユーザーを調査し、あなたの特定のデザインにおける彼らのニーズと欲求について学びましょう。 起動する準備ができる前に、A / Bテストを使用して、デザインが要件を満たしているかどうかを確認します。 ユーザーのニーズは、最終的にはユーザーが使用するため、個人的な入力よりも重要であることを忘れないでください。

7.UXは心理学がすべてです

行動トリガーは、ユーザーからの感情的な反応を刺激する人間の心理学に基づいています。 優れたデザイナーは、ユーザーの考え方を定性的に評価し、コンテンツとの感情的なつながりを引き出すことができます。 これらの感情的なつながりは、Webデザインで活気のあるUXを生み出すために不可欠です。 通知を例にとってみましょう。 あなたはあなたがあなたの帰りにドアをバタンと閉めるウェブサイトからあなたを送る迷惑なポップアップ通知機能を経験したかもしれません。 部分的には顧客の利益のためであり、同時に小売業者のコンバージョンを確保しますが、顧客がWebサイトにアクセスした直後にそれを表示するのはひどい考えです。

自分がオフィスのピンポイントに到着し、息を吸ったり、温かいコーヒーを楽しんだりせずに雑用をするように命じられていると想像してみてください。 ここではタイミングが重要な要素です。 人間の精神を知っている場合は、画面の半分以上をカバーするポップアップから始めることは決してありません。 代わりに、訪問者がコンテンツをざっと読むのを待ってから、ピッチから始めることができます。 これにより、ユーザーは実際に時間を割くことができるため、同じ通知が両手を広げて受信されます。 UXは消費者の精神に大きく依存しているため、必要な場所に注意しながら、健康的な量の行動トリガーを統合する必要があります。

8.スクロールを通じて顧客をリードする

私に言わせれば、スクロールは魔法のように機能します。 情報を求めているユーザーをサイトの奥深くに送り、コンバージョンのチャンスを広げます。 おそらく、ほとんどの設計者がCTAをページの下部に配置し、スクロールが最後に到達するのはそのためです。

「一目ぼれ」のアプローチでさえ、スクロールを促進することができます。この場合、デザインではページの上部にCTAが表示されます。 スクロールキューを導入することで、このようなページを最適化できます。 スクロールの手がかりは、矢印のため息から魅力的なグラフィック要素までさまざまです。 たとえば、矢印を使用して次のコンテンツの方向を示すことができますが、グラフィック要素を使用すると、ユーザーが次のスライドを操作すると、そのスライドに直接移動できます。

9.使用を快適にする

あなたがあなたのコンテンツをインターネット上でライブにするとき、あなたはそれがあらゆる種類のバックグラウンドからの人々と会うことを期待しなければなりません。 誰もがあなたの意見をあなたが提案しようとしている方法で共有するわけではありません。 そのため、コンテンツは吸収可能である必要があります。そうすれば、ユーザーは、提供しているものを理解するために余分な労力を費やす必要がなくなります。 コンテンツが消化可能である場合、ユーザーはより速く変換します。

一度に一口ずつ与えます。 一度に提供できるすべてのものを表示すると、ユーザーの方向が狂うだけでなく、半分の絶望も反映されます。 デザインが通気性があり、吸収しやすいことを確認するには、要素の周りに十分な白い間隔を使用して、要素を区別しやすくします。 また、例と独自の説明を使用して、あらゆる種類の視聴者が理解できるコンテンツを作成します。 ビジネスマンとしてではなく、友達として自分を見せてください。

10.ページ要素を適切に最適化する

ページ要素は、Webデザインの不可欠な部分です。 それらはユーザーにとって不可欠な機能を実行し、UXで感情的な調和を維持します。 ただし、不要なページ要素を追加すると、Webサイトやユーザーにも危険が及ぶ可能性があります。

1つではなく複数のコマンドを使用するCTAなどのページ要素、ページの中央にある主題やテキストから目をそらすほど気を散らす画像で、顧客を誤解させます。 これらの要素を追加すると、読み込み速度が遅くなりますが、Webデザインの信頼性に無意味に影響します。 たとえば、HD画像は、Webページのラグファクトリーになる可能性があります。 彼らは多くの帯域幅を要求し、コンバージョンに適したウェブサイトの理想的な読み込み時間を奪います。 読み込みの遅いウェブサイトは、ウェブサイトのUXに必要な最後のものです。

最終的な考え

ウェブデザイナーとして、あなたはすべての要素、側面、アプローチを方程式に取り入れなければなりません。 あなたの目標は、クライアントを獲得するだけでなく、充実したUXを提供するデザインを作成する必要があります。 これらの10の基本的なルールを通じて、あらゆる角度からのユーザビリティに対応する理想的なWebデザインを作成します。