web-dev-qa-db-ja.com

メニューとボタンの3つのドット「...」の意味と、それらを正しく使用する方法を教えてください。

ドロップダウンメニューの項目のタイトルの後に3つのドットを追加することは、一般的な方法のようです(Google Chromeのドロップダウンメニューの画像で確認できます)。それらは一般的にそれをクリックした後に何かがあることを意味します。

Google chrome dropdown menu (french version)

これらのドットはアクションリンクおよびbuttonsのテキストにも表示されることがあります。

私はそれらの有用性と関連性について疑問に思っています...

あなたの意見では:

  • これらのドットによってどのような情報を伝える必要がありますか?
  • いつ、どのように使用すればよいですか?
  • それは本当にユーザーに関係があり、簡単に理解できますか?
79
Alex Fernandez

これらのドットは、省略記号と呼ばれ、常に追加オプションがあることを意味します。たとえば、「Print ...」と表示されている場合は、プリンターに送信される前に別のステップがあることを示しています。

Microsoft UXガイドライン から取得:

楕円を使用した設計概念

コマンドボタンは即時アクションに使用されますが、アクションを実行するにはさらに情報が必要になる場合があります。ボタンラベルの最後に省略記号を追加して、追加情報(確認を含む)が必要なコマンドを示します。

この例では、[印刷...]コマンドは[印刷]ダイアログボックスを表示して、詳細情報を収集します。

これとは対照的に、この例では、Printコマンドは、ユーザーの介入なしに、ドキュメントの単一のコピーをデフォルトのプリンターに印刷します。

楕円を適切に使用することは、ユーザーがアクションを実行する前にさらに選択したり、アクションを完全にキャンセルしたりできることを示すために重要です。 Ellipsisが提供する視覚的な手掛かりにより、ユーザーは恐れることなくソフトウェアを探索できます。

これは、アクションが別のウィンドウを表示するときは常に省略記号を使用する必要があるという意味ではありません。アクションを実行するために追加情報が必要な場合のみです。したがって、暗黙の動詞が「別のウィンドウを表示する」であるコマンドボタンは、[バージョン情報]、[詳細設定]、[ヘルプ](またはヘルプトピックにリンクする他のコマンド)、[オプション]、[プロパティ]、または[設定]などの省略記号を使用しません。 。

一般に、楕円はユーザーインターフェイスで不完全であることを示すために使用されます。他のウィンドウを表示するコマンドは不完全ではありません。それらは別のウィンドウを表示する必要があり、アクションを実行するために追加情報は必要ありません。このアプローチにより、楕円の価値がほとんどない状況での画面の乱雑さが解消されます。

93
Matt Rockwell

記事から: 矢印と省略記号アフォーダンスの使用方法

ボタンまたはメニューオプションが、アクションを完了する代わりにモーダルウィンドウを開くことがあります。 Ellipsisアフォーダンスは、これが起こることをユーザーに伝えます。英語では、作家は未完成の考えに楕円を使用します。ユーザーインターフェイスでは、デザイナーはボタンとメニューで省略記号を使用して、未完了のアクションを実行します。ユーザーはモーダルウィンドウでアクションを完了します。

7
Flyski