開発に知っておいて欲しい
デザインの考え方
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

More Related Content

PDF
勘違いだらけのAndroid UIデザイン
PDF
Prott's design
PDF
スマホサービスにおける、UIデザインのノウハウと実例
PDF
ニコニコ超デザイン-Metro考察編-
PDF
ネイティブアプリにおける、UI/インタラクションのトレンド
PPTX
スマートフォンサイトデザインに求められるUI/UX設計術
PDF
確実に良くするUI/UX設計
PDF
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ
勘違いだらけのAndroid UIデザイン
Prott's design
スマホサービスにおける、UIデザインのノウハウと実例
ニコニコ超デザイン-Metro考察編-
ネイティブアプリにおける、UI/インタラクションのトレンド
スマートフォンサイトデザインに求められるUI/UX設計術
確実に良くするUI/UX設計
これだけは知っておけ!はじめてのAndroidアプリデザイン〜9-patch編 先生:秋葉 ちひろ

What's hot (20)

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

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

PDF
Shinjuku.html5.lunch #11
PPTX
当たり前を当たり前だと思ってはいけない!スマートフォンフォンUIデザイン
PDF
はじめてのUXとUIの話
PDF
AstroBlasterUI研修
PPTX
開発者のためのUIデザイン入門
PDF
UXデザイン✕アジャイル✕受託開発
PDF
Practical ux4publish
PDF
ITエンジニアに易しいUI/UXデザイン
PDF
“UI/UX”?~恥をかかないための15分UXD入門
PPTX
スマートフォンUIデザイン
PPTX
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
PPTX
Go azure5 16 9_提出用
PDF
UX - 業務システムにも感動を
PDF
UXの考え方とアプローチ
PDF
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
PDF
jjug_night_20161121
PDF
Designing UX Development
PDF
UXD教育の実態と課題
PDF
Jumvo 2.0 における デザイナーとエンジニアの連携
PDF
『デザイニング・インターフェース』読書会資料
Shinjuku.html5.lunch #11
当たり前を当たり前だと思ってはいけない!スマートフォンフォンUIデザイン
はじめてのUXとUIの話
AstroBlasterUI研修
開発者のためのUIデザイン入門
UXデザイン✕アジャイル✕受託開発
Practical ux4publish
ITエンジニアに易しいUI/UXデザイン
“UI/UX”?~恥をかかないための15分UXD入門
スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Go azure5 16 9_提出用
UX - 業務システムにも感動を
UXの考え方とアプローチ
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
jjug_night_20161121
Designing UX Development
UXD教育の実態と課題
Jumvo 2.0 における デザイナーとエンジニアの連携
『デザイニング・インターフェース』読書会資料
Ad

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