Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
発注者目線で考えてみるXDの利用
Search
katsutaro
February 27, 2018
Design
0
700
発注者目線で考えてみるXDの利用
Adobe XD Meeting #13
katsutaro
February 27, 2018
Tweet
Share
More Decks by katsutaro
See All by katsutaro
そのUXは社会に どんな影響を与えているのか
katsutaro
0
3.4k
チームにおける UXをデザインする
katsutaro
1
1.4k
PROTOTYPING AT THE SPEED OF THOUGHT 思考の速さでプロトタイピングする トレーニング
katsutaro
0
230
wevox values cardを使った ワークを体験、考える
katsutaro
0
150
チームコミュニケーションを より密度濃く&効率化させる XD導入・活用
katsutaro
0
280
UXデザインにおける対話の場の設計
katsutaro
1
410
デザイナーとディレクターとXD
katsutaro
0
130
Other Decks in Design
See All in Design
Yumika Yamada Portfolio
yumii
0
670
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
sachi_y_portfolio
sachi337
0
280
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Saudade typeface
tiagoporto
0
330
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
300
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
460
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
550
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
760
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
710
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
690
The Invisible Side of Design
smashingmag
301
51k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
KATA
mclloyd
30
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building Adaptive Systems
keathley
43
2.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Transcript
発注者目線で考えてみるXDの利用 XD Meeting #13 2018.2.19 有限会社リズムタイプ 栄前田勝太郎
自己紹介 エイマエダ カツタロウ について
これまでやってきたこと @katsutaro 大体のWebサービスに生息しています 現在やっていること • 映像ディレクション • 動画配信 ディレクション •
クリエイティブディレクション • Webディレクション • プロジェクトマネジメント • 企業、サービスブランディング • カイゼン、グロースハック • コミュニケーションデザイン • チームビルディング • プロジェクト、チームの立て直し • 書籍執筆 著書(共著)
自己紹介 リズムタイプ について
改善すること、成長させること コンサルティング・ プランニング ディレクション プロジェクト マネジメント コミュニケーション デザイン UIデザイン 分析・設計
プロジェクトの支援や改善を行っています (課題発見のワークショップから、チームビルディングまで)
皆さんはどんな仕事を されていますか? ディレクター? 制作会社 or 事業会社? 質問
XD、便利ですよねー イメージの共有しやすいし、制作フローも一元化できるし、 コミュニケーションツールとしても使える
XDのイメージ エクスペリエンス・ デザイン!
でも、発注者から見た 場合はどうでしょう? プロトタイプ、という言葉、伝わりますか?
発注者目線、 そもそも「発注者」って? クライアントや代理店、制作会社、 社内の別部署
クライアントA 「プロトタイプ、 いいよねー!」 発注者のリテラシーの差 クライアントB 「プロトタイプ、 なにそれおいしいの?」
クライアントA 「一緒にいいものを 作りましょう!」 発注者の熱意、知識の差 クライアントB 「よく分からないのでいい感 じでお願い!」
こちらの発注者を 取り上げます
発注者の気持ち 1. ツール増やしたくない a. また新しいツール?どれを確認すればいいの? 2. 上長にそのまま見せたい a. 説明資料が必要?そのまま見せることができる? 3.
確認・検討に時間かけたくない a. ワイヤーフレーム、プロトタイプ、デザイン、HTML、全部確認しなきゃ いけなの?(何が違うの?)
最初から使う ワイヤーフレームやプロトタイプという形にこだわらずに XDを最初から使う ⇒利用する機会を作る、増やす
最初から使う - ムードボード
最初から使う - サイトマップ 例えば、 サイトマップ(キックオフ時点)から 使い始めて、 テンプレートを完成させるころまで (サイトマップを徐々に育てていく)
最初から使う - デザイン(カンプ)確認 デザインカンプの任意の場所にピンを置いてコメントできる デザインイメージ(カンプ)の確認 や、デザインのバージョン管理に 利用し、確認する際のツールとし て導入してみる
既存サイトを XDで再現する XDを見ながら検討することができる ※サービスでもアプリでも同じです
既存サイトをXDで再現する 既存サイトのキャプチャを配置、 改修で必要な部分だけ、XDで再現 ⇒既存サイトを見ながら検討することで、関係者 の確認・検討をしやすくする アイコンはデザイナーが対応、 PSDファイルをCCライブラリでリンク ⇒構成とデザイン表現をある程度切り離し て進めることができる
既存のフローに 組み込む 変えることが難しい部分は変えなくてもいい 使えるところから既存のフローに組み込んでいく
要件定義 既存のフローに組み込む 課題確認、与件整理 仕様設計 デザイン 実装 公開 運用、改善 XDの使い方例: 既存サイトをXDで作成してみる(キャプチャベースでサイトをXDで構築)
対応要件をXDで表現する(サイトマップ、新機能や改修要件をXDで作成) サイト設計、画面設計(ワイヤーフレーム、プロトタイプ作成) デザイン確認、管理(プロトタイプの精度を上げる、カンプ管理) デザインガイドライン(デザイン、動作・遷移の指針、確認)
まとめ 1. 発注者に意識させずに、XDを使ってみる a. 新しいツールと意識させない方がいいです 2. ツールをXDに集約してみる a. 確認するツールやポイントが少ないといいです 3.
発注者が「XD」という言葉を使い出す a. XD(の導入)が評価されたかもしれません
XDは対話のツール 発注者と制作者が対話をするためのツール (対話を続ければ、スタンド使いになれるかもしれない)
ありがとうございました! 栄前田 勝太郎(リズムタイプ) Twitter:@katsutaro