Submit Search
Upload
ユーザインターフェース10分講座
•
7 likes
•
1,701 views
Tsutomu Kawamura
Follow
高校生向けアイデアソン・ハッカソンにて。 プロトタイピングの流れと方法。既存のアプリをスケッチしてみよう。
Read less
Read more
Education
Report
Share
Report
Share
1 of 30
Download now
Download to read offline
Recommended
デザイン品質管理施策 行く年来る年
デザイン品質管理施策 行く年来る年
春奈 真井
ぐるみについてのご紹介 | Design Study Morning #5
ぐるみについてのご紹介 | Design Study Morning #5
Tetsuya Ohnishi
いいデザインと悪いデザイン
いいデザインと悪いデザイン
Takahashi Koki
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
サイトリニューアル時のコンセプト設計
サイトリニューアル時のコンセプト設計
LIG inc.
Google glassを作る
Google glassを作る
Suguru Oho
Ncカスタムモジュールセミナー
Ncカスタムモジュールセミナー
Mitsuru Mutaguchi
Recommended
デザイン品質管理施策 行く年来る年
デザイン品質管理施策 行く年来る年
春奈 真井
ぐるみについてのご紹介 | Design Study Morning #5
ぐるみについてのご紹介 | Design Study Morning #5
Tetsuya Ohnishi
いいデザインと悪いデザイン
いいデザインと悪いデザイン
Takahashi Koki
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
サイトリニューアル時のコンセプト設計
サイトリニューアル時のコンセプト設計
LIG inc.
Google glassを作る
Google glassを作る
Suguru Oho
Ncカスタムモジュールセミナー
Ncカスタムモジュールセミナー
Mitsuru Mutaguchi
インターネットってなんだろう?
インターネットってなんだろう?
Tsutomu Kawamura
Emmet入門
Emmet入門
Kota Furusawa
201311 coworking
201311 coworking
Tsutomu Kawamura
Barcode-punk
Barcode-punk
Tsutomu Kawamura
Riot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたち
Tsutomu Kawamura
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
Tsutomu Kawamura
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
Tsutomu Kawamura
ハードディスクの正しい消去(2015.7)
ハードディスクの正しい消去(2015.7)
UEHARA, Tetsutaro
Tagbar 2018-02-23
Tagbar 2018-02-23
Dai Yamasaki
Enjoy Graphic Recording
Enjoy Graphic Recording
Satomi Wanami
ゲーム開発出身者がチームラボで働いてみた
ゲーム開発出身者がチームラボで働いてみた
秀和 福永
未来をプロトタイプしよう
未来をプロトタイプしよう
Yasuhisa Hasegawa
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
Smart prsentationのすすめ0804
Smart prsentationのすすめ0804
Dai Murata
Design Thinking - מארגון ממוקד טכנולוגיה לארגון ממוקד משתמש
Design Thinking - מארגון ממוקד טכנולוגיה לארגון ממוקד משתמש
Hen Shkedi
Director's Night 20130921
Director's Night 20130921
Takeshi Yamamoto
誰でもできるサービスデザインの思考法
誰でもできるサービスデザインの思考法
Aya Hori
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
Indigo.Design概要
Indigo.Design概要
インフラジスティックス・ジャパン株式会社
MY JOB WEND TO VIETNUM? DevSumi ver.
MY JOB WEND TO VIETNUM? DevSumi ver.
Ryo Amano
Keynote 20120316
Keynote 20120316
Rikimaru Tomohiro
20121206 来年度新入社員懇親会ライトニングトーク
20121206 来年度新入社員懇親会ライトニングトーク
Yasuhiro Kinoshita
More Related Content
Viewers also liked
インターネットってなんだろう?
インターネットってなんだろう?
Tsutomu Kawamura
Emmet入門
Emmet入門
Kota Furusawa
201311 coworking
201311 coworking
Tsutomu Kawamura
Barcode-punk
Barcode-punk
Tsutomu Kawamura
Riot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたち
Tsutomu Kawamura
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
Tsutomu Kawamura
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
Tsutomu Kawamura
ハードディスクの正しい消去(2015.7)
ハードディスクの正しい消去(2015.7)
UEHARA, Tetsutaro
Viewers also liked
(8)
インターネットってなんだろう?
インターネットってなんだろう?
Emmet入門
Emmet入門
201311 coworking
201311 coworking
Barcode-punk
Barcode-punk
Riot: ver.3 での変更点と、周辺ツールたち
Riot: ver.3 での変更点と、周辺ツールたち
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
Riot + generator で始める新しいデータバインディング
Riot + generator で始める新しいデータバインディング
ハードディスクの正しい消去(2015.7)
ハードディスクの正しい消去(2015.7)
Similar to ユーザインターフェース10分講座
Tagbar 2018-02-23
Tagbar 2018-02-23
Dai Yamasaki
Enjoy Graphic Recording
Enjoy Graphic Recording
Satomi Wanami
ゲーム開発出身者がチームラボで働いてみた
ゲーム開発出身者がチームラボで働いてみた
秀和 福永
未来をプロトタイプしよう
未来をプロトタイプしよう
Yasuhisa Hasegawa
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
Smart prsentationのすすめ0804
Smart prsentationのすすめ0804
Dai Murata
Design Thinking - מארגון ממוקד טכנולוגיה לארגון ממוקד משתמש
Design Thinking - מארגון ממוקד טכנולוגיה לארגון ממוקד משתמש
Hen Shkedi
Director's Night 20130921
Director's Night 20130921
Takeshi Yamamoto
誰でもできるサービスデザインの思考法
誰でもできるサービスデザインの思考法
Aya Hori
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
Indigo.Design概要
Indigo.Design概要
インフラジスティックス・ジャパン株式会社
MY JOB WEND TO VIETNUM? DevSumi ver.
MY JOB WEND TO VIETNUM? DevSumi ver.
Ryo Amano
Keynote 20120316
Keynote 20120316
Rikimaru Tomohiro
20121206 来年度新入社員懇親会ライトニングトーク
20121206 来年度新入社員懇親会ライトニングトーク
Yasuhiro Kinoshita
チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話
ikue hanawa
Webライティングのポイント
Webライティングのポイント
rie hirayama
Webya110114a
Webya110114a
toksato Tokunaga
デザイナー体験ワークショップ_202207
デザイナー体験ワークショップ_202207
ssuserdaf3e1
設計(≒デザイン)の話をしよう #nds35
設計(≒デザイン)の話をしよう #nds35
将 高野
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
schoowebcampus
Similar to ユーザインターフェース10分講座
(20)
Tagbar 2018-02-23
Tagbar 2018-02-23
Enjoy Graphic Recording
Enjoy Graphic Recording
ゲーム開発出身者がチームラボで働いてみた
ゲーム開発出身者がチームラボで働いてみた
未来をプロトタイプしよう
未来をプロトタイプしよう
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Smart prsentationのすすめ0804
Smart prsentationのすすめ0804
Design Thinking - מארגון ממוקד טכנולוגיה לארגון ממוקד משתמש
Design Thinking - מארגון ממוקד טכנולוגיה לארגון ממוקד משתמש
Director's Night 20130921
Director's Night 20130921
誰でもできるサービスデザインの思考法
誰でもできるサービスデザインの思考法
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Indigo.Design概要
Indigo.Design概要
MY JOB WEND TO VIETNUM? DevSumi ver.
MY JOB WEND TO VIETNUM? DevSumi ver.
Keynote 20120316
Keynote 20120316
20121206 来年度新入社員懇親会ライトニングトーク
20121206 来年度新入社員懇親会ライトニングトーク
チームにプロトタイピングを導入した話
チームにプロトタイピングを導入した話
Webライティングのポイント
Webライティングのポイント
Webya110114a
Webya110114a
デザイナー体験ワークショップ_202207
デザイナー体験ワークショップ_202207
設計(≒デザイン)の話をしよう #nds35
設計(≒デザイン)の話をしよう #nds35
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
プロジェクトリーダーになったら学ぶべき、プロジェクト・マネジメント入門 先生:芝本 秀徳
More from Tsutomu Kawamura
Oss cafe usp友の会lt
Oss cafe usp友の会lt
Tsutomu Kawamura
OSSCafe USP友の会 LT
OSSCafe USP友の会 LT
Tsutomu Kawamura
Espresooと始める適材適所のアプリ利用術
Espresooと始める適材適所のアプリ利用術
Tsutomu Kawamura
CoderDojoの始め方
CoderDojoの始め方
Tsutomu Kawamura
「デザイニング・インターフェース」勉強会 - 第7章
「デザイニング・インターフェース」勉強会 - 第7章
Tsutomu Kawamura
Canvas勉強会
Canvas勉強会
Tsutomu Kawamura
PaaS祭り - pagoda box
PaaS祭り - pagoda box
Tsutomu Kawamura
OpenCola
OpenCola
Tsutomu Kawamura
OpenSource Cafe @ PAX Jelly #20
OpenSource Cafe @ PAX Jelly #20
Tsutomu Kawamura
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
Tsutomu Kawamura
ModernAqua
ModernAqua
Tsutomu Kawamura
教育ガラパゴスは必要ですか?
教育ガラパゴスは必要ですか?
Tsutomu Kawamura
Sugar CRM Q&A (2)
Sugar CRM Q&A (2)
Tsutomu Kawamura
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
Tsutomu Kawamura
SugarCRM勉強会#010 Q&Aセッション
SugarCRM勉強会#010 Q&Aセッション
Tsutomu Kawamura
SugarCRMへのアプローチ
SugarCRMへのアプローチ
Tsutomu Kawamura
Sugar CRMへのアプローチ
Sugar CRMへのアプローチ
Tsutomu Kawamura
SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#006 OSCミナー配布資料
Tsutomu Kawamura
SugarCRM勉強会#003 新テーマシステムを読み解く
SugarCRM勉強会#003 新テーマシステムを読み解く
Tsutomu Kawamura
More from Tsutomu Kawamura
(19)
Oss cafe usp友の会lt
Oss cafe usp友の会lt
OSSCafe USP友の会 LT
OSSCafe USP友の会 LT
Espresooと始める適材適所のアプリ利用術
Espresooと始める適材適所のアプリ利用術
CoderDojoの始め方
CoderDojoの始め方
「デザイニング・インターフェース」勉強会 - 第7章
「デザイニング・インターフェース」勉強会 - 第7章
Canvas勉強会
Canvas勉強会
PaaS祭り - pagoda box
PaaS祭り - pagoda box
OpenCola
OpenCola
OpenSource Cafe @ PAX Jelly #20
OpenSource Cafe @ PAX Jelly #20
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
【17-E-7】デブサミ2011 LT 「WEBにスタッフロールを!」
ModernAqua
ModernAqua
教育ガラパゴスは必要ですか?
教育ガラパゴスは必要ですか?
Sugar CRM Q&A (2)
Sugar CRM Q&A (2)
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 美容室からお寺まで、Sugarで顧客管理10業種
SugarCRM勉強会#010 Q&Aセッション
SugarCRM勉強会#010 Q&Aセッション
SugarCRMへのアプローチ
SugarCRMへのアプローチ
Sugar CRMへのアプローチ
Sugar CRMへのアプローチ
SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#006 OSCミナー配布資料
SugarCRM勉強会#003 新テーマシステムを読み解く
SugarCRM勉強会#003 新テーマシステムを読み解く
Recently uploaded
TEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdf
yukisuga3
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
inspirehighstaff03
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
inspirehighstaff03
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
ssusere0a682
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
inspirehighstaff03
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
inspirehighstaff03
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
inspirehighstaff03
My Inspire High Award 2024「老いることは不幸なこと?」
My Inspire High Award 2024「老いることは不幸なこと?」
inspirehighstaff03
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
Ken Fukui
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
Ken Fukui
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
inspirehighstaff03
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
Ken Fukui
My Inspire High Award 2024 「孤独は敵なのか?」
My Inspire High Award 2024 「孤独は敵なのか?」
inspirehighstaff03
My Inspire High Award 2024 「正義って存在するの?」
My Inspire High Award 2024 「正義って存在するの?」
inspirehighstaff03
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
Ken Fukui
My Inspire High Award 2024 「本当の『悪者』って何?」
My Inspire High Award 2024 「本当の『悪者』って何?」
inspirehighstaff03
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
Ken Fukui
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
inspirehighstaff03
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
inspirehighstaff03
My Inspire High Award 2024 「家族とは何か」
My Inspire High Award 2024 「家族とは何か」
inspirehighstaff03
Recently uploaded
(20)
TEAMIN Service overview for customer_20240422.pdf
TEAMIN Service overview for customer_20240422.pdf
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「世の中の流行はどのようにして生まれるのか」
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
My Inspire High Award 2024「Yakushima Islandってなんか変じゃない?」.pdf
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
【ゲーム理論入門】ChatGPTが作成した ゲーム理論の問題を解く #3 Slide
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「スーパーマーケットで回収されたキャベツ外葉は廃棄されているの?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「他者と自分、対立を防ぐには?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「なぜ人は他人と違うところがあってもそれをなかなか誇れないのか?」
My Inspire High Award 2024「老いることは不幸なこと?」
My Inspire High Award 2024「老いることは不幸なこと?」
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 事前講座2スライド(スタッフ共有用)『両雄の強さの秘密』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
リアル戦国探究in米沢 当日講座2スライド(スタッフ共有用)『人を致すも人に致されず』についてのスライド
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
My Inspire High Award 2024「なぜ議会への関心が低いのか?」
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
リアル戦国探究in米沢 当日講座3スライド(スタッフ共有用)『糧は三度はさいせず』についてのスライド
My Inspire High Award 2024 「孤独は敵なのか?」
My Inspire High Award 2024 「孤独は敵なのか?」
My Inspire High Award 2024 「正義って存在するの?」
My Inspire High Award 2024 「正義って存在するの?」
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
リアル戦国探究in米沢 当日講座1(スタッフ共有用)『兵は詐をもって立つ』についてのスライド
My Inspire High Award 2024 「本当の『悪者』って何?」
My Inspire High Award 2024 「本当の『悪者』って何?」
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
リアル戦国探究in米沢 事前講座1スライド(スタッフ共有用)『川中島の謎』についてのスライド
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award 2024「なぜ、好きなことにいつかは飽きるの」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award2024「外国人が日本のテーブルマナーに驚く理由は?」
My Inspire High Award 2024 「家族とは何か」
My Inspire High Award 2024 「家族とは何か」
ユーザインターフェース10分講座
1.
2.
本題の前に
3.
みんなはどっちのタイプ? Aさん Bさん プログラミング ★★★★★
★☆☆☆☆ デザイン ☆☆☆☆☆ ★☆☆☆☆ 撮影 + 発信 ☆☆☆☆☆ ★☆☆☆☆ プレゼンテーション ☆☆☆☆☆ ★☆☆☆☆ ディレクション ☆☆☆☆☆ ★☆☆☆☆
4.
こうなると楽しいよ Aさん Bさん プログラミング ★★★★★
★☆☆☆☆ デザイン ★☆☆☆☆ ★★★★★ 撮影 + 発信 ★☆☆☆☆ ★☆☆☆☆ プレゼンテーション ★☆☆☆☆ ★☆☆☆☆ ディレクション ★☆☆☆☆ ★☆☆☆☆
5.
⃝⃝⃝⃝だけでは、作れない プログラミングだけでは作れない デザインだけでももちろん作れない 一番良いのは、全部できて、何かに特化していること お互いの分野を知らないと、協力できない(話せない)
6.
ができるまで 考える デザイン プログラミング
宣伝 もっと良くする 「アプリ」
7.
考える デザイン プログラミング
宣伝 もっと良くする ができるまで「アプリ」
8.
「アプリ」ができるまで 考える: なにが欲しい? 使ってみたい?
何が作れる? デザイン: 画面のデザイン(UI) 利用シーンのデザイン(UX) プログラミング: フロントエンド: iOS、Android、Web バックエンド: PaaS, BaaS, Node.js, Ruby on Rails, PHP プロモーション: 「それが何か」わかりやすく伝える もっと良くする: 作ったら終わりじゃない
9.
結構いろいろ大変
10.
そこで、プロトタイピング
11.
プロトタイピング 絵を描くようにアプリをつくることは「まだ」できない 画面や動きのデザインだけ作って「手触り」を試す 良いものを最短コースで
12.
例えば、 こんなの 作りたい
13.
Sketch
14.
15.
marvel Sketchでデザイン 手描きでもOK 動きをつける
16.
17.
自分の スマートフォンで 試せる
18.
ほかにも色々・増えている
19.
部品(デザイン)は、 いろいろと 公開されている
20.
ならべていくだけでも 結構作れる
21.
ならべていくだけでも 結構作れる だからこそ、何が 実現可能か知る必要あり
22.
じゃあ、みんなもやってみよう
23.
いきなりは、難しいので
24.
を題材に
25.
26.
Chats People
27.
Chats Start Let’s start chatting! People
Chats Search More
28.
描いてみて、気がついた部分が あったと思います
29.
無意識に 使っているものほど大切
30.
ツトム UIデザイン プレゼンテーション 担当 この辺で分かんないことは この人に聞こう。 cognitom
Download now