OWLetモンスター！山本にインタビュー②

UIとは、ユーザーインターフェースの略です。

interface＝境界線、接点という意味なので、「利用者との接点」ということですね。

つまり、人とデバイス(パソコン、タブレット、スマートフォンなどの様々な機器)の窓口の役割、とイメージしていただけると、わかりやすいかと思います。

WEBサイトを見ているときに、画面上で見られる情報(フォントや余白、配色、操作のしやすさなど)や、キーボード(文字入力)、画面の大きさ、などのことです。

例：ホームページ上のボタンの変化を見てみましょう

①2000年初期は、グラデーションで表現していくのが主流でした。

②2015年くらいは、シンプルでベタ塗りが多かったですね。

③現代は、影が付いていて立体感を表現し、「これは押せるボタンだ」と思わせるデザインになっています。

年代によって、特徴がよくわかります。

これは、現代がスマートフォン主流に変わっているからですね。

「認識して」「押してもらう」という工夫が必要になってくるのです。

こういった、利用者との接点のことをUIと言います。

UXとは、ユーザーエクスペリエンスの略です。

experience＝体験、経験という意味なので、「利用者の体験」ということですね。

つまり、モノやサービスに触れて得られる体験や経験、とイメージしていただけると、わかりやすいかと思います。

例えば

デザインが美しい

フォントが読みやすい

どの情報がどこにあるかわかりやすい

ページの読み込みが速い

などの、感想＝UXと思っていただけると、ピンとくるかもしれません。

マテリアルデザインとは

Google社が発表した、デザインのフレームワークのことです。

統一されたシンプルなデザインを取り入れ、同じフレームワークで、パソコン、スマートフォン、タブレットなど、様々なデバイスにも対応しやすくなるのです。←これがすごい！

また、言葉の意味から見てみましょう。

material＝具体的な、物質的なという意味なので、名前の通り「 具体的なデザイン 」ということですね。

つまり、そのデザインを見ただけで、直感的に理解できるデザインのことです。

例えば

画像引用：https://material.io/design/environment/surfaces.html#properties

どちらも、紙が重なっているのは分かると思いますが、

①の方がより一層、重なっていることが瞬時に伝わると思います。

これが「直感的に理解できる」デザインということですね。

ちなみに、最近フェイスブックのアイコンが変わったのですが、これもマテリアルデザインです！

「いいね」のアイコンに、影が付いて「手」の表現が3Dのようになっています。

よろしければ、ご確認ください♪

https://www.facebook.com/guardian.jpn/

さて、これでわからなかった言葉もスッキリ解決！

ということこで、管理画面について

OWLetモンスター山本にインタビューをしてきました！