ユーザーインターフェイスの指示を書く
ネットワーク上の人の行動は、主に目的によって決まります。 買い物をするか、レシピを見つけるか、何か他の方法を学ぶかどうか、人々は目標を持っています。 たとえば、クリックするボタンを描画する場合（オンラインストアを閲覧中にバスケットに位置を追加する）、ボタンを影にします。 ボタンの「隆起」の効果は判明し、これはサイト訪問者がこれがボタンであり、クリック可能であり、これがまさに彼が必要とするものであることを理解するのに役立ちます。
このようなグラフィックの詳細に加えて、ユーザーが次に何をすべきかをナビゲートして理解できるようにするための指示を頻繁に作成します。 これらの指示は、人々の注意を適切な場所に向け、特定の行動をとるよう促します。
メンタルモデル
命令の設計と記述は、ユーザーインターフェイス（UI）設計の一部であり、コピーライティングと設計スキルを含む科学と芸術の両方であり、人々がメンタルモデルを使用する方法を理解することでもあります。
メンタルモデルは、物事がどのように機能するかを個人が意識的に表したものです。 これは、行動の原因とその結果の広範な概念です。 これらのモデルは新しい状況に適用されるため、すべてをゼロから学習する必要はありません。 これにより、新しいものをより効率的に理解できます。
経験を積むことで、ユーザーはメンタルモデルを開発し、さまざまなサイトがどのように機能するかを確認します。 彼らはオンラインストアのウェブサイトであらゆる種類の行動を研究し、将来の行動を写真サイトと比較します。 これは、人々がそのようなサイトのステレオタイプまたはメンタルモデルを使用して、次のサイトにアクセスしたときの経験に基づいて実行可能なアクションを推測することを意味します。
これは、UIの指示が非常に重要である主な理由の1つです。 人々はまた、彼らの精神パターンが不正確または間違っていたときに否定的な経験をします。 そのような場合は、悪い感情、間違い、目標を達成することができなくなります。 動揺した訪問者は、使いやすい別のサイトにアクセスする場合があります。
わかりやすく、審美的に設計された指示を提供することにより、このような場合を防ぐことができます。 メンタルモデルが不正確であったり誤っていたりしても、適切な指示があれば訪問者をサイトに誘導します。
UIの手順を記述するためのガイドラインを次に示します
1.オーディエンスを知る
あなたの聴衆の特殊性を知っているとき、どの言葉がどのように最もよく表されるか想像できます。 訪問者が同質のグループであれば、目標を達成するために推奨事項が必要になると想定できます。
上記の例をご覧ください。 CAPTCHAフォームのユーモラスな指示は、経験豊富で経験豊富な訪問者のみが理解できます。 経験の浅いコンピューターユーザーや英語が十分に話せない人は、「あなたが人であることを確認する」とは、フィールドに英数字を入力することを意味することを知りません。
2.バランス
バランスを見つけることは常に問題です。 UIの指示を作成する場合、ユーザーが何をすべきかを理解できるようにエッセンスを十分に詳細に記述する必要がありますが、これらの指示を理解して読むことが難しくなるほど詳細には記述しません。 一度に、人々は非常に少量の情報を知覚することができます。
指示は、訪問者がタスクを迅速かつ効率的に完了するのに役立つ、シンプルでアクセス可能な言語で書かれていることが最適です。 可能な限り短い文章を使用するようにしてください。 たとえば、この文は簡単に2つに分けることができます。「カートに追加」ボタンをクリックしてから、画面上部の「削除」ボタンをクリックします。
3.不要な情報を削除する
この段落は段落2に匹敵しますが、書かれたテキストを編集する方がほとんど常に優れています。 完成したテキストから余分なものを削除する方が簡単です。 最後に、テキストを少し違った見方をします。 上記の例では、単語数が少なくても命令はより効果的です。 不要な情報が多すぎます。
4.最も効果的で正確な単語を選択する
エッセンスを最も正確に表現するタスクには、意味が似ている単語間の細い線が含まれています。 ユーザビリティ調査では、人々は読書ではなくページを閲覧していることが示されています。 したがって、フレーズは、一見してアクションに関する関連付けが発生するように定式化する必要があります。 一部の人々はページをざっと読み、ほとんど注意を払っていません。
本質をより正確に説明する言葉を使用してください。 「日付の選択」は問題ありませんが、「日付のクリック」はアクションを説明するより正確な表現です。 ダブルネガを避けてください。 また、一部の人々が理解できない専門用語や、産業の略語、技術用語などを使用しないでください。
単語の正確さを選択する例として、このメニューを見ると、「探索」と「表示」の違いがわかりますか？
5.有効な声で書く
有効な声は、人々が行動を起こすことを促します。 それどころか、受動態は読者があくびをするという事実にのみ貢献します。 これらのオファーを比較してください：
有効な資料：「雑誌のリンクをクリックして記事を見つけてください。」
受動的な声：「記事を見つけるには、「雑誌」リンクをクリックする必要があります。」
6.美的部分
UI命令の設計が問題になる場合があります。 指示がグラフィカルに描画される場所と、プレーンテキストのように見える場所を決定する必要があります。 指示はユーザーが気付くべきであると言われていましたが、同時に、ページを過負荷にせず、構造を壊さないように目立つものであってはなりません。 設計要素として、指示はサイトの一般的なスタイル、特に個々の要素と組み合わせる必要があります。 結論：サイトの初期設計中に、UI命令を含むブロックなどの要素を計画に含めます。
7.行の所有権を指定します。
メッセージが1行に収まらないが、2行以上を占める場合、ユーザーが読んで、メッセージの終わりと2番目のメッセージの始まりを判断しないことが重要です。 関連する文章間の垂直間隔は、通常の知覚を妨げないように十分に大きくする必要がありますが、同時に、これらの文章が接続されているかどうか混乱が生じるほど大きくはありません。 命令が複数のステップで構成されている場合-間隔を守ってください。 指示が複雑な場合は、段落に番号を付けます。
8.最も読みやすいフォントを選択します
フォントについて慎重に検討してください。 サイトの全体的なデザインと一致するように見えるものを使用してください。 フォントサイズに関して-命令のテキストは、すべての年齢の人々によって理解されるべきです。 この場合、ユーザーは必要に応じてテキストを拡大できないため、画像形式のテキスト指示を使用しないでください。
9.より収益性の高い画像を使用します。
はい 言葉で何かを説明することはほとんど不可能です。 この点で画像が役立ちます。 たとえば、雑誌ラベルでアカウント番号を見つける方法。
10.直接連絡する
マニュアル自体でユーザーに個人的な魅力を追加してもかまいません。 これは、ユーザーが肯定的な感情を得るのに役立ち、笑顔を引き起こします。 主なことは、メッセージにサブテキストが含まれていないことを確認することであり、異なる解釈はできません。 この例では、メッセージはユーザーを少し安心させるかもしれません。 このメッセージを読んだ後は、パスワードが見つかった場所にパスワードを保存することができず、不機嫌に感じることはありません。
11.指示を利用可能にする
人々に小さな活字を読むための指示を読む機会を与えること、および/またはPDAまたは電話を使用する人々に与えることは非常に重要です。
指示を書くときのアクセシビリティのいくつかの基本原則は次のとおりです。 フォントサイズを大きくすることはできません（段落8）。 テキストに代替のグラフィックコンテンツを提供します。 簡単に見えるように、指示テキストを背景から明確に分離します。 さらに、リンクには意味を伝えるテキストを含める必要があります。 たとえば、「フォームの使用方法」リンクは「ここをクリック」よりも優れています。
12.指示を確認してください
これがあなたのプロジェクトであることは言うまでもなく、オフィスの外のさまざまな職業の人々に指示を確認してください。 手順に記載されているさまざまなタスクを実行する1人以上の人のアクションを観察します。 ユーザーが指示の助けに頼るすべての困難に注意してください。 ユーザーが問題なくタスクを完了するまで、チェックを繰り返します。
効果的なUI命令を記述するのにどれだけの時間と労力がかかるかに驚くかもしれません。 ただし、これはUIを成功させる上で最も価値のある手順の1つかもしれません。 指示がシンプルで適切に認識されているため、次のように、肯定的なフィードバックで膨大なユーザーサポートを得ることができます。 あなたはそれらを気にします。