Submit Search
Upload
Adobe XDのビデオ録画と自動アニメーションを利用したクライアントへのアプローチ
•
0 likes
•
565 views
Tetsuya Ihata
Follow
3/30に行われた「Adobe XD ユーザーグループ名古屋 vol.2」のLTのスライドです。
Read less
Read more
Design
Report
Share
Report
Share
1 of 27
Download now
Download to read offline
Recommended
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
@dots 20150924
Pixate導入についてのあれこれ
Pixate導入についてのあれこれ
Kazuyuki Oikawa
Prott User Meetup vol.14「クライアントワーク特集」 https://prott.connpass.com/event/44681/ で利用したスライドです。 モバイルアプリやWebサービスの新規受託案件で、プロトタイピングツール「Prott」を導入し(Sketchも連動)、クライアントも巻き込みながら、プロジェクトを円滑に進めていくために意識するポイントやノウハウをまとめています。
ゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラー
Shusuke Toda
2018年12月に開催したおおさかクリエイティブミーティングSP にて発表したスライドになります。
背景を作って苦労してみた ~Amplify Impostors~
背景を作って苦労してみた ~Amplify Impostors~
poko ponmaru
For DevLOVE現場甲子園2014日本シリーズ
塹壕にいるすべての同朋へ
塹壕にいるすべての同朋へ
toshihiro ichitani
DevLove甲子園2015 西日本大会 発表資料
UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発
Takuya Kitamura
LT資料 @ Prott User Meetup vol.6 TOKYO
Prototype in Service Design
Prototype in Service Design
Hiiro Kato
http://www.kansai-u.ac.jp/umeda/event-seminar/startup/post-90.html
アイデアを形にする ①プロダクト設計のイロハを学ぶ
アイデアを形にする ①プロダクト設計のイロハを学ぶ
DIVE INTO CODE Corp.
Recommended
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
@dots 20150924
Pixate導入についてのあれこれ
Pixate導入についてのあれこれ
Kazuyuki Oikawa
Prott User Meetup vol.14「クライアントワーク特集」 https://prott.connpass.com/event/44681/ で利用したスライドです。 モバイルアプリやWebサービスの新規受託案件で、プロトタイピングツール「Prott」を導入し(Sketchも連動)、クライアントも巻き込みながら、プロジェクトを円滑に進めていくために意識するポイントやノウハウをまとめています。
ゆめみ流 クライアントワークにおけるトライアル&エラー
ゆめみ流 クライアントワークにおけるトライアル&エラー
Shusuke Toda
2018年12月に開催したおおさかクリエイティブミーティングSP にて発表したスライドになります。
背景を作って苦労してみた ~Amplify Impostors~
背景を作って苦労してみた ~Amplify Impostors~
poko ponmaru
For DevLOVE現場甲子園2014日本シリーズ
塹壕にいるすべての同朋へ
塹壕にいるすべての同朋へ
toshihiro ichitani
DevLove甲子園2015 西日本大会 発表資料
UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発
Takuya Kitamura
LT資料 @ Prott User Meetup vol.6 TOKYO
Prototype in Service Design
Prototype in Service Design
Hiiro Kato
http://www.kansai-u.ac.jp/umeda/event-seminar/startup/post-90.html
アイデアを形にする ①プロダクト設計のイロハを学ぶ
アイデアを形にする ①プロダクト設計のイロハを学ぶ
DIVE INTO CODE Corp.
イベント当日のプレゼンテーション資料です。資料だけでは伝わりずらいです。ごめんなさい。
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
信孝 柿沼
UI
U iscope 事業会社様向け_概要資料
U iscope 事業会社様向け_概要資料
Daisuke Hiraishi
Android Bazaar and Conference 2018 Autumn in KAWASAKIで登壇した内容です。
誰でもできるGoogleアシスタント開発
誰でもできるGoogleアシスタント開発
Namito Satoyama
rayout株式会社 会社概要
rayout Inc. company profile
rayout Inc. company profile
SOTAYOSHIDA1
2016/11/28 価値探索カンファレンスで話した内容
アジャイルジャーニー
アジャイルジャーニー
toshihiro ichitani
動画いっぱい作って自分のブランディングしようぜ。 https://www.youtube.com/watch?v=Hu-ecIX76Lg
動画を作ろう 士業編
動画を作ろう 士業編
Orio Nakamura
https://learningvesper.doorkeeper.jp/events/50152
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
満徳 関
2017/10/04 ユーザーテストLive!『第2回 UT事例発表会』 ── UX先進企業の担当者が語る「活用事例」第二弾 での発表資料です
BtoB新規事業を舵取りするためのユーザー調査
BtoB新規事業を舵取りするためのユーザー調査
英明 伊藤
ECサイト活性化のためのプロダクトビデオ制作packです。
プロダクトVideo制作pack20111130
プロダクトVideo制作pack20111130
Remodelpartners.Inc
東京・大阪で行われたWP-D Fesでの資料です。
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura Tah
Takashi Kitamura
http://teamlab.connpass.com/event/30282/
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Inc.
2015年8月8日実施の「カスタマージャーニーマップの本格的な使い方」のスライドです。
150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ
直人 相沢
2015/7/15開催のセミナーで仕様した資料です。 アプリのUI/UXを検討する上で参考となるプロトタイピングに関するセミナーを行いました。 ・ペーパープロトタイピング ・keynoteを使ったプロトタイピング ・POPを使ってプロトタイプを作る ・Prottを使ってプロトタイプを作る
スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座
HiroyukiHirota
CONCENT DESIGN SCHOOL 2021.11.24. Wed 19:00〜21:00 Regular program 可能性をひらくインクルーシブデザイン speaker:佐野 実生 最近よく耳にする「多様性」。その大前提は「ものごとのとらえ方は一人ひとり異なる」ということです。「インクルーシブデザイン」とは、私たち一人ひとりの心理的・身体的な多様性をとらえることで、潜在課題や解決策を見つけ出すアプローチです。自分とは異なる「他者視点」を持つことで、ものごとのさまざまな側面に気がつき、新しい可能性を発見しやすくなります。昨今の参考事例にも触れつつ、ユーザーにとって使いやすい・わかりやすいデザインをつくるための他者視点の持ち方を、一緒に考えてみましょう。
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
Concent, Inc.
http://uxteamofonejp.peatix.com/
ux_team_of_one
ux_team_of_one
Yahoo!デベロッパーネットワーク
2016_01_25_デザインナイト発表資料 スマホの本格的な普及から5年、長期運用の入ったアプリではUIに負債と言える問題を抱えることが多くなって来たのではないでしょうか? UX・UIをサービスの数字の改善を行いながら改修していく事例を紹介いたします。 発表後、お問い合わせがおおかった。 Androidの爆速化について追記しています。 スケール対応という部分が何をいっているのかわかりづらいので、追記しています。 結果の内容を修正しています。 [お問い合わせ] stella@spika.co.jp
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
Yusuke Hoshi
オープンセミナー岡山2014での発表資料 2014.05.17
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
アイデアの独自の価値、Unique value proposition(UVP)を決めてある方向けのスライドです。 顧客に与える価値が具体的になっているアイデアに対して、ユーザーインターフェース、モックアップを作るための方法を紹介しています。 モックアップの作り方が分かる、作れる状態になることを目的としています。
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
Spath School
2017年、ライブラリも充実し、飛躍的に深層学習を自分の手で扱いやすくなりました。7万枚の料理画像を分類するコンテスト参加の2ヶ月、4%から8割近い精度へ自習で至った経験をもとに、基礎から自分の課題に適用するまでの道すじをお話しします。
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
Tomo Masuda
東京工業大学 エンジニアリングデザインプロジェクト
Team-千歯コキ最終プレゼン
Team-千歯コキ最終プレゼン
YoMakita3
More Related Content
Similar to Adobe XDのビデオ録画と自動アニメーションを利用したクライアントへのアプローチ
イベント当日のプレゼンテーション資料です。資料だけでは伝わりずらいです。ごめんなさい。
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
信孝 柿沼
UI
U iscope 事業会社様向け_概要資料
U iscope 事業会社様向け_概要資料
Daisuke Hiraishi
Android Bazaar and Conference 2018 Autumn in KAWASAKIで登壇した内容です。
誰でもできるGoogleアシスタント開発
誰でもできるGoogleアシスタント開発
Namito Satoyama
rayout株式会社 会社概要
rayout Inc. company profile
rayout Inc. company profile
SOTAYOSHIDA1
2016/11/28 価値探索カンファレンスで話した内容
アジャイルジャーニー
アジャイルジャーニー
toshihiro ichitani
動画いっぱい作って自分のブランディングしようぜ。 https://www.youtube.com/watch?v=Hu-ecIX76Lg
動画を作ろう 士業編
動画を作ろう 士業編
Orio Nakamura
https://learningvesper.doorkeeper.jp/events/50152
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
満徳 関
2017/10/04 ユーザーテストLive!『第2回 UT事例発表会』 ── UX先進企業の担当者が語る「活用事例」第二弾 での発表資料です
BtoB新規事業を舵取りするためのユーザー調査
BtoB新規事業を舵取りするためのユーザー調査
英明 伊藤
ECサイト活性化のためのプロダクトビデオ制作packです。
プロダクトVideo制作pack20111130
プロダクトVideo制作pack20111130
Remodelpartners.Inc
東京・大阪で行われたWP-D Fesでの資料です。
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura Tah
Takashi Kitamura
http://teamlab.connpass.com/event/30282/
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Inc.
2015年8月8日実施の「カスタマージャーニーマップの本格的な使い方」のスライドです。
150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ
直人 相沢
2015/7/15開催のセミナーで仕様した資料です。 アプリのUI/UXを検討する上で参考となるプロトタイピングに関するセミナーを行いました。 ・ペーパープロトタイピング ・keynoteを使ったプロトタイピング ・POPを使ってプロトタイプを作る ・Prottを使ってプロトタイプを作る
スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座
HiroyukiHirota
CONCENT DESIGN SCHOOL 2021.11.24. Wed 19:00〜21:00 Regular program 可能性をひらくインクルーシブデザイン speaker:佐野 実生 最近よく耳にする「多様性」。その大前提は「ものごとのとらえ方は一人ひとり異なる」ということです。「インクルーシブデザイン」とは、私たち一人ひとりの心理的・身体的な多様性をとらえることで、潜在課題や解決策を見つけ出すアプローチです。自分とは異なる「他者視点」を持つことで、ものごとのさまざまな側面に気がつき、新しい可能性を発見しやすくなります。昨今の参考事例にも触れつつ、ユーザーにとって使いやすい・わかりやすいデザインをつくるための他者視点の持ち方を、一緒に考えてみましょう。
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
Concent, Inc.
http://uxteamofonejp.peatix.com/
ux_team_of_one
ux_team_of_one
Yahoo!デベロッパーネットワーク
2016_01_25_デザインナイト発表資料 スマホの本格的な普及から5年、長期運用の入ったアプリではUIに負債と言える問題を抱えることが多くなって来たのではないでしょうか? UX・UIをサービスの数字の改善を行いながら改修していく事例を紹介いたします。 発表後、お問い合わせがおおかった。 Androidの爆速化について追記しています。 スケール対応という部分が何をいっているのかわかりづらいので、追記しています。 結果の内容を修正しています。 [お問い合わせ] stella@spika.co.jp
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
Yusuke Hoshi
オープンセミナー岡山2014での発表資料 2014.05.17
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
Chihiro Tomita
アイデアの独自の価値、Unique value proposition(UVP)を決めてある方向けのスライドです。 顧客に与える価値が具体的になっているアイデアに対して、ユーザーインターフェース、モックアップを作るための方法を紹介しています。 モックアップの作り方が分かる、作れる状態になることを目的としています。
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
Spath School
2017年、ライブラリも充実し、飛躍的に深層学習を自分の手で扱いやすくなりました。7万枚の料理画像を分類するコンテスト参加の2ヶ月、4%から8割近い精度へ自習で至った経験をもとに、基礎から自分の課題に適用するまでの道すじをお話しします。
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
Tomo Masuda
東京工業大学 エンジニアリングデザインプロジェクト
Team-千歯コキ最終プレゼン
Team-千歯コキ最終プレゼン
YoMakita3
Similar to Adobe XDのビデオ録画と自動アニメーションを利用したクライアントへのアプローチ
(20)
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
U iscope 事業会社様向け_概要資料
U iscope 事業会社様向け_概要資料
誰でもできるGoogleアシスタント開発
誰でもできるGoogleアシスタント開発
rayout Inc. company profile
rayout Inc. company profile
アジャイルジャーニー
アジャイルジャーニー
動画を作ろう 士業編
動画を作ろう 士業編
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
BtoB新規事業を舵取りするためのユーザー調査
BtoB新規事業を舵取りするためのユーザー調査
プロダクトVideo制作pack20111130
プロダクトVideo制作pack20111130
WP-D Fes03 Osaka Kitamura Tah
WP-D Fes03 Osaka Kitamura Tah
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ
スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座
可能性をひらくインクルーシブデザイン
可能性をひらくインクルーシブデザイン
ux_team_of_one
ux_team_of_one
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
アプリ・サービスのUI/UXのモックアップ(ワイヤフレーム)の簡単な描き方
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
Team-千歯コキ最終プレゼン
Team-千歯コキ最終プレゼン
Adobe XDのビデオ録画と自動アニメーションを利用したクライアントへのアプローチ
1.
ビデオ録画実録! 自動アニメーション&の を利用した クライアントへのアプローチ
2.
自己紹介 井畑徹也 制作会社 うぇぶでぃれくたー・うぇぶでざいなー @tihata いはた てつや ひよっこです。
3.
自己紹介 クリエイティブメモメモ クリエイティブモグモグ https://creativememomemo.com https://creativemogumogu.com ブログ
4.
自己紹介 最近の興味
5.
自己紹介 最近の興味
6.
弊社の 使用状況 の 弊社デザインツール使用状況
7.
弊社の 使用状況 の 10%くらいか⋯ 弊社デザインツール使用状況
8.
活用事例
9.
活用事例リニューアルデザイン打ち合わせ デザインコンセプト説明 デザイン補足説明 機能説明 etc⋯ デザインもってきたで!
10.
活用事例リニューアルデザイン打ち合わせ ※当日、実際のデザイン紹介しました 校了するぞ!
11.
活用事例リニューアルデザイン打ち合わせ クライアントの反応 ⋯
12.
活用事例リニューアルデザイン打ち合わせ デザインは概ねOKだけどさ~ 動きのサンプル見せてもらっても イマイチイメージ付かないんだよね~ そういうのってぱぱっと 動かせたりできないの? ※脚色あり
13.
活用事例リニューアルデザイン打ち合わせ ※脚色あり ?え
14.
活用事例リニューアルデザイン打ち合わせ ※脚色あり ?え ぱぱっと⋯
15.
活用事例リニューアルデザイン打ち合わせ ※脚色あり ?え
16.
活用事例リニューアルデザイン打ち合わせ ※脚色あり この間1秒
17.
活用事例リニューアルデザイン打ち合わせ ※脚色あり かしこまりました!
18.
活用事例リニューアルデザイン打ち合わせ ⋯ということで考えた結果 XDでアニメーションサンプルを作成!! デザインはIllustrator
19.
活用事例リニューアルデザイン打ち合わせ ※当日、実際のアニメーション公開しました
20.
活用事例リニューアルデザイン打ち合わせ クライアントの反応 ⋯
21.
活用事例リニューアルデザイン打ち合わせ いい感じ!!
22.
データの作り方
23.
データの作り方 ※当日、実際のXDデータを紹介しました
24.
良かった点
25.
良かった点 伝わりやすい(リテラシーの有無) 再利用可(コーディング時・上司説明時) デザイナーでも作れる(検証できる)
26.
まとめ レイアウトでの差がなくなりつつある現状 動画やアクションの動きが重要になってくる デザイナーも“動き”検証の必要性 XDは”動き”をデザイナーが 考え始めるには良いツールのひとつ
27.
ご清聴 ありがとう ございました!
Download now