web-dev-qa-db-ja.com

フォームの[送信]ボタンが表示されていない場合に使用できない場合(ぼやけた入力の送信を除く)はありますか?

重複する要素のために限られた画面スペースを無駄にしたくないので、質問したいと思います。クライアントが入力の近くにある目に見えるSUBMIT/GO!/ OKボタンの表示を要求する状況を想像できますか?

  1. 物理キーボードを使用している場合、おそらくマウスに切り替えたくない場合は、画面上のボタンをポイントしてクリックします。
  2. タッチスクリーンでキーボードを使用する場合は、おそらく 暗黙的な送信 を実行するためのEnterキーがあるはずです。
  3. 音声コマンドを使用する場合は、キーに触れないようにする可能性があります。

JSを有効にしている場合は、送信イベントを必要なものに委任できます。ただし、JSが無効になっている場合でも、ユーザーには、個別の表示されるボタンを表示せずに 暗黙的な送信 を実行する方法が必要です。
私が想像できる唯一の使用例は、ぼやけた入力を送信したい場合、つまり焦点を絞らずに送信したい場合ですが、私の状況では、そのようなアクションを無効にしたいです。別のユースケースはありますか?

[〜#〜]編集[〜#〜]
コメントで述べたように、2次/追加機能はありません。 1つの機能、特に検索を開始します。たとえば、ブラウザにはURLバーの近くにそのようなボタンがありません。そして、私は明確にします:なしでユーザーができない(つまり、フォームを使用できない)場合の状況について尋ねています明示的で目に見える入力...

2

はい

その理由は、明示的な設計の方が暗黙的な設計よりも優れていることが多いためです

送信ボタンは、フォームを送信するだけではありません。これは、フォームがどのように機能するか、および単一の入力ボックスのようなマイクロワークフローがどのように機能するかをユーザーに伝えます。

ユーザー(特にコンシューマーアプリの場合)が Enter 送信は豪華なデザインであることを意味します。ほとんどのユーザーはこれを理解しますが、入力ボックスの横に明確な送信ボタンを置くことほどコミュニケーションが取れません。

一部のフォームでは、ボタンは call to action として二次機能を実行することもできます。 Send feedback ユーザーに行動を促すのに役立ちます。

4
tohster

OP:たとえば、ブラウザのURLバーの近くにそのようなボタンはありません。

同意しません。以下の4つの主要ブラウザのスクリーンショット。私の見たところ、3つのデスクトップブラウザーにはすべて、URLバーのすぐ下に大きな青色のボタンがあります。これで、ボタンではなくリストアイテムと呼ぶことができますが、これは、ユーザーがマウスでアクティブにすることができる、近くにある明確なクリック可能な大きな領域です。それはほとんどの人にとって「ボタン」を構成すると思います。

ボタンが青く色付けされていなくても、iOS Safariエクスペリエンスにも同じことが言えます:-)

私が書いたように here のように、ほとんどの主要なサイトには、google.comなどの検索フォームの送信ボタンが含まれています。ユーザーが自分のサイトをテストし、そのデータに基づいて決定を下したことを前提としています。

クロム:

enter image description here

Firefox:

enter image description here

縁:

enter image description here

iOS Safari:

enter image description here

0
bjornte

また、フォームに1つの送信ボタンを用意する必要はありませんが、これは標準ですが、さまざまな処理を実行するさまざまな送信ボタンを使用できます。その場合、ボタンなしで入力すると、意図が明確になりません。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
ThaSaleni