2016年6月20日に博報堂DYメディアパートナーズのメディア環境研究所が発表した情報によると、スマートフォン/タブレット端末所有状況は2016年に70.7%となった模様です。2010年にはわずか9.8%だったことを考えると、急速に普及していることが窺えます。

参考:
博報堂DYメディアパートナーズ「メディア環境研究所」

Webサイト制作の際、これまではPCに特化したデザイン・構造だけを考えれば済む時代でした。
しかし、急激なスマートフォン・タブレットの普及により、現在はスマートフォンやタブレットを想定した内容が求められています。
その流れで近年注目されているのが*「UI/UX」*です。

操作性が悪いとユーザーはすぐに離脱してしまいます。
スマホやタブレットでより多くのユーザーに快適に利用していただくためにも「UI/UX」の設計は非常に重要です。

今回は、UI/UXについて基本から実践レベルまで学べる編集部オススメのスライドをご紹介します。
デザイナーの方はもちろんですが、ディレクターの方も、そのほか営業の方も、この知識を持ち合わせて今後のビジネスに活かしてみてはいかがでしょうか。

UI/UXの重要性を学ぶ!その前に、まずは基本をおさらい

UI(ユーザーインターフェース)とは?

UIはユーザーインターフェイス(User Interface)の略です。
インターフェイスとは「接点、接触面」という意味で、UIはユーザーと製品・サービスの接触面を指すので、「ユーザーの目に触れる部分使用する部分」はすべてUIとみなすことができます。
ホームページの場合、パソコンやスマートフォンに表示されるデザイン、フォントなど、製品であれば製品そのものや外観など、ユーザーの視覚に触れる全ての情報が「UI」と呼ばれます。

UX(ユーザーエクスペリエンス)とは?

UXはユーザーエクスペリエンス(User Experience)の略です。エクスペリエンスとは「体験、経験」を意味し、UXとは「ユーザーが製品・サービスを通じて得られる体験」を指します。

例)ホームページの場合
・デザインがキレイ
・フォントが読みやすい
・お問い合せフォームや購入ページまでの導線がわかりやすい といった表層的な部分から、商品を注文したらすぐに届いた。
・対応が丁寧だった。
・商品のクオリティが高い。

参考:
UIとは?UXとは?違いを理解しよう!

今でこそ、当然のように耳にする「UI」「UX」ですが、意外とそれについて説明を求められるとたどたどしくなってしまう方も少なくないのではないでしょうか。
ぜひ、そういった方に読んでいただきたいのが下記でご紹介するスライドです。

UI/UXの重要性を知る!オススメの良スライド10選

1.「UX / UIデザインって何?」

[http://www.slideshare.net/JSUXDesign/ux-ui-45163428?] (http://www.slideshare.net/JSUXDesign/ux-ui-45163428?)

UIデザイン」の基本を確認できるスライドです。シンプルにまとめられているので、UIの概念に短時間で触れられます。
UIとセットで説明されることの多いUXについても実例で解説されているのも一つ魅力といえます。

UI/UXに関して、初めて勉強したい方にとってオススメできるスライドです。

2.「UIデザインの基本」

[http://www.slideshare.net/ksc1213/ui-45852142?] (http://www.slideshare.net/ksc1213/ui-45852142?)

再びUIの基礎をベースとした内容ですが、近接や整列といったデザインの基本概念のほか、UIを設計する際、意識しなければならないポイントについて説明されています。
図表がユニークで、非常にわかりやすいスライドです。