Cntlog > WEB全般 > Googleのマテリアルデザインについて調べてみた

Googleのマテリアルデザインについて調べてみた

【WordBench京都11月号】テーマにまつわるエトセトラで「聞いて覚えるマテリアルデザイン入門」と題して発表してきました。

スライドはこちら
聞いて覚えるマテリアルデザイン入門

マテリアルデザインについて

私はマテリアルデザインの専門家でもデザインやアプリ開発の専門家ではありませんが、発表する機会を頂いたので公式ドキュメント(英語)を読んで調べました。
結果、マテリアルデザインはマテリアルデザインを用いたGoogleの「デザインガイドライン」という結論に至りました。

マテリアルデザインは、2014年10月にAndroid 5.0 Lollipopと同時期に発表されました。
当時マテリアルデザインはGoogleがまとめた優れたUIの指針のように思っていましたが、今回調べる事で全然異なる事が分かりました。

当然ですが、フラットデザインの進化の形というものでもありません。ただの(優れた)デザインガイドです。

なぜマテリアルデザインが作られたか

近年、タブレットやスマートフォン、スマートウォッチなど様々なデバイスが登場して様々な画面に対応する必要が出て来ました。
それに伴いUIデザインの質を保つのが難しくなっていました。
そこでGoogleはこの問題を解決するために「マテリアルデザイン」を作りました。
マテリアルデザインはクロスプラットフォームとマルチスクリーンの設計の簡略化から生まれました。

また、優れたUIというためではなく、ブランドの統一感も出すために作られています

マテリアルデザインを調べて学んだこと

私はデザインガイドを作った事はありません。
ですのでこれだけ丁寧に作られたものは、自分が運用するサイトにデザインガイドを作るときに大いに参考に出来ます
SNSの運用をするところなどでも当たり前ですがライティング(文章の書き方)にもガイドラインが細かく作られているのには驚きました。
デザインのガイドだと思っていたのに、そこまで規定があるとは関心しました。

サイトを運用するにあたって、ガイドラインは必要なものです。
プロダクトは誰のものかと言えば、会社/管理者のものです。
それはWebサイトも同様です。担当者が変わることで、品質が変わるということはユーザーが望む事ではありません。
せっかくファンになってくれたユーザーの心が離れてしまいます。

ガイドラインを作ることでブランディングに繋がります。
ブランディングとは「ものを売り続ける仕組み」です。
品質を一定以上に保つ事で安定してファンを作り続ける事ができます。

ガイドラインを作ることで品質の見直しが出来ます。
今まで「なんとなく」でやっていたことを「なぜ、こう定義するか」を考えることでサイト内の矛盾や違和感を払拭することが出来ます。
大きな変化はないように思えますが、ユーザーは違和感があればそこにすぐ気が付き、心が離れてしまいますので安定感・統一感を出すのは非常に大切です。

最後に

マテリアルデザインは「デザインガイドライン」でそれ以上でもそれ以下でもありません。
そしてマテリアルデザインはこれからも進歩・変化していきます。

プロダクトの運用を最大限に活かすにはガイドラインがとても大事と肌で感じました。

関連記事

2014年秋アニメサイトを同業者(Webデザイナ)目線で見て気になったとこ... もう10月です。気がついたら一年終わってしまいしそうですね。 秋アニメ全然チェックしていなかったので、アニメだけじゃなくまたサイトの制作部分も一緒にチェックしてみました。 気になる演出やデザインなど刺激されたサイトをまとめてみました。 ふうせんいぬティニー 下層ページに入った...
Evernoteが料金体系が変わったので違うサービスを検討してみた... Evernoteが2016/6/28に料金体系を変えてきましたね。 ヘビーユーザーの方は結構驚かれたのでは無いでしょうか。 私は端末を跨いでメモアプリとして結構使っていたので、今回の料金体系の変更で使いにくくなってしまった部類です。 無料のプランでは端末2台までの使用しか出来ないので、...
ここ地雷かも?と思えるWeb関係の会社を見分ける勘所... Web関係の仕事をしているなかで、「あっ、この人・会社いけてないなー」とか思うシーンは何度かあると思うのですが、結果的にその勘があたる、精度が高いものを一つ紹介します。(※個人の感想です) 専門用語の言い間違いから見える人柄と環境 Webの制作やってるところで、営業さんとかも含めて、...
ECサイトやCMSで良いデザインをするために気をつけている事... 私は自分でデザインをしたものをコーディングする事が多いのですが、最近一件人のデザインをする機会がありました。 デザイン自体に文句を言う立場ではなかったので、やんわりとこのデザインでは「後々問題が出ます」とお伝えしたのですが、スルーされて公開日が近づくに連れて実際に素材を組み込みはじめて現場(運...
有料でも使いたいと思えるWEBサービス... WEBって大体のものが無料で使えるような錯覚に時々陥るのですが、中にはお金出してでも使いたいと思えるサービスってありますね。 4月から気持ちを入れ替えるために今使ってる有料のサービスを見直しました。 見直すつもりが新しいおもしろそうなサービスも見つけてしまったので、自分の忘却用にまとめました。...
WebデザイナがWindowsからmacに乗り換えた感想... これまで15年ほど生粋のWindowsユーザーをしていましたが、この度MacBook Airに乗り換えました。 理由は仕事で関わる人が全員Macなので私だけWindowsだと業務に支障が出る事を懸念してになります。 正直ずっとWindowsでやっていくつもりでしたので半分くらい乗り気ではなか...