Suche senden
Hochladen
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
•
461 gefällt mir
•
502,475 views
Kazuki Yamashita
Folgen
3/26/2014 @LightningSpot Shibuya - Powered by PROsheet - Designed by IMPATH
Weniger lesen
Mehr lesen
Design
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 47
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きました
Masaya Ando
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
Masaya Ando
Empfohlen
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きました
Masaya Ando
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
Masaya Ando
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
Masaya Ando
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
Yoshiki Hayama
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
UXデザイン概論 2019
UXデザイン概論 2019
Masaya Ando
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
Yoshiki Hayama
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
Kanako Fukiage
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
UIデザインの基本
UIデザインの基本
Roy Kim
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
Yoshiki Hayama
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
Yoshiki Hayama
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
Yoshiki Hayama
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
Yoshiki Hayama
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
Weitere ähnliche Inhalte
Was ist angesagt?
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
Masaya Ando
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
Yoshiki Hayama
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
UXデザイン概論 2019
UXデザイン概論 2019
Masaya Ando
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
Yoshiki Hayama
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
Kanako Fukiage
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
UIデザインの基本
UIデザインの基本
Roy Kim
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
Yoshiki Hayama
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
Yoshiki Hayama
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
Yoshiki Hayama
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
Yoshiki Hayama
Was ist angesagt?
(20)
はじめてのUXとUIの話
はじめてのUXとUIの話
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UXデザイン概論 2019
UXデザイン概論 2019
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
UXデザインを速く! 軽く! そして根拠をもって、回せ! すばやいユーザー調査からつなげるアジャイルUX
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
UXの考え方とアプローチ
UXの考え方とアプローチ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
UIデザインの基本
UIデザインの基本
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
お客様の目を覚ませ! ついでに自分の目も覚ませ! デザイン思考のクライアントワークのプレセールス
「顧客の声を聞かない」とはどういうことか
「顧客の声を聞かない」とはどういうことか
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
UXデザインの海外最新「UXトレンドレポート2022」を読んで、考える
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
Andere mochten auch
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
Why startups need "Lean Startup" & "Design Sprint"?
Why startups need "Lean Startup" & "Design Sprint"?
Takaaki Umada
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要
Takaaki Umada
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについて
Takaaki Umada
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
Konomi Kawaharada
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
UXはじめの一歩
UXはじめの一歩
井上 誠
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
UXとブランド
UXとブランド
Takehisa Gokaichi
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
Masaya Ando
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
Andere mochten auch
(20)
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
UXのためのUIデザイン
UXのためのUIデザイン
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
Why startups need "Lean Startup" & "Design Sprint"?
Why startups need "Lean Startup" & "Design Sprint"?
最近のUIデザインプロセス
最近のUIデザインプロセス
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについて
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
当たり前を当たり前だと思ってはいけない!スマートフォンUIデザイン
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
UXはじめの一歩
UXはじめの一歩
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
UXとブランド
UXとブランド
UIの話は会議室でするな
UIの話は会議室でするな
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
UXとUXD~長期的ユーザビリティをどう作りどう測るか?
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Ähnlich wie UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Hiroyuki Arai
モバイルのためのUXデザイン
モバイルのためのUXデザイン
Yoshinori Wakizaka
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
No innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey maps
Toru Mizumoto
DevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_ponde
英明 伊藤
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
磨いて光らせる UX入門
磨いて光らせる UX入門
yohei sugigami
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
Naoyuki Matsumoto
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
Takashi Sakamoto
ユーザーエクスペリエンスの分解
ユーザーエクスペリエンスの分解
Takehisa Gokaichi
UXD教育の実態と課題
UXD教育の実態と課題
Masaya Ando
「UXって何?」オンラインセミナー資料
「UXって何?」オンラインセミナー資料
Tomoyo Watanabe
App souken menu(ui&ux consulting)
App souken menu(ui&ux consulting)
appsouken
01_良いユーザー体験のためのデザイン
01_良いユーザー体験のためのデザイン
Emi Takayama
デザインの要件定義
デザインの要件定義
Shin Iiboshi
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
Masanori Saito
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
Masaya Ando
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
Yasushi Senda
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?
Kazumi Miyamura
Ähnlich wie UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
(20)
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
モバイルのためのUXデザイン
モバイルのためのUXデザイン
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
No innovative ideas can be created from persona and customer journey maps
No innovative ideas can be created from persona and customer journey maps
DevLOVEkosien2014_itow_ponde
DevLOVEkosien2014_itow_ponde
なぜUXをデザインしているのか
なぜUXをデザインしているのか
磨いて光らせる UX入門
磨いて光らせる UX入門
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
ユーザーエクスペリエンスの分解
ユーザーエクスペリエンスの分解
UXD教育の実態と課題
UXD教育の実態と課題
「UXって何?」オンラインセミナー資料
「UXって何?」オンラインセミナー資料
App souken menu(ui&ux consulting)
App souken menu(ui&ux consulting)
01_良いユーザー体験のためのデザイン
01_良いユーザー体験のためのデザイン
デザインの要件定義
デザインの要件定義
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
ユーザエクスペリエンス~それは何か・どう捉え・どう開発につなげるのか?
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
1.
UI Design and
UX for Engineer Powered by 26/3/2014 @Lightningspot Shibuya / Kazuki Yamashita Designed by IMPATH
2.
山 下 一
樹 インフォメーションアーキテクト
3.
アプリ開発 Web、スマフォアプリの設計/開発 プロトタイプ設計 UI改善コンサルティング Webサイト制作 Webサイトの企画、UXデザイン
4.
UI Design and
UX for Engineer
5.
UX
6.
UI/UX? UIとUXの関連は?
7.
“ユーザーとサービス、商品の 相互作用すべてで、 混乱や面倒なしで顧客の的確 なニーズを満たし、所有する 楽しさ、使用する楽しさを 生み出す「簡潔さと優雅さ」” http://www.nngroup.com/about-user-experience-definition/ Donald Norman UX“User Experience”とは?
8.
ISO 13407(1999)人間中心設計が定義 ISO 9241-210(2010)UXについても定義 UX“User
Experience”とは? 製品やシステム、サービスの利用、及び/もしくは 予想された使い方によってもたらされる人々の知覚と反応
9.
暑い日、のどが渇いた人が自販機で水を買う。 ! その買い方がよく分からなかったり、 いくらの値段で販売しているのか分かりにくく、 なかなか水が買えずイライラした。 ! 暑い日なのに、せっかく買えた水がぬるい、 もう二度とこの自販機で買おうとは思わない。 UI UI UX UX UX
10.
モノ コト ユーザー
11.
多くのモノを作れば売れた 良いモノを作ればもっと売れた モノからコトへ モノがあふれている時代 デザインや機能だけでは売れない モノ→コト 大量 生産 スペック デザイン
12.
趣味 食事 旅行 外食 貯金 書籍 家電 車 何にお金をかけていますか? 2010年4月
経産省 消費者購買動向調査 自身の「経験や体験」
13.
体験とは? 期待 予感 もらう 出会う 触れる 使う 記憶 思い出 触れる前から思い出までのストーリー 時間の流れ
14.
視覚、聴覚、触覚、味覚、嗅覚 五感もUXをもたらす
15.
UX(体験)をデザインするとは?
16.
時間の流れ 顧客の思考・感情 顧客接点 サービス要素
17.
人間工学 ユーザビリティ工学 工業デザイン インタラクションデザイン UXデザイン マーケティング 情報アーキテクチャ コンピューター工学 ライティング コミュニケーション デザイン http://www.designingforinteraction.com/ 音響デザイン モーションデザイン UIデザイン
18.
UXデザインのフローとアウトプット(アプリの場合) ユーザー・環境の理解 ユーザー調査 コンテキスト ペルソナ定義 ユーザーのゴールと機能 メンタルモデル エクスペリエンスマップ UIのイメージ化 画面遷移 UIワイヤーフレーム プロトタイピング機能要件
19.
UIが良いとUXが向上? 良いUIがUXをもたらすとは限らない
20.
良いUXとは? 役に立つ 使いやすい 見つけやすい 価値がある 信頼できる 魅力的 誰でも見れる http://semanticstudios.com/publications/semantics/000029.php
21.
良いUXとは? Web以前のデザインから 重視されている Webによって 重視されるようになった これまでのデザイン手法だけ では実現不可能 役に立つ 使いやすい 見つけやすい 価値がある 信頼できる 魅力的 誰でも見れる
22.
ユーザーはモノより経験に関心がある。 ! クリエイターはストーリーと世界観をつくり、 良い始まりと結末によって ユーザーの記憶に残す使命がある。 ! 機能以上に価値のあるコトをつくる。
23.
UI Design and
UX for Engineer
24.
UI Design
25.
Design=設計とは? http://www.jjg.net/elements/pdf/elements.pdf ビジュアル 構造化 表現方法
26.
近接 整列 コントラスト 反復 レイアウトの原則 デザインの概念 デザインパターン アフォーダンス メタファ 構造化の手法 論理的に解決する
27.
近接 情報の関連性を視覚化する(見やすくする) 効果:ユーザーの理解を助ける 手法:導線を考慮しスペースを調整する
28.
商品A 商品B 商品C ¥2,000 ¥1,500 ¥3,000 購入 購入 購入 商品A ¥2,000 購入 商品B ¥1,500 購入 商品C ¥3,000
購入
29.
整列 要素を組織的に構造化する(見やすくする) 効果:統一感を持たせる 手法:基準となる線を引いて配置する
30.
左揃え 左揃えは複数行にわたる長い文章を読みやすくします。 主に見出しでは左揃えが用いられます。 中央寄せ 中央に寄せることで、要素の近接関係を強める 右揃え 続きはここをクリック ボタンなど、ユーザーに「次の」操作を促す場合は右に 揃える場合があります。
31.
コントラスト 異なる要素の差異を強める(注意をひく) 効果:ユーザーを意図して誘導できる 手法:濃淡やサイズなどを調整する
32.
商品A ¥2,000 購入 商品B ¥1,500 購入 商品C ¥3,000
購入 商品A ¥2,000 購入 商品B ¥1,500 購入 商品C ¥3,000 購入
33.
反復 レイアウトの原則を繰り返すこと 効果:一貫性を持たせ、文化を生む 手法:原則をガイドラインとして表出する
34.
近接 整列 コントラスト 反復 タイポグラフィ レイアウトの原則 デザインの概念 デザインパターン アフォーダンス メタファ 構造化の手法 論理的に解決する
35.
デザインパターン 既存のパターンを逸脱しない − 追加 ? 削除 テキストで見かけるアンカーリンクです。 多くの人はこちらのリンクをクリックします。 ×+
36.
アフォーダンス ユーザーが次に何をすれば良いのか明示する
37.
メタファ ユーザーが馴染んでいるものを継承する Apple Inc. iOS
7 Human Interface
38.
ビジュアルデザインは構造化の後で行う。 ! ユーザーの理解を助け、正しく、意図した通りに 導くためのインタフェースを「設計」する。 ! 各々のガイドラインに忠実であること。
39.
UI Design and
UX for Engineer
40.
for Engineer
41.
①クライアントの真の声を聴く クライアント 「商品名が見にくいので少し目立つようにしてください」 ユーザーは写真が見たいのかもしれない 仕様が知りたいのかもしれない 配送料が知りたいのかもしれない クライアント→ユーザーの真のニーズ
42.
②UIは慣れると間違いに気付かなくなる ビジュアルよりも配置や構成、構造化
43.
アプリケーション定義ステートメント アプリケーションの主要な目的とその対象を、 簡潔かつ具体的に宣言したもの https://developer.apple.com/jp/devcenter/ios/library/documentation/MobileHIG.pdf ③機能やコンセプトが一言で言えるかどうか 1. ユーザに好まれる可能性のあるすべての機能の洗い出し ex. ○○○を○○○できる 2.
対象ユーザの決定 →ユーザーのライフスタイル 3. 対象ユーザの定義による機能の絞り込み 4. このアプリではしないこと
44.
④ユーザーのコンテキストをいかに描けるか 運賃表:駅名と料金 お金を入れて下さい 切符?カード? 路線を選択 ここで選択 ユーザーの行動を想像してシステムに落とし込む
45.
⑤すべてのユーザーを幸せにするUIはない 対象を広げず真のユーザーにまっすぐであること
46.
UI Design and
UX for Engineer
47.
User
Jetzt herunterladen