SlideShare a Scribd company logo
勘違いUI/UXデザイン
松井 沙織
っていうかデザインって
なんですか?
0528 kanntigai ui_ux
たしかに
「デザイン」している
だけどこれはほんの一部分。
じゃあデザインとは?
[Design]
デザインは日本語では「設計」にもあたり、「形
態」や「意匠」と訳されてきたが、それだけに
限らず、人間の行為(その多くは目的を持つ)
をより良いかたちで適えるための「計画」も意
味する。(Wikipedia引用)
なんかちょっと難しい、絵とかアートとか
そういうのじゃないの?
日本での「デザイン」
という言葉のなりゆき
日本で「デザイン」という言葉を訳したとき「着
物の柄」「浮世絵」などを指したことからアー
トや絵、ビジュアルてきなものが「デザイン」
と認識され始めてしまった。
しかしこれも誤訳というわけではない。
本来のデザインとは
人間の行為をよりよいかたちで、適えるための
「計画」「設計」をすること。
そのアウトプットの種類によって呼び方が様々
そうすると、
デザインの意味もわかってくる気がする
キャリアデザイン
キャリア(将来)を
デザイン(計画・設計)すること
ファッションデザイン
ファッション(装飾)を
デザイン(計画・設計)すること
建築デザイン
建築を
デザイン(計画・設計)すること
で、より良く人に
使ってもらうために
色・形・文字・動き
いわゆる「見た目」の部分を
「UI」でアプリデザイン
しているのが
私やエンジニアです
松井 沙織
@matu_sao
紙媒体でグラフィックデザインを3年→WEB系やりたい
なーってベーシック入社、入った瞬間にアプリマーケがフ
ルセイルになる←イマココ
グラフィックとかアプリUIデザイナーやってます。まつ
こって呼ばれてますけどDXではないです。身長148センチ
です。
よろしくお願いします ヾ(:3ノシヾ)ノシ”
UI・UXデザインって
なんですか!!!!!!!!!!!!!
じゃあ!
結局のところ
UIは
「ユーザーインターフェース」
ユーザーと、デバイス(機械・コンピューター)
をむすぶインターフェースのこと。
※インターフェースとはざっくりいうと画面、世
界観、その「モノ」の顔みたいなもの。
だからこそ「モノ」に合った「見た目」と「使
い勝手」が必要。人間と一緒でしょ
0528 kanntigai ui_ux
UXは
「ユーザーエクスペリエンス」
ユーザーが「モノ」にふれて体験・経験して得
られる知覚(認知)や反応
ざっくりいうと、
何かをふれて感じたこと、行動に起こしたこと、
その一連の出来事がUX
この間がUX(ユーザー体験・経験)
iPhone購入時のUX
ここでUIの
登場です!!
製品に合った
プロモーション
他企業とは
違う売り場
目的(ビジョン)のことを
考えてこそのUX
そしてそれに適したUI
ここだけよくてもだめ
Appleのデザインが美しい理由
明確なビジョン・ミッションステートは提示していな
い。
あえていうなら、数年後の”普通”を作っている。複雑
に見せず、シンプルにできると思わせるようにデザイ
ンしている。
経営者(ジョブズ)がデザインセンスを持ち、思想が
しっかりしていたので実現できたデザインの美しさ。
UIとUXは字面が似ているので
一緒に並べがち。
本来はUXのひとつとして、
ユーザーに近い立場のUIが
重要視されている
というだけ
「デザインは
デザイナーの仕事だろ!
デザインはわからないし
いい感じのデザイン
よろしく!!!!」
【悲報です】
「デザインは、
デザイナーを任せるには
重要すぎる」
IDEO ティム ブラウン
某コンビニの
コーヒーメーカー
任せすぎた例
有名クリエイティブディレクターが
コーヒーメーカーをデザイン。
売り上げは大好評だけど、店頭では…
0528 kanntigai ui_ux
R(レギュラー)・L(ラージ)
日本だとRLは、右左の表記Left・Rightの方が馴
染みがある。大きさを表すには少し不親切。
コンビニには様々な年齢層のユーザーがいる。
S・M・⬜
何が入ると思います?
S・M・L
なぜ「L」だと思いました?
それがメンタルモデルです。
自分の中のイメージや反復、習慣などが
行動への理由となる。
赤色は女性用・青色は男性用だと
思う、これもメンタルモデル
使う人のことを考えれば
見えてくることがある。
正解は一つではないが、
作り手だけではわからない
視点や市場がある。
どうすればよかったのか?
• ユーザーのことを考えるべきだった。
• 店員(店頭)ではどう使われるのか考えるべきだった。
• どうコーヒーを売るのかを考えるべきだった。しかし
これらは失敗ではないと思います。あんなかっこいい
スタイリッシュなコーヒーメーカー考えるのすごい
• でも売り上げは好調、なぜならその手間や不便さがあっ
ても需要があるから。
マーケティング・企画
ユーザー行動の分析
全体を見通した
ものづくりや
組織での考え方が必要
役職に関係なく
目的のために考えれば
見えてくる
わからなかったら使う人を
観察すること
正解は一つではないですが
何か勘違いや疑問や
あやふやに思っていたことは
解けましたか?
以上です、ご静聴
ありがとうございました

More Related Content

PDF
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
PDF
UX / UIデザインって何?
PDF
図解で学ぶ「Lean UX」
PDF
いいデザインのために組織の一人ひとりができること
PDF
優れたデザインの 定義と思考方法
PDF
UXデザインの上流工程の考え方とプロセス  ~リサーチからアイデア発想そしてUIデザインへ
PDF
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
PDF
UX白書には本当は何が書かれているか
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UX / UIデザインって何?
図解で学ぶ「Lean UX」
いいデザインのために組織の一人ひとりができること
優れたデザインの 定義と思考方法
UXデザインの上流工程の考え方とプロセス  ~リサーチからアイデア発想そしてUIデザインへ
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX白書には本当は何が書かれているか

