web-dev-qa-db-ja.com

WebアプリケーションでGoogle Material Designを使用することは許容されますか?

Material Design components の使用を検討中ですが、これは「Androidのデザイン」なので、iOSのユーザーを拒否しませんか?

ベストプラクティスは何ですか?これらのコンポーネントをWebで使用することは広く普及していますか、それとも中立的なものを使用する方が良いですか?

36
Oleg

私は最近、iOSアプリでのマテリアルデザインの使用を調査していて、偶然に出くわしました このUpLabsの記事 これは興味深い点です。

ビジュアルメカニクスと下線メカニクスの両方のさまざまな要素をiOSアプリに組み込むことができます。

ただし、オペレーティングシステムの性質に忠実であることが重要です。ユーザーにアプリ内での一連の新しい習慣を採用または強制することは、大きな混乱を引き起こす可能性があります。

マテリアルデザインのさまざまな要素をインテリジェントに組み込むことは重要ですが、その過程でユーザーを混乱させたり弱めたりしないようにすることが不可欠です。

このため、マテリアルデザインガイドラインiOSアプリの場合Appleヒューマンインターフェイスガイドラインと競合しない場合のみ使用することを検討します。 マテリアルデザイン要素がエンドユーザーに大きな改善を提供しない限り。そのような領域の1つはmovement/animationです。これは、私の経験では、マテリアルデザインによってはるかに優れています。

しかし、Webに関しては一般的なHIDガイドラインはありませんなので、-ユーザーの期待は低くなります。

ユーザーの期待が少ないため、ユーザーにとって最高のエクスペリエンスを形成することはガイドラインを混合して一致させることは完全に許容可能です。

47
Joel Tebbett

それは問題ではないと思います。マテリアルデザインを使用するiOS用のアプリケーションは多数あります。 iOSユーザーが日常的に使用しているすべてのGoogleアプリケーション(YouTube、GMailなど)を考えてみてください。

インスピレーションの源としてマテリアルデザインを使用することを検討してください。彼らの行動や特定の要素を利用するだけでなく、独自の調査やブランディングも利用してください。

私はマテリアルデザインの要素を使用する製品に取り組んでいますが、独自の色を使用し、他のガイドラインからもインスピレーションを得ています。それらは法律ではなくガイドラインです。

16
Nick Groeneveld

マテリアルデザインはではありません「Androidデザイン」、モバイルアプリとウェブアプリの両方を対象としたGoogleの包括的なデザイン「テンプレート」です。多くのGoogleウェブ製品は、Angular( https://angular.io/ )などのマテリアルデザインを使用しています。または、マテリアルデザインサイト自体( https ://material.io/guidelines/ )。必要なすべてのCSSが付属するMaterial Design Liteと呼ばれるWeb用に特別に作成されたライブラリさえあります。 https://getmdl.io/開始済み/

14
Davor

Material Designは、ユーザーの操作と広範なユーザーフィードバックに基づいて、いくつかの素晴らしいガイドラインを提供します。実際に完全なMDガイドラインを使用せずにMDが促進するさまざまな機能を組み込んだサイトはたくさんあります。注意:アプリとWebページの違いはぼやけています。プログレッシブWebアプリはネイティブモバイルアプリ(Webアプリには多くの利点があります)との競争がより中心的であるので、アプリとWebページ(Webアプリ)は現在のように必ずしも区別できません。

マテリアルデザインは、将来のデザイン機能を考えるのに最適です。物質的な世界からインスピレーションを得ることは、論理的な進歩のように思えます。 MDはインスピレーションとして紙の素材を使用しています。ガラス、レンガ、木材などを入れる場所もあります。箱の外側を考えてください。結局のところ、それはユーザビリティとユーザーの受け入れについてです。

3
kreativ beetle

はい、実際、Googleには Polymer と呼ばれるwebapps用の公式のマテリアルデザインコンポーネントライブラリがあります。私はグーグルが誰かにそれを使わせるつもりはないと思いますか????

2
stommestack

マテリアルデザインはデザインだけでなく、すべてのガイドラインです。

マテリアルデザインコンポーネントを使用しない場合でも、Webサイトのライティングガイドラインを使用する必要があります。

しかし、はい、それは広まっています。 Googleはゆっくりとすべてのページをマテリアルデザインに変更します。

現時点では、マテリアルデザインはユーザビリティの中で最高のものです。したがって、最低限のガイドラインを守るようにしてください。あなたのユーザーはあなたに感謝します。

1
Noah Krasser