Article square balloon green
2016-09-30

日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました!(たぶん)

皆さん、UI・UXという言葉をお聞きしたことがあるでしょうか?UI・UXとセットで語られることが多いキーワードですが、その違いや具体的なイメージについてしっかり理解しましょう。
経営企画・マーケティング
Large

デジタルでは避けて通れないUI・UXとは?

皆さん、UI・UXという言葉をお聞きしたことがあるでしょうか?
ITサービスを提供するスタートアップデジタルマーケティングに関わる方であれば、おそらく一度は聞いたことがある言葉でしょう。UI・UXとセットで語られることが多いキーワードですが、その違いや具体的なイメージについてしっかり理解しましょう。

UIとは

UI(ユーアイ)とは、ユーザーインターフェース(User Interface)の略で、ユーザーと製品・サービスの接点を指します。ユーザーが“パッと見て触れる”サービスの接触面を表すことが多いため、ウェブデザインと近い意味で使われることが多い言葉です。

UXとは

UX(ユーエックス)とは、ユーザーエクスペリエンス(User Experience)の略で、ユーザーがサービスを“実際に触って(利用して)”体験できることの印象を表し、UIも含めた全体の製品・サービス設計の意味で使われます。

ITサービスでなぜUXが重要視されるかといいますと、企業が提供する製品やサービスがユーザにとって使いにくいものにならないようにするために、ユーザにとって何が望ましいかを検証しながら、日々開発(グロースハック)を進める必要があるためです。

▽Webマーケティングの効果を最大化、こちらの無料ガイドもぜひご活用ください。
Webマーケティング完全ガイド

『日本中の「UI/UX」に関する資料を気合いで全部集めてみました!(たぶん)』

さて、前置きが少々長くなりましたが、こうした点から、「UI/UX」はもはやWEBデザインやアプリ開発において、無くてはならない存在となっています。実際にWEBサービスやアプリに触れて確認することも大事ですが、資料でまとめて勉強するのも上達のための一つでしょう。

そこで今回は、『日本中の「UI/UX」に関する資料を気合いで全部集めてみました!(たぶん)』


UIデザインとUXの超基礎「UI Design & UX for ENGINEER」

UIデザインとUXの超基礎「UI Design & UX for ENGINEER」 from Kazuki Yamashita

「UI/UX」を理解するための基礎的な知識が体系化された資料です。
UIとUXの違いをわかりやすく線引きし解説している内容で、「アフォーダンス」「メタファ」など聞いたことがない方や、まだ「UI/UX」についてあやふやな知識の方にとっては体系的に学べます。
デザイナーやエンジニアを始めたばかりであれば、まず読みたいスライドでもあります。

UIデザインとUXの超基礎「UI Design & UX for ENGINEER」

 

UI&UX / 重要なのは、毎日さわって嬉しい UI UX!

基礎をはじめとして、デザイン、設計から開発について、独自の視点で少し具体的に指標や解決策が解説されている資料です。
UI失敗例もありますので、「具体もありますので、」という方には、こちらの資料から学び始めるのも良いかもしれません。

UI&UX / 重要なのは、毎日さわって嬉しい UI UX!

 

最近のUIデザインプロセス

最近の、とありますが2015年時点の内容となっています。ですが、短く、要点を掴んだ資料です。
デザインラフ〜実装までの基本的かつ具体的な工程を解説しており、未経験や始めたばかりの方は制作プロセスを見直すには良い資料です。

最近のUIデザインプロセス

 

▽Webマーケティングの効果を最大化に、こちらの無料ガイドもぜひご活用ください。
Webマーケティング完全ガイド

UXのためのUIデザイン

スマートフォン向けのUIデザインについて、UXの観点から解説されている資料です。
スマホサイトの開発をしているUIデザイナー、UXデザイナーにおすすめです。
ペーパープロトタイピングから、フィードバックのもらい方、ワイヤーフレーム作成、Photoshopでのモック作成、実装…と順序立った流れになっています。

UXのためのUIデザイン

 

Content & User Interface コンテンツで改善する UI デザインの極意

解説が少ないですが、多くの事例を眺めることができます。
読んで学ぶというよりは見て学ぶタイプの資料です。
特にテキストやコンテンツの観点から学べます。

Content & User Interface コンテンツで改善する UI デザインの極意

 

デザインスプリント概要

デザインスプリントとは、デザイン上の問題(新規顧客の離脱率を下げる、新製品を考える等)を解決するための短期間でのスプリントのことです。Google VenturesやGoogle Xで採用されているほか、すでに200以上のスタートアップやプロジェクトで利用された実績を持っています。 その概要について解説しています。
「デザイン思考」や「集団ブレインストーミング(ブレスト)」を苦手とする人や、短期間で成果を出したいスタートアップの方などに向けた資料となっています。

Design Sprint 概要 / デザインスプリント概要

 

デザインスプリントの実際のプロセスについて

デザインスプリントの実施を日ごとに何をするのか解説した資料です。
人・場所・素材・時間などの準備から、テスト、インタビューまで詳述されています。
インタビューもロジック化されていて、どのように改善項目を見つけていくかが参考になります。

Design Sprint Process / デザインスプリントの実際のプロセスについて

 

なぜスタートアップでLearn Startup & Design Sprint の考え方が有効なのか?(英語)

スタートアップの失敗の理由は「製品が悪かったから」ではないことが多いようです。では、何が失敗の理由になるのでしょうか。

Why startups need "Lean Startup" & "Design Sprint"?

 

日本中の「UI/UX」の参考になるスライド資料のまとめ

いかがでしたか?UI/UXは、日々進化していますので、明確な答えはありません。
ですが、この分野は書籍化が追いつかないはやさで、このようなスライドを見つけ、自分で参考とすべきものを見つけなければなりません。

全体を通して、デザイナーもエンジニアも相互に意識した資料も多かった印象です。
今回ご紹介した資料で、基礎を理解した上で、スピード感を持ってUIとUXを改善するためには、最新のスライドも要チェックですね。

ボクシルへの会員登録はこちらから


ボクシルとは

法人向けクラウドサービス比較 ボクシルでは、「コスト削減」「売上向上」につながる法人向けクラウドサービスを中心に、様々なサービスを掲載しています。
「何かサービスを導入したいけど、どんなサービスがあるのか分からない。」
「同じようなサービスがあり、どのサービスが優れているのか分からない。」
そんな悩みを解消するのがボクシルです。ぜひ、登録してみてください。

Article whitepaper bgS3 0
経営企画・マーケティング
選び方ガイド
資料請求後に下記のサービス提供会社、弊社よりご案内を差し上げる場合があります。
非公開企業
利用規約とご案内の連絡に同意の上
Article like finger
この記事が良かったら、いいね!をしてください!最新情報をお届けします!
御社のサービスを
ボクシルに掲載しませんか?
月間100万PV
掲載社数1,000
商談発生10,000件以上
この記事とあわせて読まれている記事