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

More Related Content

What's hot

優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
 
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!!  Vol.1 UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!!  Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
Yoshiki Hayama
 

What's hot (20)

コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
 
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
 
アイデア収束からプロトタイピング
アイデア収束からプロトタイピングアイデア収束からプロトタイピング
アイデア収束からプロトタイピング
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザイン
 
UXのためのUIデザイン
UXのためのUIデザインUXのためのUIデザイン
UXのためのUIデザイン
 
UXの考え方とアプローチ
UXの考え方とアプローチUXの考え方とアプローチ
UXの考え方とアプローチ
 
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
 
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
 
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
【2023年版】UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
 
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
 
UXデザインの上流工程の考え方とプロセス  ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへUXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス  ~リサーチからアイデア発想そしてUIデザインへ
 
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!!  Vol.1 UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!!  Vol.1
UXデザイナーになりたい僕らのサバイバル生存戦略 〜UXデザイン・UXリサーチはどうやって学べばいいの?〜 | UX BOOST!! Vol.1
 
確実に良くするUI/UX設計
確実に良くするUI/UX設計確実に良くするUI/UX設計
確実に良くするUI/UX設計
 
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about ladderingワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
 
UXデザインとコンセプト評価 ~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよUXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価 ~俺様企画はだめなのよ
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義
 
ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!
ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!
ユーザーインタビューからその後どうするの? 発話録からKA法(本質的価値抽出法)でインサイトを見つけよう!
 
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチエスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
 
安藤研鬼十則V1
安藤研鬼十則V1安藤研鬼十則V1
安藤研鬼十則V1
 
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うなワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
 

Viewers also liked

企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
 
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザインITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
 

Viewers also liked (20)

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

0528 kanntigai ui_ux