Submit Search
Upload
UIデザインのプロセス
•
4 likes
•
1,487 views
Junichi Suzuki
Follow
プロダクトやサービスを最速で成功に導くデザインプロセスを実例をふまえながら解説。
Read less
Read more
Design
Report
Share
Report
Share
1 of 52
Download now
Download to read offline
Recommended
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
Junichi Suzuki
Ssi 20150519
Ssi 20150519
真一 藤川
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
佐藤 俊太郎
Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。
uenoyuuki
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
Midori Hirose
グラフィックレコードの研究 / Tokyo Graphic Recorder 清水 淳子 日本デザイン学会 第62回研究発表大会 2015/06/14
グラフィックレコードの研究 / Tokyo Graphic Recorder 清水 淳子 日本デザイン学会 第62回研究発表大会 2015/06/14
shimizu junko
Keio univ creative_imagination_002
Keio univ creative_imagination_002
Rikie Ishii
02 書いてから考えよう
02 書いてから考えよう
nishio
Recommended
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
ProttUserMeetupVol.7TOKYO_デザインプロセスとテクニック
Junichi Suzuki
Ssi 20150519
Ssi 20150519
真一 藤川
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
小さな会社(チーム)で クールなアプリをつくる方法 Gunosy UI Design Study #1
佐藤 俊太郎
Webアクセシビリティが無視されすぎで気にくわない。
Webアクセシビリティが無視されすぎで気にくわない。
uenoyuuki
ユーザーの心に刺ささるためには - UX実践編 -
ユーザーの心に刺ささるためには - UX実践編 -
Midori Hirose
グラフィックレコードの研究 / Tokyo Graphic Recorder 清水 淳子 日本デザイン学会 第62回研究発表大会 2015/06/14
グラフィックレコードの研究 / Tokyo Graphic Recorder 清水 淳子 日本デザイン学会 第62回研究発表大会 2015/06/14
shimizu junko
Keio univ creative_imagination_002
Keio univ creative_imagination_002
Rikie Ishii
02 書いてから考えよう
02 書いてから考えよう
nishio
Abテストノススメ
Abテストノススメ
Toru Enomoto
Agile UX NYC 2012 Redux in Tokyo (#AgileUXNYC_ja)
Agile UX NYC 2012 Redux in Tokyo (#AgileUXNYC_ja)
Kazumichi (Mario) Sakata
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
Seiko Kuchida
ABテスト:ユーザーメリットを具体的に伝えよう
ABテスト:ユーザーメリットを具体的に伝えよう
VOYAGE GROUP UIO strategies section
Product Stewardship at Startup Lessons Learned
Product Stewardship at Startup Lessons Learned
Tim McCoy
正規表現を覚えよう(中級編)
正規表現を覚えよう(中級編)
Kazuo Suzuki
20130302 仕事と子育ての両立for cafe
20130302 仕事と子育ての両立for cafe
理栄 山口
Abテストと検定
Abテストと検定
Teruki Shinohara
Google Analytics勉強会資料
Google Analytics勉強会資料
kimiyuki shirai
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト
Satoru Yamamoto
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
Katsuaki Sato
デザインの要件定義
デザインの要件定義
Shin Iiboshi
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
祐磨 堀
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
KLab Inc. / Tech
UXを視野に入れたUIリニューアルのプロセス_ペーパープロトタイピングについてのLT
UXを視野に入れたUIリニューアルのプロセス_ペーパープロトタイピングについてのLT
Keisuke Miyajima
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
Naoyuki Matsumoto
【オンライン】.NET 6 移行祭り! C# Tokyo イベント
【オンライン】.NET 6 移行祭り! C# Tokyo イベント
Tatsuya Ishikawa
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
祐磨 堀
More Related Content
Viewers also liked
Abテストノススメ
Abテストノススメ
Toru Enomoto
Agile UX NYC 2012 Redux in Tokyo (#AgileUXNYC_ja)
Agile UX NYC 2012 Redux in Tokyo (#AgileUXNYC_ja)
Kazumichi (Mario) Sakata
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
Seiko Kuchida
ABテスト:ユーザーメリットを具体的に伝えよう
ABテスト:ユーザーメリットを具体的に伝えよう
VOYAGE GROUP UIO strategies section
Product Stewardship at Startup Lessons Learned
Product Stewardship at Startup Lessons Learned
Tim McCoy
正規表現を覚えよう(中級編)
正規表現を覚えよう(中級編)
Kazuo Suzuki
20130302 仕事と子育ての両立for cafe
20130302 仕事と子育ての両立for cafe
理栄 山口
Abテストと検定
Abテストと検定
Teruki Shinohara
Google Analytics勉強会資料
Google Analytics勉強会資料
kimiyuki shirai
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
Masaya Ando
最近のUIデザインプロセス
最近のUIデザインプロセス
Shingo Katsushima
営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト
Satoru Yamamoto
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
Katsuaki Sato
Viewers also liked
(13)
Abテストノススメ
Abテストノススメ
Agile UX NYC 2012 Redux in Tokyo (#AgileUXNYC_ja)
Agile UX NYC 2012 Redux in Tokyo (#AgileUXNYC_ja)
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
OSC2011 Hokkaido テーマセッション「はじめてのWebデザイン」
ABテスト:ユーザーメリットを具体的に伝えよう
ABテスト:ユーザーメリットを具体的に伝えよう
Product Stewardship at Startup Lessons Learned
Product Stewardship at Startup Lessons Learned
正規表現を覚えよう(中級編)
正規表現を覚えよう(中級編)
20130302 仕事と子育ての両立for cafe
20130302 仕事と子育ての両立for cafe
Abテストと検定
Abテストと検定
Google Analytics勉強会資料
Google Analytics勉強会資料
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
最近のUIデザインプロセス
最近のUIデザインプロセス
営業向け ABテストの統計学 データアーティスト
営業向け ABテストの統計学 データアーティスト
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴
Similar to UIデザインのプロセス
デザインの要件定義
デザインの要件定義
Shin Iiboshi
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
祐磨 堀
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
KLab Inc. / Tech
UXを視野に入れたUIリニューアルのプロセス_ペーパープロトタイピングについてのLT
UXを視野に入れたUIリニューアルのプロセス_ペーパープロトタイピングについてのLT
Keisuke Miyajima
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
Naoyuki Matsumoto
【オンライン】.NET 6 移行祭り! C# Tokyo イベント
【オンライン】.NET 6 移行祭り! C# Tokyo イベント
Tatsuya Ishikawa
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
祐磨 堀
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
Chihiro Tomita
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
Nobuya Sato
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
Keisuke Tada
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
Tomohiro Oda
Swiftビギナーズ 2016/01/09
Swiftビギナーズ 2016/01/09
Yutaka Tajika
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
まべ☆てっく運営
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
Kazuhiko Tsuchiya
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Satoru Yamaguchi
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Naoki Umehara
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
LINE Corporation
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
Similar to UIデザインのプロセス
(20)
デザインの要件定義
デザインの要件定義
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
禍つヴァールハイトを支えるレイアウト業務
禍つヴァールハイトを支えるレイアウト業務
UXを視野に入れたUIリニューアルのプロセス_ペーパープロトタイピングについてのLT
UXを視野に入れたUIリニューアルのプロセス_ペーパープロトタイピングについてのLT
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
UXデザイン×ヒューリスティック評価
UXデザイン×ヒューリスティック評価
【オンライン】.NET 6 移行祭り! C# Tokyo イベント
【オンライン】.NET 6 移行祭り! C# Tokyo イベント
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
【DevLOVE甲子園2014】デザイナーも、 アジャイル開発に 挑みたい!(希望)
ABC2014 Spring: UI/UX Design Trends 2014
ABC2014 Spring: UI/UX Design Trends 2014
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
モバイルアプリのインタラクションプロトタイピング - 高速に仮説・実行・検証サイクルを回すために
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
ライブ UI プロトタイピング に向けたマルチ言語環境 SOMETHINGit
Swiftビギナーズ 2016/01/09
Swiftビギナーズ 2016/01/09
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
うちではこうやっています UI構築のルールとPlaymakerを使った画面遷移
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
ユーザビリティ/ユーザーエクスペリエンス (UX) の視点で考えるアクセシビリティ (CSS Nite in SHIZUOKA, Vol.3)
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
モバイル対応Ui部品を利用したレスポンシブwebアプリ開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
UIデザインのプロセス
1.
アライドアーキテクツ株式会社 UIデザインのプロセス 鈴木潤一
2.
@globalwe6 UI Designer 鈴木潤一 Allied Architects,
Inc.
3.
@globalwe6 UI Designer 鈴木潤一 たまにお坊さん UIデザイナー お坊さん
4.
守備範囲 企画 UX設計 UIデザイン (WEB/アプリ) フロントエンド>
> >
5.
守備範囲 企画 UX設計 UIデザイン (WEB/アプリ) フロントエンド>
> >
6.
実績
7.
1. デザインプロセス 2. 実例 アジェンダ
8.
デザインプロセス
9.
デザインプロセス 登山
10.
デザインプロセス 登山
11.
デザインプロセス 登山
12.
沢山あるルートから選択を繰り返して 頂上を目指す
13.
14.
登りだしたら常に手探り状態
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
俯瞰力 どの頂上を目指しどうやって登るか 仮説検証のサイクル 行ったり来たりを効率的に
31.
ツール
32.
ヒアリング ステートメント プロトタイピング ABテスト フレームワーク フェーズにあわせて使い分け
33.
序盤 中盤 終盤
34.
序盤 中盤 終盤 何を、どのように作るか 仮説検証 ヒアリング ステートメント
35.
序盤 中盤 終盤 何を、どのように作るか 仮説検証 ヒアリング ステートメント 実際にモノを作りながら 仮説検証 プロトタイピング フレームワーク
36.
序盤 中盤 終盤 何を、どのように作るか 仮説検証 ヒアリング ステートメント 実際にモノを作りながら 仮説検証 プロトタイピング フレームワーク プロダクトアウト後に ユーザーに使ってもらい ながら仮説検証 ABテスト
37.
序盤 中盤 終盤 何を、どのように作るか 仮説検証 実際にモノを作りながら 仮説検証 プロダクトアウト後に ユーザーに使ってもらい ながら仮説検証 ヒアリング ステートメント プロトタイピング フレームワーク ABテスト 機械的 原始的
38.
序盤 中盤 何を、どのように作るか 仮説検証 実際にモノを作りながら 仮説検証 ヒアリング ステートメント プロトタイピング フレームワーク
39.
アプリケーション定義ステートメント アプリのゴールをシンプルに明文化した定義書 序盤 何を、どのように作るか仮説検証 1.ステートメント(ヒトコト説明) 2.ターゲットユーザー 3.ユースケース 4.コア機能 5.諦めること
40.
アプリケーション定義ステートメント 1.ステートメント(ヒトコト説明) 2.ターゲットユーザー 3.ユースケース 4.コア機能 5.諦めること アプリのゴールをシンプルに明文化した定義書 Appleが 強く推奨 序盤 何を、どのように作るか仮説検証
41.
1.ステートメント 植物の写真を通して人がつながる 2.ターゲット ガーデニングや観葉植物に結構興味があるひと 3.ユースケース 植物のアレンジ方法を知りたい / 自分の植物を褒めて欲しい 4.コア機能 フォト投稿 / コミュニケーション(コメント/いいね) 5.諦めること 詳細な育て方(レシピ) 序盤 何を、どのように作るか仮説検証
42.
ヒアリング 1.キャンペーン後アンケート 2.Skypeインタビュー 3.カフェインタビュー 4.Facebookメッセージ 5.自らユーザーになる 6.公式アカウント運用 ユーザーの気持ちを少しでも理解する活動 序盤 何を、どのように作るか仮説検証
43.
ヒアリング ユーザーの気持ちを少しでも理解する活動 1.キャンペーン後アンケート 2.Skypeインタビュー 3.カフェインタビュー 4.Facebookメッセージ 5.自らユーザーになる 6.公式アカウント運用 序盤 何を、どのように作るか仮説検証
44.
ヒアリング ユーザーの気持ちを少しでも理解する活動 1.キャンペーン後アンケート 2.Skypeインタビュー 3.カフェインタビュー 4.Facebookメッセージ 5.自らユーザーになる 6.公式アカウント運用 序盤 何を、どのように作るか仮説検証
45.
プロトタイピング ホワイトボード プロトタイピングツール 参考アプリ • prott • flint チームメンバーでアウトプットイメージの共有 Instagram、Twitter、その他写真共有系アプリなど 中盤
実際にモノを作りながら仮説検証
46.
フレームワーク Bootstrap WEBの設計に使う時間を、別の作業にわりあてられた 中盤 実際にモノを作りながら仮説検証 プロダクトアウトのスピードアップ
47.
まとめ
48.
頂上にいかに早く到達するか デザインプロセス 登山
49.
1.俯瞰力 2.仮説検証のサイクル 3.ツールは効果的なフェーズで使う ポイント
50.
• 何回も山に登る • 頂上のモノに触れて、逆ルートをイメージ 俯瞰力をつけるトレーニング おまけ
51.
おまけ 俯瞰力をつけるトレーニング • 何回も山に登る • 頂上のモノに触れて、逆ルートをイメージ •
素晴らしいプロダクトやサービス • アート/芸術
52.
Thank you
Download now