Submit Search
Upload
はじめてのUXとUIの話
•
22 likes
•
66,255 views
Kazuki Yamashita
Follow
俺聞け4(2013/2/16)にて発表、これからの取り組み前に一度整理しておきたかったUXとUIの話。
Read less
Read more
Design
Report
Share
Report
Share
1 of 34
Download now
Download to read offline
Recommended
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
Recommended
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
「UIデザイン」入門セミナー
「UIデザイン」入門セミナー
Tomoyo Watanabe
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
人間中心設計の国際規格ISO9241-210:2010のポイント
人間中心設計の国際規格ISO9241-210:2010のポイント
Masaya Ando
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
UX概念介紹
UX概念介紹
Chihjen Yao
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
Masaya Ando
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
Yu Morita
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
つくり込むUX・うみ出すUX・うまれるUX
つくり込むUX・うみ出すUX・うまれるUX
Masaya Ando
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
UIデザインの基本
UIデザインの基本
Roy Kim
More Related Content
What's hot
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
「UIデザイン」入門セミナー
「UIデザイン」入門セミナー
Tomoyo Watanabe
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
人間中心設計の国際規格ISO9241-210:2010のポイント
人間中心設計の国際規格ISO9241-210:2010のポイント
Masaya Ando
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
UX概念介紹
UX概念介紹
Chihjen Yao
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
Masaya Ando
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
Yu Morita
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
つくり込むUX・うみ出すUX・うまれるUX
つくり込むUX・うみ出すUX・うまれるUX
Masaya Ando
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
What's hot
(20)
0528 kanntigai ui_ux
0528 kanntigai ui_ux
UXのためのUIデザイン
UXのためのUIデザイン
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
「UIデザイン」入門セミナー
「UIデザイン」入門セミナー
確実に良くするUI/UX設計
確実に良くするUI/UX設計
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
人間中心設計の国際規格ISO9241-210:2010のポイント
人間中心設計の国際規格ISO9241-210:2010のポイント
最近のUIデザインプロセス
最近のUIデザインプロセス
UX / UIデザインって何?
UX / UIデザインって何?
UX概念介紹
UX概念介紹
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
デザインのためのデザイン
デザインのためのデザイン
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
おかんでもわかるUXデザイン Ver.0.2 CSS Nite Edition
UXの考え方とアプローチ
UXの考え方とアプローチ
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
つくり込むUX・うみ出すUX・うまれるUX
つくり込むUX・うみ出すUX・うまれるUX
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
Viewers also liked
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
UIデザインの基本
UIデザインの基本
Roy Kim
UXはじめの一歩
UXはじめの一歩
井上 誠
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
UXとブランド
UXとブランド
Takehisa Gokaichi
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig24/7
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
Katsuhito Okada
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
swwwitch inc.
Viewers also liked
(17)
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
UIデザインの基本
UIデザインの基本
UXはじめの一歩
UXはじめの一歩
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
UXとブランド
UXとブランド
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
UIの話は会議室でするな
UIの話は会議室でするな
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
WebSig会議 vol.33:2ndセッション「ハートに響くUIを生み出すためのデザインプロセス」
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
なぜUXをデザインしているのか
なぜUXをデザインしているのか
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
Similar to はじめてのUXとUIの話
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
Noriyo Asano
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
Masanori Saito
LiBRA_210201/New_emploee
LiBRA_210201/New_emploee
Masanori Saito
211101_DXの基礎
211101_DXの基礎
Masanori Saito
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
Akihiro Mukai
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
GoAzure
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
neokigao
体験をデザインするとは何か
体験をデザインするとは何か
Sunami Hokuto
UX設計の第一歩-インテリジェントネット社内勉強会
UX設計の第一歩-インテリジェントネット社内勉強会
INI株式会社
モバイルのためのUXデザイン
モバイルのためのUXデザイン
Yoshinori Wakizaka
UXD教育の実態と課題
UXD教育の実態と課題
Masaya Ando
Go azure5 16 9_提出用
Go azure5 16 9_提出用
Mami Shiino
UX - 業務システムにも感動を
UX - 業務システムにも感動を
Yasunobu Kawaguchi
磨いて光らせる UX入門
磨いて光らせる UX入門
yohei sugigami
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Jiji Kim
ユーザ体験ゼミ
ユーザ体験ゼミ
Leonardo Ken Orihara
ゲームから学ぶUIUXデザインプロセス
ゲームから学ぶUIUXデザインプロセス
UIUX Lab,CyberAgent
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
Naoyuki Matsumoto
UXデザインとは 現状の私見
UXデザインとは 現状の私見
shinya tayama
Similar to はじめてのUXとUIの話
(20)
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
LiBRA_210201/New_emploee
LiBRA_210201/New_emploee
211101_DXの基礎
211101_DXの基礎
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
A 1-4 azure × metro style apps~ azure ではじめるmetro スタイル アプリ~
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
体験をデザインするとは何か
体験をデザインするとは何か
UX設計の第一歩-インテリジェントネット社内勉強会
UX設計の第一歩-インテリジェントネット社内勉強会
モバイルのためのUXデザイン
モバイルのためのUXデザイン
UXD教育の実態と課題
UXD教育の実態と課題
Go azure5 16 9_提出用
Go azure5 16 9_提出用
UX - 業務システムにも感動を
UX - 業務システムにも感動を
磨いて光らせる UX入門
磨いて光らせる UX入門
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
ユーザ体験ゼミ
ユーザ体験ゼミ
ゲームから学ぶUIUXデザインプロセス
ゲームから学ぶUIUXデザインプロセス
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
UXデザインとは 現状の私見
UXデザインとは 現状の私見
はじめてのUXとUIの話
1.
はじめての UXとUIの話 俺聞け4
2013.2.16 山下 一樹
2.
山下 一樹 ykazuki 会社員 メーカー系SE
3.
UXって⃝⃝⃝ 今 日 の
じゃUIは? 話 UI改善をやってみた
4.
UXって⃝⃝⃝
5.
User Experience “ユーザーとサービス、商品の 相互作用すべてで、 混乱や面倒なしで顧客の的確 なニーズを満たし、所有する 楽しさ、使用する楽しさを 生み出す「簡潔さと優雅さ」”
Donald Norman http://www.nngroup.com/about-user-experience-definition/
6.
ユーザー
もの できごと=UX
7.
UXデザイン 期待
もらう ずっと 記憶 触れる 予感 出会う 使う 思い出 時間の流れ
8.
UXを実現していた例
ドラゴンクエストはスクエアエニックスの登録商標です 期待 もらう ずっと 記憶 触れる 予感 出会う 使う 思い出
9.
五感に訴える 視覚、聴覚、触覚、味覚、嗅覚
10.
UXって⃝⃝⃝
11.
UXって記憶に残ること
12.
記憶に残るかどうかは、 人によって違うのでルール化できない
でも、 “より多くの人に記憶に残ってほしい” これがクリエイターの使命であり 挑戦する面白さでもある
13.
UXって⃝⃝⃝ 今 日 の
じゃUIは? 話 UI改善をやってみた
14.
じゃUIは?
15.
五感に訴える 視覚、聴覚、触覚、味覚、嗅覚 味覚、嗅覚 は、
ウェブでは表現できない ビジュアル、言葉、図形で補完 UI :
16.
ユーザー
もの できごと=UX UI
17.
もの
プロダクトデザイン 人間工学 インタラクション ユーザビリティ 情報 認知心理学 情報アーキテクト 情報デザイン 情報工学
18.
UIを考えるには “カッコイイ”だけじゃない 使いやすさの前にある“分かりやすさ”
誰もが本当に分かりやすいか?
19.
Simplify “私たちがなによりも大切にしている のは、 ユーザーとコンテンツの間に 余計なものが何もないと思えるまで、 設計を徹底的に練り直すこと” “単にシンプルなものから、本当に 洗練されたものへとそぎ落として いく過程が、
私は好きなのです” Jonathan Ive http://www.telegraph.co.uk/technology/apple/9283706/Jonathan-Ive-interview-simplicity-isnt-simple.html
20.
洗練されたものへの過程
やること ポイント 機能 情報を整理する ・ 誰もが分かりやすいか? × UIを組む 考える 白黒ワイヤーフレームで ルールに基づいて ユーザーとして操作する 整合が取れているか?
21.
じゃUIは?
22.
最初はカッコよくなくていい 分かりやすさ≠デザイン 徹底的に考え繰り返す
23.
UXって⃝⃝⃝ 今 日 の
じゃUIは? 話 UI改善をやってみた
24.
UI改善をやってみた
25.
チェックインシステム
26.
27.
触れやすいか
13.5度
28.
従来の表示
五十音順表のルーツ適応
29.
30.
31.
Before After
32.
さいごに
33.
複雑さの中で生きている
34.
UIで分かりやすく UXでHappyに! 記憶に残るものを 一緒に作りましょう
Download now