web-dev-qa-db-ja.com

ボタンへのフォーカスの実証:Mac OS Xウィンドウインターフェースアプローチ

私は先日Mac OS Sierraシステムを使用していて、このダイアログボックスに遭遇しました。

Shut Down Dialog Box

Macユーザーもこのダイアログボックスを何度も目にしたことがあると思います。

特に2つのボタンに注目してください。

Cancel and Shut Down

ご覧のとおり、[キャンセル]ボタン(通常はフォーカスを表します)に輪郭がありますが、[シャットダウン]ボタンは青色です。

直感的には、どちらのタイプの「フォーカス」も「Enter」キーを押すとトリガーされることを示しています。ただし、キーボードのスペースキーを押すと、[キャンセル]オプションが選択されます。ただし、Enterキーを押すと、「シャットダウン」オプションが選択されます。

この特定の相互作用をサポートするユーザビリティの原則はありますか? FWIW私はそれをかなり混乱させました。 Appleが1つのタイプのフォーカス(つまり、アウトラインまたは青色)を単に使用しないのではなく、両方を同じインターフェイス内に表示できるようにするのではなく、混乱を招く理由がわかりません。

6
Lucas

私はMacユーザーではありませんが、投稿であなたのコメントを参照しています:

ご覧のとおり、[キャンセル]ボタン(通常はフォーカスを表します)に輪郭がありますが、[シャットダウン]ボタンは青色です。

直感的には、どちらのタイプの「フォーカス」も「Enter」キーを押すとトリガーされることを示しています。

私はあなたに同意し、Appleはこの相互作用のタイプを再考する必要があると思います。

ユーザーが[シャットダウン]オプションを選択すると、 彼らは情報に基づいた決定を行いますユーザーが誤って[シャットダウン]オプションをクリックすることはほとんどありません-2つのアクションをアクティブ状態にして混乱させる必要はありません。

それでも、システムをシャットダウンしたい場合でも、マウスの使用を好まない可能性のあるKeyboard Usersを考えているかもしれません。そう space キャンセルして enter 続行することです。

ただし、多くのアプリケーションが space アクティブな要素でマウスイベントをトリガーするためのキー(期待/ポジティブアクション)。これを考えると、混乱しているように見えます。

ユーザーが space キーはシステムをシャットダウンしますか?結局のところ、それはメンタルモデルの問題でもあります。

1
DPS

実際、ここでは1つのボタンだけがフォーカスを表しています。もう1つはプライマリアクションボタン

アクションボタンに関しては、プライマリアクション、セカンダリアクション、ネガティブアクション、プレーンアクション、ステップなど、さまざまなタイプがあります。

ここでシャットダウンが主なアクションですが、本来はターミナルでもあるため、偶発的なクリックを回避するために他のオプションに焦点が当てられています。

重要な注意事項:UXの観点から、ボタンに焦点を合わせると別の色で表示されないはずです

ボタンのフォーカスは、画像に表示されるように色付きの枠線で表す必要があります。アクティブな状態またはクリックされた状態は、アクセントの変更、またはポジティブ/ネガティブボタンの場合は、色、状態、またはアニメーションの変更(オプション)で表す必要があります。

チェックアウト この記事 UXプラネットによる、プライマリおよびセカンダリアクションボタンとそれらの表現方法について。これがあなたの疑いを明確にすることを願っています

1

スクリーンショットは標準構成ではありません。通常のユーザーには表示されません。

問題の機能は、フルキーボードアクセスと呼ばれるパワーユーザー機能であり、デフォルトでは無効になっています。オフの場合(デフォルトの構成)、ユーザーはテキスト入力を受け入れるコントロールにのみフォーカスできます。 システム環境設定キーボードショートカットタブを開いて、そこから完全なキーボードアクセスを有効にする場合(またはキーボードショートカットCtrl-Fn-F7を使用する場合) 、それはあなたが説明しているように動作します。

1
Bob

についてあなたに同意します space キー。

私はまた、 esc あなたが言ったように、キャンセル/否定的なアクションになるでしょう enter 確認/肯定的なアクションのため。

0
Peter