ユーザーの参加を促す4つのUXデザイン技法

ユーザーがWebサイトを使い続けて使用することを奨励することに、常に細いコードやきれいなグラフィックが含まれるわけではありません。 Redditのような最も単純なレイアウトの中には、ユーザーがコンテンツに夢中になっていることや、サイトとやり取りすることに興奮していることのあるものがあります.

その秘密はユーザーエクスペリエンスにあり、 の考察 どうやって ウェブサイト機能. 相互作用は、あるページから次のページに移動するページ要素とアクションフローから発生します。.

この記事では、いくつか見てみましょう UXデザイン技法 に適用することができます ユーザーエクスペリエンスの向上とユーザーエンゲージメントの向上. これらは必ずしもすべてのWebサイトに適用できるわけではないので、これらのテクニックが機能する理由を理解することが重要です。.

ユーザーエクスペリエンスのテーマは膨大であり、完全に理解するには忍耐力が必要です。しかし、練習すればするほど理解しやすくなります

あなたができる最善のことはそれです あなたが好きなウェブサイトで遊ぼう そして見つけ出す 何が好き それらについて。あなたの経験から、あなたは一貫したアイデアを推定し、何があなたを（そしておそらく他の人も）ウェブサイトに従事させ続けるのかを理解することができます。.

1.コントラストを使って注意を引く

すべてのサイトは、ユーザーとの対話のために作られた一握りの要素で構築されています。ハイパーリンク、ボタン、入力フィールド、サイドバーウィジェット、リストは延々と続く. しかし、すべての要素が同じように作成されるべきではありません. 当然のことながら訪問者の関与にとってより重要なものもあります。 より高いコントラスト ページ上の他の要素から目立つようにする.

このアイデアは、高い色のコントラストと、人間が視覚的なデータをパターンで処理する方法から生じています。色、大きさ、形、空白など、周囲から何かが際立っている場合は、 文脈に基づいてより重要に見える.

コントラストを使用して、訪問者を特定の仕事に巻き込む特定のページ要素に注意を向けます。あなたの目標がより多くのニュースレターの申し込みを構築することであるならば、あなたの申し込みボックスは明るいアニメーション申し込みボタンまたはユニークなベクトルアイコンを持っているかもしれません.

目標は、訪問者が何らかの望ましい行動を取るように誘導するインターフェースを構築することによって注意を引くことです。.

時間がある場合は、いくつかのA / Bケーススタディを実行して、どの色/要素が最もうまく機能するかを確認することをお勧めします。統計を特定するのは困難ですが、単純な分割テストからどれだけの情報が得られるかに驚くでしょう。.

2.上品なUI / UXアニメーション

私は最近、DisneyがInterface Animationについて知っていることと題する記事につまずいた。それはアニメーションの重要なポイントとそれらが平らな2Dスクリーンと対話するユーザーの心理にどのように演じるかをカバーします.

アニメーションの種類が異なると、特定の動作が発生する可能性があります。たとえば、ボタンの上にカーソルを置くと、クリック可能であることを示すために跳ね上がることがあります。ユーザーから注意を引くためにエラーメッセージが頻繁に揺れる.

覚えている UXアニメーションはまだ見えているはずです. ワイルドなトップアニメーションは、インターフェイスよりもテレビや映画に適しています。.

しかし、それはあなたのインターフェースがフラットのままであるべきだという意味ではありません。実際、ほとんどのユーザーは むしろ それはより滑らかな経験の錯覚を与えるので、ある種のアニメーションを持っています。デジタルデザインは部分的に約 幻想的なインターフェイスを作成する, しかし より現実的 表示されるほど、ユーザーはもっと対話したいと思うでしょう。.

要件としてのレスポンシブデザイン

インターネットユーザーの大部分が携帯電話から閲覧していると言っても過言ではありません。 FacebookやTwitterなどのソーシャルサイトに共有されるリンクは、スマートフォンやタブレット端末でアクセスされることがよくあります。.

これは、すべてのWebサイトを何らかの方法でモバイル用に最適化する必要があることを意味します - できれば完全にレスポンシブなデザインで.

あなたが〜とき 画面サイズを考慮せざるを得ない, それ まったく新しい光の中で重要な機能を配置する. デザイナーとして、あなたはどの機能が最も重要であり、それらがどのように小さいスクリーンに現れるべきかを選択する必要があります。このレスポンシブデザイン戦略は学ぶのに時間がかかりますが、最良の方法は他のウェブサイトを研究してあなたが好きな技術を選ぶことです.

真実は レスポンシブデザイン作品 そしてそれは年を経るごとにデザインコミュニティによってより受け入れられるようになっています.

また、ユーザーはWebサイトが完全にレスポンシブであることを期待しているため、あらゆるデバイス画面に対応できます。サイトがモバイルWebブラウザにうまく収まらない場合は、ユーザーエクスペリエンスに不快感を与える可能性があります。.

4.対話プロセスを単純化する

Smashing Magazineは最近、私がを支持して読んだ中で最高の記事の1つを発表しました インターフェース設計の簡素化. 誰もあなたのウェブサイトやアプリケーションを使用するためにフープを飛び越えたくないと述べています。人々はに興味があるだけです 最終結果, そしてその 最速とはそこに着くことを意味する.

ワイヤーフレームをスケッチするときはいつでも、インタラクティブなページ要素ごとにUXフローチャートを作成するのが好きです。これらはサイトがどのように見えるべきか視覚的に想像するのに役立ちます そして 関数.

しかし実際には、経験をどのように計画するかは重要ではありません。計画していることを確認してください 可能な限り最速かつ最も簡単な経験. 活動を促進することになると、あなたは重要なものがあることを望みます。 デザインによって暗示される.

誰かがあなたのWebアプリケーションにアクセスし、すぐに登録する方法を理解していない場合、それは大きな問題です。. 明らかに明白なはずです あなたのサイトが何をしているのか、そしてそれらがどのように離れているのかをユーザーに.

開始するのに最適な場所は、UXデザインとユーザーがインターフェイスをどのように対話するかのプロセスを調査することです。そこから、あなた自身のプロジェクトに関連した結論を引き出すことができ、理想的にはあなたのインターフェースをそれらの最大の可能性に単純化することができます。.

のトピックに関する関連読書 ユーザーアクティビティ, これらの記事をチェックしてください。

Webデザイン規約を破る=ユーザーエクスペリエンスを破る
Smashing Magazineのユーザビリティとユーザエクスペリエンスのアーカイブ
ユーザインタラクションを引き付けるWebデザインコンセプト

要約

ユーザビリティを向上させるためにWebサイトを設計（または修正）する方法についての唯一の答えはありません。はい、できることはいくつかありますが、各サイトは少し異なり、UXデザインの研究は非常に複雑です。.

この記事を読んで、非常に使いやすいインターフェースを構築するためのいくつかの一般的な手法について考え始めることができると思います。あなたができる最善のことは、典型的なユーザの立場に身を置き、インターフェイスの大きな欠陥を突き止めることです。問題を認識したら、すでに解決策の途中です。!