web-dev-qa-db-ja.com

フローティングアクションボタンはなくなりますか

マテリアルデザインのフローティングアクションボタンとメニューをさまざまなアクションオプションで使用するかどうかを検討しています。たとえば、GoogleシートのGoogleがボタンを削除して、トップメニューを優先していることに気付きました。これについての考え?

これは、ボタンのみで使用する方法ですWith button

これがボタンなしの状態です(スクロール時にのみ表示されません) Without the button

11
Eidan Apelbaum

Googleがいくつかのユーザーテストを行ったのではないかと思います。人々は新しいドキュメントを作成する方法を見つけることができません。フローティングボタンはかなり新しく、デスクトップではあまり使用されていません。画面の右下隅は、新しいドキュメントを作成するときに最後に探す場所です。歴史的には、常に左上隅にありました([ファイル]> [新しいドキュメント])。

質問に答えるために、単にGoogleをフォローしないでください。ユーザーとユースケースについて考え、彼らは前進する最良の方法を決定します。

9
Martyn

投稿した画面にフローティングアクションボタンが存在する。ただし、スプレッドシートで幅広いテンプレートを提供するために、トップメニューが含まれています。

ただし、下にスクロールしてトップメニューを画面から外に出すと、FABがレイアウトにフェードインします。

証明:

起動時のGoogleドキュメント。

Google Docs Image 1

トップメニューをスクロールした後のGoogleドキュメント:

Google Docs Image 2

お気づきかもしれませんが、これはユーザーが開始時に適切なテンプレートを選択するためのより簡単な方法にすぎません。それ以外の場合、下にスクロールしても、新しいドキュメントを作成するオプションがあります。

追伸FABをタップ/クリックすると、トップメニューが再び表示され、テンプレートが選択されます。

+ FABをクリックした後のGoogleドキュメント。背景を白でオーバーレイし(不透明度90%)、トップメニューを下にスライドします。

Google Docs Image 3

ほとんどのユーザーはドキュメントにアクセスして新しいドキュメントを作成します。そのため、クリック/タップを増やす代わりに、UIには、FABをクリックする代わりに、選択可能な利用可能なテンプレートが表示されます。

FABは重要ですが、大きな画面、特にカーソルを右下に正確に配置していないデスクトップでの使用はかなり主観的です。タブレットでも同様に、両手で操作していて、人差し指を使ってタップしている可能性がありますが、固定位置ではありません。一方、携帯電話の場合、通常は右手でスマートフォンを持ち、片手でFABに触れるのに最適な親指を親指で握ることができます。そのため、携帯電話での起動時に画面に表示されますが、デスクトップとタブレットでは表示されません。

6
Swapnil Borkar

Androidガイドライン は、すべての画面が必ずしもフローティング操作ボタンを必要とするわけではなく、ユーザーが頻繁に必要とする1つの昇格された主要な操作に使用する必要があることを示しています。アクションがこれらの基準を満たしていると思われる場合は、それを使用する必要があります。

Googleがここで特別なケースを作成して、どの異なる作成オプションが利用できるかをユーザーに示すと思いますが、特にボタンがまだかなり新しいため、これは一般にフローティングアクションボタンを削除するとは思われません。すでに多くのアプリで使われているので、ユーザーはそれをよく認識しているので、使ってみるのもいいと思います。

ところで、モバイルアプリにはまだボタンがあり、この黒いトップメニューはありません。多分それはタブレット専用ですか?

1
Big_Chair