web-dev-qa-db-ja.com

画面が広くなるにつれて、ナビゲーションとツールバーを上から横に移動する必要がありますか?

私の質問に対する反例は、MSがOffice 2007で導入したリボンです。ユーザーインターフェースの上部で多くの画面領域を占有します。画面がますます広く(元の比率4:3から16:10になり、現在は16:9になっています)、タブレットやネットブックなどの限られたスペースのデバイスもより一般的になっているため、 UIの上部と下部のスペースを節約し、ほとんどのツールとナビゲーションを移動する方が賢明です。左側に?

19
ammoQ

はい、映画のアスペクト比を備えたモニターの登場は、より貴重な垂直方向の寸法を維持するためにWebスタイルのサイドバーメニューを支持する1つの良い理由です。マルチモニターのセットアップもデスクトップで一般的になっているため、ウィンドウを並べて配置するために水平方向の寸法を保存する理由はそれほどありません。

適切なデザインの垂直方向のサイドバーメニューには、次の利点があります。

  • ターゲットメニュー項目のメニュー内のラベルのリストをスキャンする方が、全体をスキャンするよりも簡単です(Parkinson SR、Sisson N、およびSnowberry K、1985を参照してください。幅広いコンピューターメニュー表示の構成。InternationalJournal of Man-Machine Studies、23、 p689-697)。これは、各メニュー項目のキャプションが一意のキーワードで始まる場合に特に効果的です。

  • メニュー項目が1次元配列であると仮定すると、垂直方向は、一般的なウィンドウサイズの水平方向よりも多くのメニュー項目に適合します。高さ600ピクセルのウィンドウに26のメニュー項目を収めることができます。これは、主要なアプリケーションで予想される最小の高さです。リボンがメニュー項目の積み重ねにかかることに注意してください。これはスキャンが難しくなると思います。

  • 垂直方向は1行に1つのキャプションを意味し、複数のWordメニュー項目とメニューラベルを互いに簡単に区別できるようにします。水平方向では、複数のWordのキャプションが2つの個別のメニュー項目またはメニューのように表示され、メニューバーのメニューの標準と同様に、1つのWordのキャプションのみを使用するように強制できます。マルチワードキャプションによってコマンドの検索可能性が向上することを示す証拠がいくつかあるので、このオプションをデザイナーが利用できるようにするのは良いことです(Huang SC、Chou IF、およびBias RG 2006を参照)。 Journal of Usability Studies、1(2)、p 91-108)。

  • 水平方向の場合、メニュー項目のキャプションが長いほどスペースが多くなるため、必ずしもそうであるとは限らない場合は、それらがより重要であることを示唆しています。垂直方向では、各メニュー項目は同じサイズですが、より重要な(またはより一般的に使用される)メニュー項目を大きくしたい場合(リボンで行うように)、それらをさらに高くします。

  • メニューの上部または下部の取り付けは、マウスがウィンドウのワークスペース領域からほぼ垂直に回転する傾向があることを意味しますが、メニューの側面取り付けは、マウスがメニューに到達するためにほぼ水平に回転する傾向があることを意味します。メニュー項目は高さよりもほとんど常に広いため、この側面取り付けは、各メニュー項目の最大寸法をスルーの方向に揃える傾向があり、フィッティングの法則によって予測されるように選択が最も速くなります。

  • フィットの法則といえば、メニューをウィンドウの側面に取り付けた状態で、賢いユーザーはウィンドウの左端を画面の端を越えて配置できます。これにより、メニュー項目に対してマウスポインターを回転させたり、押したりできます。より速い選択。ウィンドウを最大化するすべてのユーザーに同じ利点があります。メニュー項目の端が画面の端にあります。メニューが上部にある場合、タイトルバーはメニューを画面の上部のエッジから分離しているため、WindowsまたはLinuxプラットフォームではこのメリットはありません。

メニューバンク 」と呼ばれるサイドバーメニューのテストされていないデザインを投稿しました。これは、リボンの欠点と従来のメニューバーとツールバーの組み合わせ(ほとんどのこの回答のテキストはその投稿からのものです)。

18