Soumettre la recherche
Mettre en ligne
最近のUIデザインプロセス
•
74 j'aime
•
69,497 vues
Shingo Katsushima
Suivre
最近自分が仕事でやってるUIデザインプロセスについてまとめました。
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 17
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
エンジニアの立場で考えるUXデザイン
エンジニアの立場で考えるUXデザイン
Masaya Ando
9コマシナリオの使い方
9コマシナリオの使い方
Mayumi Okusa
UXデザイン概論 2019
UXデザイン概論 2019
Masaya Ando
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
Yoshiki Hayama
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
Yoshiki Hayama
”安藤昌也さん”のUX論 ~ 利他的な「私」
”安藤昌也さん”のUX論 ~ 利他的な「私」
Masaya Ando
Recommandé
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
エンジニアの立場で考えるUXデザイン
エンジニアの立場で考えるUXデザイン
Masaya Ando
9コマシナリオの使い方
9コマシナリオの使い方
Mayumi Okusa
UXデザイン概論 2019
UXデザイン概論 2019
Masaya Ando
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
ワークショップのアイデア発想で「AIでユーザーに最適な情報を出します」とか言うな
Yoshiki Hayama
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
DXのためのUX(ユーザーエクスペリエンス) 〜ユーザーとシステムが手をつなぐために〜
Yoshiki Hayama
”安藤昌也さん”のUX論 ~ 利他的な「私」
”安藤昌也さん”のUX論 ~ 利他的な「私」
Masaya Ando
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?
Masaya Ando
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
Yoshiki Hayama
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
Masaya Ando
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
UXデザイン概論
UXデザイン概論
Masaya Ando
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
サービスデザインとUXDそしてデザインプロセス
サービスデザインとUXDそしてデザインプロセス
Masaya Ando
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
Masaya Ando
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
Masaya Ando
使う人の体験を時間軸で考えよう〜UXデザインの視点を取り入れる
使う人の体験を時間軸で考えよう〜UXデザインの視点を取り入れる
Masaya Ando
人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指して
Masaya Ando
人間中心設計の国際規格ISO9241-210:2010のポイント
人間中心設計の国際規格ISO9241-210:2010のポイント
Masaya Ando
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら
Yoshiki Hayama
Why startups need "Lean Startup" & "Design Sprint"?
Why startups need "Lean Startup" & "Design Sprint"?
Takaaki Umada
Design Sprint 概要 / デザインスプリント概要
Design Sprint 概要 / デザインスプリント概要
Takaaki Umada
Contenu connexe
Tendances
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
kenji goto
顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?
Masaya Ando
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
Yoshiki Hayama
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
Masaya Ando
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
UXデザイン概論
UXデザイン概論
Masaya Ando
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
サービスデザインとUXDそしてデザインプロセス
サービスデザインとUXDそしてデザインプロセス
Masaya Ando
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
Masaya Ando
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
Masaya Ando
使う人の体験を時間軸で考えよう〜UXデザインの視点を取り入れる
使う人の体験を時間軸で考えよう〜UXデザインの視点を取り入れる
Masaya Ando
人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指して
Masaya Ando
人間中心設計の国際規格ISO9241-210:2010のポイント
人間中心設計の国際規格ISO9241-210:2010のポイント
Masaya Ando
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら
Yoshiki Hayama
Tendances
(20)
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
顧客体験のデザイン〜そのサービスに“願い”はあるか?
顧客体験のデザイン〜そのサービスに“願い”はあるか?
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
メンタルモデル・ダイアグラムで学ぶ定性(質的)分析・親和図法 :2015年1月31日 ワイワイCAFE BITTER
UXデザインとコンセプト評価~俺様企画はだめなのよ
UXデザインとコンセプト評価~俺様企画はだめなのよ
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
UXデザイン概論
UXデザイン概論
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
サービスデザインとUXDそしてデザインプロセス
サービスデザインとUXDそしてデザインプロセス
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
UXのためのUIデザイン
UXのためのUIデザイン
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
確実に良くするUI/UX設計
確実に良くするUI/UX設計
UXデザインの理論・プロセス・手法の体系とポイント
UXデザインの理論・プロセス・手法の体系とポイント
使う人の体験を時間軸で考えよう〜UXデザインの視点を取り入れる
使う人の体験を時間軸で考えよう〜UXデザインの視点を取り入れる
人々が“社会と関わっている実感”をデザインすることはを目指して
人々が“社会と関わっている実感”をデザインすることはを目指して
人間中心設計の国際規格ISO9241-210:2010のポイント
人間中心設計の国際規格ISO9241-210:2010のポイント
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら
En vedette
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デザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
Akiko Ohtsuka
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
INI株式会社
UIデザインの基本
UIデザインの基本
Roy Kim
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
Html s1
Html s1
Jun Chiba
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
Akihiro Moriyama
ゲームから学ぶui ux
ゲームから学ぶui ux
yumi_chappy
CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話
CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話
Takahiro YAMAGUCHI
16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選
16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選
Tomoyuki Arasuna
スタートアップとデザインのいい関係。
スタートアップとデザインのいい関係。
Matsumoto Takamasa
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
Makoto Shimizu
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Hiroki Takaba
En vedette
(20)
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デザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI&UX / 重要なのは、毎日さわって嬉しい UI UX!
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UI設計の土台になる考え方-インテリジェントネット社内勉強会
UIデザインの基本
UIデザインの基本
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
Html s1
Html s1
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
ゲームUI/UX勉強会予習資料「ゲームにおけるUXデザイン」
ゲームから学ぶui ux
ゲームから学ぶui ux
CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話
CEDEC2013 ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話
16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選
16種類(45カテゴリ)の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選
スタートアップとデザインのいい関係。
スタートアップとデザインのいい関係。
ShibuyaUX - UX and Analytics
ShibuyaUX - UX and Analytics
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
AppStoreとGooglePlayの両プラットフォームに選ばれるUI/UX最適化
Similaire à 最近のUIデザインプロセス
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
Yuki Kuroki
みるみらができるまで2
みるみらができるまで2
tetu_fs
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
Norihisa Nagano
エターナらないゲーム開発
エターナらないゲーム開発
Kohki Miki
ゲームジャム対策集中講座 ~よくある問題と対策~
ゲームジャム対策集中講座 ~よくある問題と対策~
Yasuyuki Kamata
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
チームグリグリ メンバーの個性を生かすゲーム作り
チームグリグリ メンバーの個性を生かすゲーム作り
IGDA Japan
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
Koyomin Zの紹介
Koyomin Zの紹介
Atsuya Tsuchikawa
Prottで変える開発プロセス
Prottで変える開発プロセス
Takumi Kai
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
yuitoakatsukijp
Windows10のお気に入りの機能を使いやすくしてみる
Windows10のお気に入りの機能を使いやすくしてみる
Shigeo Ueda
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1
MinGeun Park
Nutanixログほいほい作ってみた.pdf
Nutanixログほいほい作ってみた.pdf
satorukondou
UE4制作におけるゲームデザイナーのやれること
UE4制作におけるゲームデザイナーのやれること
キンアジ ちゃん
プロトタイプから始めるユーザーテスト
プロトタイプから始めるユーザーテスト
Kenji Ikehara
みくみくまうすについて&Unity で使えるコーディングノウハウ
みくみくまうすについて&Unity で使えるコーディングノウハウ
torisoup
人と向き合うプロトタイピング
人と向き合うプロトタイピング
wariemon
デザイナー・コーダーのための黒い画面入門 先生:和田 修一
デザイナー・コーダーのための黒い画面入門 先生:和田 修一
schoowebcampus
デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門
webcampusschoo
Similaire à 最近のUIデザインプロセス
(20)
【いまこそ】エンジニアとデザイナー【立ち上がれ】
【いまこそ】エンジニアとデザイナー【立ち上がれ】
みるみらができるまで2
みるみらができるまで2
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
エターナらないゲーム開発
エターナらないゲーム開発
ゲームジャム対策集中講座 ~よくある問題と対策~
ゲームジャム対策集中講座 ~よくある問題と対策~
UIの話は会議室でするな
UIの話は会議室でするな
チームグリグリ メンバーの個性を生かすゲーム作り
チームグリグリ メンバーの個性を生かすゲーム作り
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Koyomin Zの紹介
Koyomin Zの紹介
Prottで変える開発プロセス
Prottで変える開発プロセス
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
Windows10のお気に入りの機能を使いやすくしてみる
Windows10のお気に入りの機能を使いやすくしてみる
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1
Nutanixログほいほい作ってみた.pdf
Nutanixログほいほい作ってみた.pdf
UE4制作におけるゲームデザイナーのやれること
UE4制作におけるゲームデザイナーのやれること
プロトタイプから始めるユーザーテスト
プロトタイプから始めるユーザーテスト
みくみくまうすについて&Unity で使えるコーディングノウハウ
みくみくまうすについて&Unity で使えるコーディングノウハウ
人と向き合うプロトタイピング
人と向き合うプロトタイピング
デザイナー・コーダーのための黒い画面入門 先生:和田 修一
デザイナー・コーダーのための黒い画面入門 先生:和田 修一
デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門
最近のUIデザインプロセス
1.
最近の UIデザインプロセス UXデザインチーム 勝島真悟
2.
1.話を聞きながら ラフを描く
3.
4.
1.話を聞きながら ラフを描く • その場で描く(席に持ち帰ったらだめ) • あのゲームのあの画面みたいな? •
アイデア出し的な感じで雑に描いて決める • これは?じゃあこれは?と矢継ぎ早に描く • 決定したら写真撮ってグループチャットにアップ
5.
2.ペーパー プロトタイピング
6.
7.
2.ペーパー プロトタイピング • なんか気分が盛り上がる(^o^) • 画面遷移はどんな感じで? •
画面に入るか • 実装可能か • 時間内にできそうか • 何回でも簡単に作り直せる
8.
3.Prottで フィードバックをもらう
9.
10.
3.Prottで フィードバックをもらう • まさかり飛んでくる • 使い勝手はどう? •
メンバーに聞きたいこと • エンジニア:実装可能?実装コストは高い? • ディレクター:企画の意図通りになってる? • デザイナー:絵のレギュレーションは大丈夫? • 運営:コンプライアンス問題ない? • QA:ユーザーから問い合わせ来そうなのはどこ? • グラフィックを描き進めたらProttを更新する(常にProttを一元情報として共有)
11.
12.
4.Sketchで ワイヤーフレームを描く
13.
14.
4.Sketchで ワイヤーフレームを描く • 画面を俯瞰で見れるから情報設計も同時に • 詳細を詰める •
ボタンの大きさ、グリッドなどを決める • 文字、画像が入るか
15.
6.Photoshop で モックを描く • Skala
Preview 便利 http://bjango.com/mac/skalapreview/ • Web書き出しアクションをつくる • 誰でも編集可能なpsdにする(しないやつを叩く) http://photoshopetiquette.com/
16.
8.実装する • HTML &
SCSS で書く • KSS スタイルガイドにパーツを追加する
17.
気をつけていること • 隣にいる人によく見てもらう(1時間に2∼3回) • 「どう?かっこ良くない?」「ださい?」 •
途中でも見せる(やる気がもたない) • 絶対にPCで見せずにスマホで見てもらう (主にProttにあげてから) • 共有するときは決定権のある人にまず見せる
Télécharger maintenant