Soumettre la recherche
Mettre en ligne
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
•
461 j'aime
•
502,163 vues
Kazuki Yamashita
Suivre
3/26/2014 @LightningSpot Shibuya - Powered by PROsheet - Designed by IMPATH
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 47
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きました
Masaya Ando
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
Recommandé
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
ITエンジニアに易しいUI/UXデザイン
ITエンジニアに易しいUI/UXデザイン
Roy Kim
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
『UXデザインの教科書』を書きました
『UXデザインの教科書』を書きました
Masaya Ando
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
Masaya Ando
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
shinta rock
人間中心とは何なのか? 〜利他的UXから考える
人間中心とは何なのか? 〜利他的UXから考える
Masaya Ando
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
”安藤昌也さん”のUX論 ~ 利他的な「私」
”安藤昌也さん”のUX論 ~ 利他的な「私」
Masaya Ando
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
Yoshiki Hayama
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
UIデザインの基本
UIデザインの基本
Roy Kim
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
Masaya Ando
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
Yoshiki Hayama
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
UXデザイン概論
UXデザイン概論
Masaya Ando
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
UXとユーザビリティ計測
UXとユーザビリティ計測
Leonardo Ken Orihara
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
Contenu connexe
Tendances
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
Masaya Ando
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
shinta rock
人間中心とは何なのか? 〜利他的UXから考える
人間中心とは何なのか? 〜利他的UXから考える
Masaya Ando
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
”安藤昌也さん”のUX論 ~ 利他的な「私」
”安藤昌也さん”のUX論 ~ 利他的な「私」
Masaya Ando
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
インターリンク株式会社
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
Yoshiki Hayama
UXの考え方とアプローチ
UXの考え方とアプローチ
Masaya Ando
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
UIデザインの基本
UIデザインの基本
Roy Kim
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
Masaya Ando
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
Yoshiki Hayama
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
UXデザイン概論
UXデザイン概論
Masaya Ando
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
UXとユーザビリティ計測
UXとユーザビリティ計測
Leonardo Ken Orihara
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
Tendances
(20)
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
人間中心とは何なのか? 〜利他的UXから考える
人間中心とは何なのか? 〜利他的UXから考える
最近のUIデザインプロセス
最近のUIデザインプロセス
”安藤昌也さん”のUX論 ~ 利他的な「私」
”安藤昌也さん”のUX論 ~ 利他的な「私」
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXデザインの資格ってどんなの? HCD-Net認定 人間中心設計スペシャリスト・人間中心設計専門家
UXの考え方とアプローチ
UXの考え方とアプローチ
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
UIデザインの基本
UIデザインの基本
エスノグラフィック・デザインアプローチ
エスノグラフィック・デザインアプローチ
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UXデザイン概論
UXデザイン概論
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
UXとユーザビリティ計測
UXとユーザビリティ計測
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
0528 kanntigai ui_ux
0528 kanntigai ui_ux
En vedette
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
企画が考えるスマホ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
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要
Takaaki Umada
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについて
Takaaki Umada
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
はじめてのUXとUIの話
はじめてのUXとUIの話
Kazuki Yamashita
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
当たり前を当たり前だと思ってはいけない!スマートフォン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
En vedette
(20)
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
Why startups need "Lean Startup" & "Design Sprint"?
Why startups need "Lean Startup" & "Design Sprint"?
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要
Design Sprint Process / デザインスプリントの実際のプロセスについて
Design Sprint Process / デザインスプリントの実際のプロセスについて
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
はじめてのUXとUIの話
はじめてのUXとUIの話
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
当たり前を当たり前だと思ってはいけない!スマートフォン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
Similaire à UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
Hiroyuki Arai
モバイルのためのUXデザイン
モバイルのためのUXデザイン
Yoshinori Wakizaka
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
人間の成長とユーザエクスペリエンス
人間の成長とユーザエクスペリエンス
Masaya Ando
Similaire à UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
(20)
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
UXD-based Biz Development / ユーザエクスペリエンスデザインをベースにした事業創造のススメ
モバイルのためのUXデザイン
モバイルのためのUXデザイン
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
Télécharger maintenant