web-dev-qa-db-ja.com

ボタンラベルのベストプラクティスは何ですか?

アプリボタンにラベルを付けるときのベストプラクティスは何ですか?

たとえば、ユーザーに製品レポートページにリンクするボタンがありますが、ボタンには「製品レポートの表示」と表示されるのですか、それとも単に「製品レポート」と表示されるのですか?

11
Mico

Einsteinを少し適用するには、すべてのラベルをできるだけ単純にする必要がありますが、単純にする必要はありません。不必要に長いラベルは、読み取りに時間がかかり、ユーザーの時間を浪費します。私の印象(少しのアイトラッキングデータに基づく)は、ラベルが長いほど、ユーザーがコマンドを探すときに最適な採餌理論に従っているかのように、ユーザーがラベルを読む可能性が低くなるというものです。長くてわかりやすいラベルを付けると、逆説的に正しいコマンドを識別しにくくなります。

では、「プロジェクトレポートの表示」または「プロジェクトレポート」という質問に答えてください。今みんな一緒に:それは異なります。

製品のユーザーエクスペリエンス

まず、それは各ユーザーの使用頻度に依存します。 1回限りのWebサイトでは、ユーザーがその場で学習するため、通常はより説明的なラベルが必要です。定期的に使用するアプリの場合、ユーザーはコマンドを認識するだけでよいので、ラベルが明確である限り、ラベルを短くすることができます。

単語の値

ユーザーが採餌を最適化できるようにするには、ラベル内の各Wordに高い情報価値が必要です。 「表示」は通常、情報の価値が低くなります。これは、主にデザイナーが厳密に表示するだけではなく、もっと広い意味を持つためです。ユーザーは、このコマンドを選択してプロジェクトレポートを表示するだけでなく、レポートを解釈して評価します。プロジェクトレポートウィンドウ/ページでこれらのアクションがサポートされている場合、レポートを印刷、送信、コピー、アーカイブ、および評価できます。他の低い値の単語は、「取得」と「管理」です。

さらに悪いことに、ユーザーは無意識のうちに「表示」のような単語を文字通りに解釈する可能性があります。プロジェクトレポートの送信を検討しているユーザーは、プロジェクトレポートの送信を考えているため、[プロジェクトレポートの表示]をクリックすることを考えないでしょう。ラベルが単にプロジェクトレポートである場合は、ユーザーの検索画像とより一致します。

一方、たとえば、分析(アプリの他の場所で行われます)とは異なり、本当にビューのみを意味する場合は、ラベルに「ビュー」を保持します。

周囲のコントロール

採餌をさらにサポートするには、ラベル内の最初の単語が理想的には最高の情報値を持つ必要があります。これにより、ユーザーは最初は一目でコマンドを確実に追跡または拒否できます。したがって、他のコマンドが「プロジェクトレポートの編集」、「プロジェクトレポートの削除」、「プロジェクトレポートの送信」である場合は、プロジェクトレポートの表示で問題ありません。一方、他のコマンドが[在庫状況の表示]、[出荷確認の表示]、および[人事評価の表示]の場合は、ビューを削除する必要があります。

ページ/ウィンドウ/メニューの構成とラベル

コンテキストの適切なレイアウトとラベル付けも、ユーザーが読む必要がある単語の総数を減らすことができます。たとえば、コマンドが「プロジェクトレポートの編集」、「プロジェクトレポートの削除」、および「プロジェクトレポートの送信」である場合、「プロジェクトレポート」というラベルの付いたフレームが必要で、内部に表示、編集、削除、送信のコントロールがあります。 [在庫レポートの表示]、[配送レポートの表示]、および[人事レポートの表示]の場合は、プロジェクト、在庫、配送、人員を囲む[レポートの表示]フレームです。

製品開発段階

ユーザビリティテストでは、過剰なテキスト(少し長いハンティング)の影響を検出するよりも、不適切なテキスト(ユーザーが動けなくなったり失われたりする)の影響を検出する方が簡単です。したがって、プロトタイプには十分であると判断した最短のラベルを付ける必要があり、テストが必要であることが示された場合にのみ単語を追加する必要があります。

ユーザビリティテストを行う場合は、「ビュー」を省略してみてください。ただし、ユーザーの混乱の兆候が見られた場合は、すぐに追加してください。

コントロールの選択

最後に、使用するコントロールは、長いラベルを不要にする情報を提供できます。ユーザーは、リンクによって(ボードの意味で)一部のコンテンツを表示できることを理解しています。プロジェクトレポートがある場合 ボタンではなくリンク であれば、「表示」は必要ありません。実際にコンテンツを操作し、削除や送信などのアクティブなラベルを持つ特定のアクションのボタンを制限します。

コマンドのラベル付けの詳細については、私の回答を参照してください メニュー項目に名前を付けるための適切なルールは何ですか? 実際、全員の回答を参照してください。

18

できるだけ明確で明確にしてください。 「製品レポートの表示」は、「製品レポート」よりもはるかに明確であるため、多くのことを意味します。一般に、UIで明確で簡潔な言語を使用することは、UXの世界で「プログラマーの思考」と呼ばれることよりも望ましいです。これは、UIラベルが実際にモデル名のように聞こえる場合に起こります。

UXにはすでにいくつかの ボタンとラベルについての質問と回答 があります。

1
Rahul

>製品レポート<の問題は、ボタンをクリックしたときに正確に何が起こるかです。このボタンは、作成、表示、またはその他のアクションに関するものですか?与えられた「ビュー」はそのような短い単語であり、それを追加するのに害を与えない明確さを追加します。これは、このボタンが他のボタンがあったシステムの他の部分に追加された場合にも役立ちます。ラベルを変更する必要はありません。ユーザーは、>製品レポートを表示<すると、常に同じページに移動したり、同じことを行ったりすることを知っています。 UIを設計する場合、一貫性は非常に重要です。同じアクションに異なるラベルの付いた異なるボタンがあるとラベルを付けると混乱します。

1
mP.