it-swarm-ja.com

Windowsアプリのメニューバーの良い代替品は何ですか?

古いWindowsメニューバー([ファイル]、[編集]、[表示]など)は試されており、本当ですが、一般的な使用法から消えているようです。開発中の新しいデスクトップ/クライアントアプリケーションがあり、現在の効果的なUI要素にアップグレードしたいと考えています。また、本格的なメニューバーを正当化するのに十分なコマンドが本当にありません。わたしは〜しか持っていない:

  • 新着
  • 開いた
  • セーブ
  • 名前を付けて保存
  • 言語
  • PDFにエクスポート
  • 印刷する
  • 助けて

これらのコマンドをユーザーに提示するための良い方法は何ですか?ただし、古いメニューバーのように、必要になるまでそれらをほとんど邪魔にならないようにしますか?

10
Stewbob

一般に、私は、最新の状態であることだけを目的として試行錯誤したものを放棄しないように注意します。現在の一部は、使いやすさの向上というよりは、ファッションに関する声明です。コマンドが「必要になるまで、ほとんど邪魔にならない」ようにしておくことが本当に重要だと思う場合は、メニューバーを使用してください。必要なのは[ファイル]メニューと[ヘルプ]メニューだけなので、実際にはごちゃごちゃしたものはほとんどありません。 [ヘルプ]メニューの後のスペースをコマンド以外のもの(たとえば、ステータスアナンシエーター)に使用して、デザインをよりコンパクトにすることもできます。ファイルとヘルプよりも新しいものは、ユーザーにとって馴染みがない可能性が高く、混乱を招く可能性が高くなります。

ただし、従来のメニューバーのようにコマンドを非表示にしないことには、明らかに利点があります。すべてのコマンドをフルタイムで表示することで、ユーザーはコマンドを見つけやすくなり、完全に公開することで、アプリの機能についてより効果的にユーザーに教育できます。コマンドが非常に少なく、少なくともいくつかのコマンドがすべてのセッションで使用される場合、それらをプルダウンで非表示にするのではなく、単一レベルのメニューに表示する方が理にかなっています。メニューバーのもう1つの問題は、項目を選択するために2回のクリック(またはクリックアンドドラッグ)が必要なことです。これとは対照的に、コマンドを1つのレベルで表示するにはワンクリックで実行できるため、デザインがより効率的になります。

おそらく、すべてのコマンドをボタンバーに配置する必要があります。必要に応じて、必要に応じて分割ボタンを使用して、ドロップダウンにほとんど必要のないコマンド([名前を付けて保存]や[バージョン情報]など)を配置できます。このようなボタンバーは、通常のツールバーやマルチメニューメニューバーよりも場所をとらないので、邪魔になることをあまり気にしません。

別のオプションは、ウィンドウの左側にあるボタンの縦の列にコマンドをWebスタイルで配置することです。ユーザーは、コマンドのリストをより簡単にスキャンできます。

11

メニューを呼び出す「ギア」ボタンを使用できます。例:

alt text

キーボードやその他のOSのアクセシビリティ機能を使用する必要がある人のためのアクセシビリティに留意してください。標準のメニューバーが疎である場合でも、少なくともギアメニューの各項目に同等のコマンドキー、またはWindowsのアクセラレータがあることを確認してください。

4
Hisham

何年もの間ブラウザがそれらを適切にサポートできなかったので、ツールバーは消えました。 jsフレームワークを使用すると、より合理的です。私は優れたインタラクションデザインを持つextjs(Sencha)を使用しています。 UXの観点から見ると、ツールバーは完全に優れたUI要素です。必要に応じて使用してください。 Appleメニューは、スタイルの観点から流行しているが、ひどくスケーラブルではない。

0
Glen Lipka