web-dev-qa-db-ja.com

マテリアルデザイン:フローティングアクションボタンに注目を集める

アプリケーションを作成する際に、初めてのユーザー体験を作成する必要があるデザインを持っています。

enter image description here

フローティングアクションボタンは、ユーザーがシステムに初めてログインしたときに強調表示される必要があります。そのようなことをするための材料設計で推奨される方法は何ですか?

3

空の状態をさらに活用すれば、最初のアプリケーションの作成により注意を向けることができます。ユーザーがまだ何かをしていないと画面に表示したままにするのではなく、代わりに何かをするようにユーザーに促す必要があります。これを行うには、さらに魅力的なコピーを追加し、「開始」ボタンをこのコピーに接続することを検討してください。

material design quick start

ここには、開始する理由(レポートを追加した場合は分析可能)とボタンが強調表示されている両方が表示されます。

enter image description here

レイアウトを変更することで、ボタンをシート内の構造要素に追加して、コピーとアクションボタンを近づけて、一貫性を高めることもできます。

詳細: https://material.io/guidelines/components/buttons-floating-action-button.html#buttons-floating-action-button-large-screens

5
Wendy Wojenka