web-dev-qa-db-ja.com

リボンをWebで使用する必要がありますか?

私は、多数のコマンドとカスタマイズを備えたWebアプリケーションを設計しています。

MSのガイドラインから、元のOffice 2007デザイナーによるその動機などに関する長い一連のビデオまで、リボンの使用に関する多くのことを読みました。

私が言えることから、コマンドが多数あり、ドキュメント作成用の特定のコンテキストに関連付けられた多数のコマンドがある場合は、リボンを検討する必要があります。私が信じていること。

余談ですが、私はドキュメント作成のシナリオを厳密には持っていません。より大きなデータの構造化とナビゲーションのシナリオに囲まれたドキュメント作成シナリオ(MSFレベルではなく、RTFレベル)があります。ここではリボンがまだ適切であるようですが、言及する価値があるようです。

しかし、私が実際に見たことがないのは、私が知らない理由でWebアプリケーションにリボンUIを使用することが悪い習慣と見なされているかどうかです。それは...ですか?注意すべきWeb固有の落とし穴はありますか?

3
jtheis

[〜#〜] ria [〜#〜] を構築する場合、リボンを使用する必要がある多くの機能が必要です:) この議論 によると:

リボンの背後にある主な要因の1つは、新しい機能の発見でした。これは、Microsoftが実施した調査の結果であり、Wordで最も要求されている機能の多くが実際に製品にすでに存在していることが示されました。ユーザーはそれをどこに見つければよいかわからなかっただけです。

別の視点もあります: Microsoftはリボンが直感的でないと考えています

リボンが役立つかもしれませんが、貴重な機能の代わりに視覚的なノイズを追加するのは簡単なので、注意する必要があります。

1
Renat Gilmanov

リボンの使用に関して、Web固有の考慮事項はないと思います。やや関連する要素の1つは、リボンがキーボードショートカットを使用できるように適切に設計されていることです。これは、Webではデスクトップほど一般的ではありませんが、それ以外の場合は通常の考慮事項がすべて適用されると思います。

実際、Balsamiqはリボンのようなインターフェイスを使用して多くの成功を収めています。トップレベルメニューも存在するため、これは標準のリボンとは異なります。「リボン」の部分ではコントロールを選択することしかできませんが、全体的には同じコンセプトです。

enter image description here

2

Webサイトのリボンに関する主な問題は、説明する必要がある(多分)さまざまなデバイスです。明らかな問題は、電話サイズのデバイスではうまく機能しないことです。もう1つの問題は、ピクセル単位(css px、またはデバイスピクセル)のサイズがデバイスによって大きく異なることです。 iPadで正常に機能するアプリを見たことがありますが、iPad miniでは20%小さくなり、その20%によって使いやすさが大きく異なります(someアプリで)。

リボンストライクはサイズに敏感である:要素が大きすぎる場合は不格好でスペース効率が悪くなり、小さすぎて要素がreadになり、クリックするのが難しくなります。デスクトップだけを考慮している場合、これは問題にならない可能性があります。デバイスのピクセルのサイズはそれほど大きく変化しないと思います。

いずれにせよ、リボンはネイティブアプリケーションと同じくらいWebサイトで効果的であると思いますが、特にサイズ変更とスケーリングに関して、技術的な課題はより大きくなる可能性があります(または単に異なる場合があります)。

2
obelia