今さら聞けない!UI/UXを確実に学ぶオススメの良スライド10選
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の重要性を知る!オススメの良スライド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を設計する際、意識しなければならないポイントについて説明されています。
図表がユニークで、非常にわかりやすいスライドです。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- タブレット
- タブレットとは、元々「板状のもの」「銘板」といった意味の単語です。パソコンの分野で単にタブレットといえば、「ペンタブレット」や「タブレット型端末」などの板状のデバイス全般を指します。ここでは主にタブレット型端末について説明していきます。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
- UX
- UXとは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーが製品・サービスを通じて得られる体験を意味します。似たような言葉に、UI(ユーザーインターフェイス、User Interface)がありますが、こちらはユーザーと製品・サービスの接触面を指した言葉です。
- www
- wwwとは、World Wide Webの略称であり、世界中のホームページをインターネットを通じて閲覧することができる仕組みのことです。一般的に Web(ウェブ)とも呼ばれています。
- UI
- UIとは、ユーザーインターフェイス(User Interface)の略で、ユーザー(使い手)とデバイスとのインターフェイス(接点)のことを意味します。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング