SlideShare ist ein Scribd-Unternehmen logo
1 von 34
Downloaden Sie, um offline zu lesen
開発に知っておいて欲しい
デザインの考え方
2014.01.27 TAGUCHI
1
UI / UX デザインってご存じですか?
2
当然ご存じですね。
仕事でもたくさん耳にしていると思います。
3
ただ、実は
ひとことでUI/UXデザインと言っても
色々な意味が内包されています。
4
ごっちゃにして理解してませんか?
5
ここのボタンのUXデザインをしてください?
UXがUIでインタフェースしてください?
ユーザー体験をUIデザインしてください?
UXの色味をもう少し赤へ振ってみませんか?
ボタンのサイズをUXしてください?
User Interface(UI)
Interaction
User Experience(UX)
+ Design
ひとまず、ソフトウェア業界においては
主に3つだけ理解しておくと良いと思います。
6
7
User Interface(UI) Design
8
・画面内の要素やパーツはどんなか
・それらのレイアウトや遷移はどうしたらいいか
9
Interaction Design
10
・操作した結果、どんな反応を返すか
・心地よいか
11
User Experience(UX) Design
12
UI / Interaction を介してどんな体験をさせるか
13
夢の世界にいるみたい!
楽しい!
面白そう!
私もやってみたいなぁ!
ソフトウェア開発者は
何のためにUIやInteractionを実装しているのか?
14
お化粧でしょ?
15
16
UXのためのUIとInteraction
これだと思います
17
楽しい、嬉しい、感動、悲しい、切ない、良かった!
ユーザーにとって価値あること
18
UI・Interaction・Backend
それぞれのパフォーマンスが高まった時に
最高の価値は生まれます
19
UI Interaction Backend UX
綺麗なテーブル、暖かいご飯、店主が清潔→美味しい食事ができそうですね
細部にこそ神が宿る
PIXAR ジョンラセターもきっとこう思ってる
20
え?当たり前なことじゃないですか
21
そう、当たり前。
でも、言ってることとやってることが違います。
時期とか人員とか優先度の低い機能の積み増しとか工数不足とか工数不足とか工数不足とか工数不足とか工数不足とか…
22
23
工数がないなら
24
やることを最小に絞り込みましょう。
そのかわり…
25
そこだけはしっかりと作ろう!
26
そこで、こんな考え方があります。
27
MVP
28
野球や
サッカーの
アレでしょ?
29
30
Minimal Viable Product
1.顧客の要望や悩みを理解する
2.製品の成功に不可欠な要素を探す
3.実用最小限の製品を定義
4.顧客の要望などから課題を探す
5.製品を改善する
訴求
32
MVPを徹底して考え、実現することで
ユーザーにとって
最高の価値を提供しましょう。
33
ありがとうございました。
34

Weitere ähnliche Inhalte

Was ist angesagt?

UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」Kazuki Yamashita
 
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -Midori Hirose
 
Android UIデザイン入門
Android UIデザイン入門Android UIデザイン入門
Android UIデザイン入門OESF Education
 
プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言Shigeru Kobayashi
 
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -wariemon
 
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会INI株式会社
 
テックヒルズ
テックヒルズテックヒルズ
テックヒルズtomo tsubota
 
InVision勉強会資料
InVision勉強会資料InVision勉強会資料
InVision勉強会資料TakuyaTakemoto
 
人と向き合うプロトタイピング
人と向き合うプロトタイピング人と向き合うプロトタイピング
人と向き合うプロトタイピングwariemon
 
デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発Kenta Ohsugi
 
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! Akiko Ohtsuka
 
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクションLINE Corporation
 
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すためにモバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すためにKeisuke Tada
 
UIは「習うより慣れろ」
UIは「習うより慣れろ」UIは「習うより慣れろ」
UIは「習うより慣れろ」tomo tsubota
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意Yasuhisa Hasegawa
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのかMikihiro Fujii
 
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜Chihiro Tomita
 

Was ist angesagt? (20)

UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
 
