この記事では、視覚的なフィードバック、マイクロテキスト、空のスペースを同様に見ていきます。これらのささいなことが最初に目を引く要素と同じ意味を持っている理由と、製品の成功にどのように影響するかがわかります。
視覚的なフィードバック
設計の全体像を考慮すると、視覚的なフィードバックはしばしば忘れられますが、すべての要素を結び付けるのは彼です。 フィードバックがなければ、通常のユーザーインタラクションは不可能です。 あなたが人に話しかけていると想像してください。彼はまったく反応しません-会話がうまくいかないことは明らかです。 したがって、アプリケーションで。
ユーザーは、各アクションに対する何らかの反応をユーザーに提供する必要があります。そうすれば、ユーザーは状況をコントロールしていると感じるでしょう。 視覚的なフィードバック：
- ユーザーのアクションが成功したことを明確にします。
- この相互作用の結果を明確で理解可能な形式で報告します。 ユーザー（またはアプリケーション自体）がアクションを正常または失敗に完了したことを示すシグナルをユーザーに提供します。
ボタンやその他のコントロールを具体化する
物理的な現実では、ボタン、コントロールパネル、およびその他のオブジェクトは、それらと対話するときに何らかの反応を示しますが、これは通常の状態として認識されます。 ユーザーは、アプリケーションの設計要素から同じ応答性を期待しています。
操作結果
操作の結果をユーザーに通知する場合は、視覚的なフィードバックが不可欠です。 フィードバックを提供するには、既存の要素を使用できます。
システムは、そのステータスについてユーザーに通知する必要があります。
ユーザーはシステムの状態のコンテキストに遅れないようにしたいので、アプリケーションは推測させるべきではありません。適切なタイプの視覚的なフィードバックの助けを借りて、何が起こっているのかを説明する必要があります。 頻繁に繰り返される小さなアクションの場合、抑制された反応を与えることができますが、まれで重要なアクションには、より実質的なものが必要です。
- アニメーションアラートは、ユーザーが現在のステータスをすばやく理解するのに役立ちます。
- アニメーションをロードすると、プロセスのステータスがリアルタイムで表示され、ユーザーは何が起こっているかをすばやくナビゲートできます。
マイクロテキスト
マイクロテキストはすべて、アプリケーションで作業するときにユーザーをガイドする短いテキストです。 例には、エラーメッセージ、ボタンラベル、およびプロンプトが含まれます。 一見したところ、これらの小さな文の断片は、アプリケーション全体の設計の背景に対して取るに足らないように見えます。 しかし、それらは変換に驚くほど大きな影響を及ぼします。
適切なマイクロテキストを書くことは、アプリケーションの正しい動作とシンプルで効果的なインターフェースを確保することと同じくらい重要です。
あなたが人間であることを示す
インターフェイスに心遣いを与え、「機械的」にならないようにする良い方法は、ユーザーに人間的に話すことです。 テキストが普通の人によって書かれたように聞こえる場合、ユーザーはあなたに自信を持ちやすくなります。
テキストは、失敗した場合に励まし、助けるべきです
エラーを正確に報告することは、ユーザーエクスペリエンスの決定的な瞬間になる可能性があります。 これについてはほとんど考えられていませんが、誤って定式化されたエラーメッセージは、読者を自分から引き離すことがあります。
それどころか、賢明にコンパイルされたエラーメッセージは、いらいらさせるのではなく、喜びを引き起こす可能性があります。 したがって、メッセージのテキストが人間のものであり、ターゲットオーディエンスが喜ぶようなトーンで聞こえるようにしてください。
ユーザーの懸念を開発する
マイクロテキストはコンテキストと密接に関連しています。 これがまさに彼らの価値です。 彼らはユーザーのために生じた特定の質問に答え、すぐに彼の問題を解決します。 たとえば、マイクロテキストは、ユーザーに個人情報の購読または提供を促すことができます。 優れたマーケティング担当者にとっては、「ユーザーが電子メールを残した場合にスパムを送信しない」、「ソーシャルネットワークでアカウントへのアクセスを許可する場合は自動的にツイートを投稿しない」などが当たり前と見なされますが、ユーザーはこれを確認できません。 したがって、メールアドレスとページへのアクセスをリクエストするとき、あなたもスパムを嫌うことを彼に保証するために怠tooにならないでください。
空き容量
空きスペースまたは空きスペース-これらは、要素が配置されていないデザインの領域です。 画像、フィールド、文字とテキストの行の間のスペースで構成されます。 多くの人はそれを貴重な画面スペースの無駄だと考えていますが、それ自体がインターフェースの重要な要素です。
インターフェイスをより透明にする
画面を散らかすことは悪い考えです。 そのため、ユーザーを情報で過負荷にします。ボタン、画像、テキスト行を追加するたびに、インターフェイスが複雑になります。 画面の一部を意図的に空白のままにしてはならないように思える場合は、以下の例を見てください。非常に多くのオブジェクトが注意を引き付けようとしたときの感触をすぐに実感できます。
空の空間の力は、人間の記憶と注意が無限ではないという事実に由来しています。 私たちの短期記憶は、更新されたすぐに使用できる非常に少量の情報（約7要素以下）をかなり短い期間（10〜15秒）保持することができます。
ユーザーの注意は貴重なリソースであり、非常に慎重に費やす必要があります。
要素で飽和状態になっているインターフェイスがユーザーに多くの情報を提供している場合、それらの一部を削除すると理解しやすくなります。 大量の空きスペースは、最もだらしないデザインにもシンプルで心地よい外観を与えます。 空き領域が多いほど、要素が少なくなり、それに応じて、ユーザーが要素をすばやく見やすくなります。 空のスペースを使用する技術は、ユーザーが処理可能な限り多くの情報（ブロック単位）を提供し、その後、不要な詳細をすべて削除することです。
要素に注意を引く
空きスペースは要素の周りに空のゾーンを形成し、それらを際立たせ、他のオブジェクトから区切るのに役立ちます。 これは、どれが重要で特別な注意が必要かをユーザーに伝える良い方法です。
空き領域が多いほど、フォーカスが向上します。
Googleホームページは、空白を活用する良い例です。 このデザインは、ユーザーが目標をすばやく達成するのに役立ちます。メイン要素（検索バー）は中央に配置され、注意を引くために多くの空きスペースが残されています。
接続を明確にする
親密さの法則は、私たちの目が視覚的要素の間をどのように結びつけるかを説明しています。 彼は、互いに近くにあるオブジェクトは私たちに似ていると主張します。 空きスペースを使用して、要素間の接続を構築できます。 下の写真を見てください。ほとんどの人が16ポイントではなく、8グループの2つのグループを見ることができます。
情報をテーマ別のグループに分けると、目を通り抜けて知覚しやすくなります。 右側では、フォーム上の15のフィールドが3つのブロックにグループ化されているため、記入プロセスが簡単に見えます。 コンテンツの量は同じままですが、ユーザーにはまったく異なる印象を与えます。
おわりに
デザインには敬意が必要です。 ユーザーエクスペリエンスはすべての詳細の調和のとれた組み合わせで構成されているため、アプリケーションのインターフェイスの小さなものはすべて細心の注意を払う必要があります。
「詳細は単なる詳細ではありません。 これらのうち、設計は構成されています。」 -チャールズ・イームズ