What's hot (20)

PDF
UXデザイン概論 2019
PDF
UIデザインの基本
PDF
つくり込むUX・うみ出すUX・うまれるUX
PDF
心地よいUIの温度 - 言葉と気遣いで高めるUI -
PDF
サービスデザインとUXDそしてデザインプロセス
PDF
”安藤昌也さん”のUX論 ~ 利他的な「私」
PDF
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
PDF
事例で学ぶデザインの原則 by Life is Tech !
PDF
UXデザインの為のIA(情報アーキテクチャ)
PDF
“UI/UX”?~恥をかかないための15分UXD入門
PDF
デザインのためのデザイン
PDF
Webデザインのセオリーを学ぼう
PDF
UXデザインとコンセプト評価 ~俺様企画はだめなのよ
PDF
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
PDF
ユーザーインタビューからその後どうするの? 得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
PDF
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
PDF
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
PDF
サービスにおけるビジュアルデザインの役割
PDF
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
PDF
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
UXデザイン概論 2019
UIデザインの基本
つくり込むUX・うみ出すUX・うまれるUX
心地よいUIの温度 - 言葉と気遣いで高めるUI -
サービスデザインとUXDそしてデザインプロセス
”安藤昌也さん”のUX論 ~ 利他的な「私」
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
事例で学ぶデザインの原則 by Life is Tech !
UXデザインの為のIA(情報アーキテクチャ)
“UI/UX”?~恥をかかないための15分UXD入門
デザインのためのデザイン
Webデザインのセオリーを学ぼう
UXデザインとコンセプト評価 ~俺様企画はだめなのよ
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
ユーザーインタビューからその後どうするの? 得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
サービスにおけるビジュアルデザインの役割
UXデザインのはじめの一歩を体験しよう! ユーザーインタビューの基本 | UXデザイン実践セミナー 第1回
UXデザインが大事なのはわかるけど エンジニアの私ができることってなんでしょう?
Ad

Viewers also liked (20)

PDF
女子の心をつかむUIデザインポイント - MERY編 -
PDF
UXはじめの一歩
PDF
UXとブランド
PDF
はじめてのUXとUIの話
PDF
[UX]は投げ捨てろ!
PDF
UIの話は会議室でするな
PDF
ShibuyaUX - UX and Analytics
PPTX
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
PDF
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
PDF
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
PDF
おかんでもわかるUXデザイン Ver.0.1
PDF
なぜUXをデザインしているのか
PPTX
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
PDF
ニコニコ超デザイン-Metro考察編-
PDF
UXの考え方とアプローチ
PPTX
UI設計の土台になる考え方-インテリジェントネット社内勉強会
PDF
アプリUI勉強会 in ネットイヤーグループ
PDF
企画が考えるスマホUIデザイン
PDF
スマホサービスにおける、UIデザインのノウハウと実例
PDF
UXのためのUIデザイン
女子の心をつかむUIデザインポイント - MERY編 -
UXはじめの一歩
UXとブランド
はじめてのUXとUIの話
[UX]は投げ捨てろ!
UIの話は会議室でするな
ShibuyaUX - UX and Analytics
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
おかんでもわかるUXデザイン Ver.0.1
なぜUXをデザインしているのか
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
ニコニコ超デザイン-Metro考察編-
UXの考え方とアプローチ
UI設計の土台になる考え方-インテリジェントネット社内勉強会
アプリUI勉強会 in ネットイヤーグループ
企画が考えるスマホUIデザイン
スマホサービスにおける、UIデザインのノウハウと実例
UXのためのUIデザイン
Ad

Similar to 0528 kanntigai ui_ux (20)

PDF
体験をデザインするとは何か
PPTX
UXデザインとは 現状の私見
PPTX
DevLOVEkosien2014_itow_ponde
PDF
Ux入門
PDF
AstroBlasterUI研修
PDF
ノンデザイナー向け!ゼロから考えるデザインの基礎 #01 デザインとは?
PDF
明日からデキるUXデザイン#1講義編
PDF
アプリデザインのお勉強 UI/UXのお話
PPTX
UIデザインの基本
PPTX
UIデザインの基本
PDF
UXデザインの居場所:UXなまトーク資料
PDF
UXデザインをゆるく学ぶ意味
PDF
実務視点のデザイン経営
PPTX
デザイン×呼び方 -「見た目」の話を抜け出そう
PDF
もしも素人営業ウーマンが UI/UXデザイナーになったら
PDF
「UXって何?」オンラインセミナー資料
PDF
1222_ProconLT
PDF
『デザイニング・インターフェース』読書会資料
PDF
Bridge UXからUIへ
PDF
福井で「しあわせデザイナー」になるために
体験をデザインするとは何か
UXデザインとは 現状の私見
DevLOVEkosien2014_itow_ponde
Ux入門
AstroBlasterUI研修
ノンデザイナー向け!ゼロから考えるデザインの基礎 #01 デザインとは?
明日からデキるUXデザイン#1講義編
アプリデザインのお勉強 UI/UXのお話
UIデザインの基本
UIデザインの基本
UXデザインの居場所:UXなまトーク資料
UXデザインをゆるく学ぶ意味
実務視点のデザイン経営
デザイン×呼び方 -「見た目」の話を抜け出そう
もしも素人営業ウーマンが UI/UXデザイナーになったら
「UXって何?」オンラインセミナー資料
1222_ProconLT
『デザイニング・インターフェース』読書会資料
Bridge UXからUIへ
福井で「しあわせデザイナー」になるために

0528 kanntigai ui_ux