UX / UIデザインって何?
UX / UIデザインって何?UX / UIデザインって何?
UX / UIデザインって何?
 
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
 
Android UIデザイン入門
Android UIデザイン入門Android UIデザイン入門
Android UIデザイン入門
 
プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言プロトタイピングの潮流とデザイナーへの提言
プロトタイピングの潮流とデザイナーへの提言
 
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
 
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプIndigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
 
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
 
テックヒルズ
テックヒルズテックヒルズ
テックヒルズ
 
InVision勉強会資料
InVision勉強会資料InVision勉強会資料
InVision勉強会資料
 
人と向き合うプロトタイピング
人と向き合うプロトタイピング人と向き合うプロトタイピング
人と向き合うプロトタイピング
 
デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発デザイナーとエンジニアが話す、iOSアプリケーション開発
デザイナーとエンジニアが話す、iOSアプリケーション開発
 
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX! UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
 
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
 
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すためにモバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
 
UIは「習うより慣れろ」
UIは「習うより慣れろ」UIは「習うより慣れろ」
UIは「習うより慣れろ」
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
なぜUXをデザインしているのか
なぜUXをデザインしているのかなぜUXをデザインしているのか
なぜUXをデザインしているのか
 
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
Androidアプリの魅力的なインターフェース〜本当にiOSアプリのデザインを流用するだけでいいの?〜
 

Ähnlich wie 開発に知っておいて欲しいUX/UIデザインの考え方

第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923Hub DotnetDeveloper
 
LiBRA_210201/New_emploee
LiBRA_210201/New_emploeeLiBRA_210201/New_emploee
LiBRA_210201/New_emploeeMasanori Saito
 
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2Masanori Saito
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話Kazuki Yamashita
 
体験をデザインするとは何か
体験をデザインするとは何か体験をデザインするとは何か
体験をデザインするとは何かSunami Hokuto
 
モバイルのためのUXデザイン
モバイルのためのUXデザインモバイルのためのUXデザイン
モバイルのためのUXデザインYoshinori Wakizaka
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美schoowebcampus
 
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)Jiji Kim
 
UXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのかUXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのか伸彦 吉川
 
タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】JustSystems Corporation
 
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料Noriyo Asano
 
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料Satoru MURAKOSHI
 
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO JamExperience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO JamAkihiko Kodama
 
UXデザインとは 現状の私見
UXデザインとは 現状の私見UXデザインとは 現状の私見
UXデザインとは 現状の私見shinya tayama
 
赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計nobuyuki ikeda
 
CCC Design Session
CCC Design SessionCCC Design Session
CCC Design SessionMako Mizuno
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義Shin Iiboshi
 
DevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_pondeDevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_ponde英明 伊藤
 
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?Takami Yusuke
 

Ähnlich wie 開発に知っておいて欲しいUX/UIデザインの考え方 (20)

第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
 
LiBRA_210201/New_emploee
LiBRA_210201/New_emploeeLiBRA_210201/New_emploee
LiBRA_210201/New_emploee
 
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
 
211101_DXの基礎
211101_DXの基礎211101_DXの基礎
211101_DXの基礎
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
体験をデザインするとは何か
体験をデザインするとは何か体験をデザインするとは何か
体験をデザインするとは何か
 
モバイルのためのUXデザイン
モバイルのためのUXデザインモバイルのためのUXデザイン
モバイルのためのUXデザイン
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
 
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
 
UXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのかUXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのか
 
タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】タッグ開発の現場 【エンジニアとデザイナー編】
タッグ開発の現場 【エンジニアとデザイナー編】
 
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
 
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料
 
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO JamExperience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
 
UXデザインとは 現状の私見
UXデザインとは 現状の私見UXデザインとは 現状の私見
UXデザインとは 現状の私見
 
赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計赤点を減らすためのウェブサイトUI設計
赤点を減らすためのウェブサイトUI設計
 
CCC Design Session
CCC Design SessionCCC Design Session
CCC Design Session
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義
 
DevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_pondeDevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_ponde
 
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?
 

開発に知っておいて欲しいUX/UIデザインの考え方