ゆめみ様 資料 meetup vol.14 161129

Transcript

1. ゆめみ流クライアントワークにおけるトライアル＆エラー 2016.11.29 株式会社ゆめみ ⼾⽥ 修輔
2. ゆめみ流クライアントワークにおけるトライアル＆エラー ⽬次 ・⾃⼰紹介 ・ゆめみのProttサマリデータ ・ゆめみ（＝クライアントワーク）の案件の特徴 ・ゆめみ（＝クライアントワーク）でのPrott+Sketchの現実 ・トライアル＆エラー① ・トライアル＆エラー② ・トライアル＆エラー③ ・おまけ：グルーピングとアカーイブルール
3. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみの紹介 と じぶんの紹介 ⼾⽥修輔 （クリエイティブ・）ディレクター 2003年 ゆめみ⼊社。 1990年代から独学でのモバイルコンテンツ制作を経て、 数々のモバイルサイトデザイン・コーディングを担当。 以降、デザイン〜フロントエンド全般を担当しながら、⽇本マクドナルド のポータルサイト企画・運⽤統括などの経験を経て、現在は多数の案件の （クリエイティブ・）ディレクションを⾏う。 また、モバイルデザインについては、著書の執筆も⾏った実績を持つ。 株式会社ゆめみ 2000年設⽴、東京と京都が拠点。 【事業内容】 ・モバイルサービスを主とした受託開発・制作・コンサルティング ・オムニチャネルを中⼼としたデジタルマーケティング⽀援 ・サービス運⽤代⾏／⾃社サービス運営
4. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみのProttサマリーデータ 利⽤期間 １年 （2015年11⽉〜Enterpriseプランを利⽤） 利⽤⼈数 役割としてはディレクター、プランナー、デザイナーのメンバーが中⼼ 常に利⽤しているのは ８名くらい （全体の半分弱） プロジェクト数 13Project （アプリ：６／スマホサイト：３／PCサイト：３／その他：１） スクリーン数 最⼤270スクリーン／平均66スクリーン
5. ゆめみの案件の特徴
6. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみの案件の特徴 ヒアリング 提案 受注・ キックオフ 設計 デザイン 製造・開発 1Week 4Week ＋ 設計〜デザインが 短いことが多い ⾼速化を⽬的に Prott+Sketch を導⼊ 受注・ キックオフ 設計 デザイン
7. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみの案件の特徴 ヒアリング 提案 受注・ キックオフ 設計 デザイン 製造・開発 1Week 4Week ＋ 設計〜デザインが 短いことが多い ⾼速化を⽬的に Prott+Sketch を導⼊ 受注・ キックオフ 設計 デザイン 提案時に このような資料も ⽤意しています。
8. ゆめみでのPrott+Sketchの現実
9. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみでのPrott+Sketchの現実 ヒアリング 提案 受注・ キックオフ 設計 デザイン 製造・開発 ＋ スケッチ ワイヤーフレーム デザイン（モック） プロトタイプ 理想 ワイヤーフレーム モックアップ プロトタイプ 現実 デザイン案 ⾼速プロトタイピングツールとしての活⽤ではなく、 デザイン制作〜FIXまでの効率化や、時間短縮⽬的⽤途になってしまうことが多い。 （結果として…）
10. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみでのPrott+Sketchの現実 ワイヤーに特化すべきなのはわかっているけれど、 デザインの紙芝居として使ってしまう。 ⾼速プロトタイピングツールとしての活⽤ではなく、 デザイン制作〜FIXまでの効率化や、時間短縮⽬的⽤途になってしまうことが多い。 （結果として…） ここに クライアントワークにおける トライアル＆エラーが存在する
11. ゆめみ流クライアントワークにおけるトライアル＆エラー ゆめみでのPrott+Sketchの現実 導⼊して良かったことは、もちろんあります。 【良かったこと】 設計、デザインフェーズでの⼯数（⾒積） 20%以上減 パワポドキュメント化不要 による時間短縮 ⾒える化／動く化で、イメージが共有でき、 デザイン案制作範囲を絞りこめることによる 作業量軽減
12. トライアル＆エラー① 「使ってくれない」
13. ゆめみ流クライアントワークにおけるトライアル＆エラー ①使ってくれない 提案時に「PhotoshopやIllustratorは使いませんよ。Prott使いますからね！」と伝え、 その場ではクライアントも、スピード感もありそうだと、反応が良いのですが… クライアントが積極的に使ってくれても… ・アプリではなくスマホブラウザで閲覧してしまっていて動きがやや重たい ・コメント欄が⼀⽅通⾏になってしまう ・Prottに書いたのかSlackに書いたのかわからなくなってしまう 五⽉⾬で制作して連絡してもみてくれない（使ってくれない） ▼ 定例ミーティングの場ではじめて触るので、イチから使い⽅を教える ▼ いろいろ時間をロスして、やっぱり紙（パワポ）で欲しいと⾔われる
14. ゆめみ流クライアントワークにおけるトライアル＆エラー ①使ってくれない プロジェクト内で利⽤していればコミュニケーションや時間の効率化に繋がるので、 無理して最初からクライアントに使ってもらう必要はありません。 普段通りにワイヤーフレームやデザイン案をドキュメントで⽤意し、挙動の説明が難しい箇所などで、 「ちょっと動くものを⽤意してみたのですが。」的にチラ⾒せする程度でも充分効果的に使えます。 また、この時点でクライアント⾃⾝が社内説明をしやすいイメージを持ってもらえると、 ⼀緒に積極的に利⽤してもらえる可能性が⾼まります。 チラ⾒せして、使わせない。
15. ゆめみ流クライアントワークにおけるトライアル＆エラー ①使ってくれない 【参考】バッドケース（Prottを無理やり使ってもらおうとして失敗した遷移資料） Confidential 2<;3(=2< $?,07+41> 5 ©YUMEMI Inc, TOP # "#$ ##(1) ##(2) #95 6/  #:*  )- TOP( .)
    '% $ & !Prott 8
16. トライアル＆エラー② 「要求が増えていく」
17. ゆめみ流クライアントワークにおけるトライアル＆エラー ②要求が増えていく 「ワイヤーに特化すべきなのはわかっているけれど、デザインの紙芝居として使ってしまう。」 ことが原因で、 という要望が増えていきます。 「今の段階では出来ません！」と⾔うのは簡単ですが、なんとか解決策を探したいところです。 ・もっと動いたのをみてみたい！ ・（既成アプリを持ち出されて）こういう⾵には動かない？
18. ゆめみ流クライアントワークにおけるトライアル＆エラー ②要求が増えていく Flashでアニメーションや操作性を実現させているケースをよく⾒掛けます。 これはこれで、ひとつの解決策ですが、以下のような注意点があると考えています。 ・動きは理想的に実現しても、そのままスマホ（アプリ）に流⽤できないことが多く、作り直す必要がある。 →組み直した結果、動作が変わってしまうリスク ・CPUに負荷がかかる。 →動作が重くなる（端末の発熱もある）。クライアントはデモとして不安を感じてしまう。 Flash（現Animate）でデモ制作する。
19. ゆめみ流クライアントワークにおけるトライアル＆エラー ②要求が増えていく 現実に、クライアント側が、UI/UXやインタラクティブな部分に興味を持ち、こだわりはじめるのは、 Prott（Webプロトタイピング）でイメージの磨り合わせがFIXした後に発⽣するケースが多いと実感しています。 受託側には、予算、納期、リソースに限りがあり、開発段階に⼊ってしまってからの⼤幅な⼿直しやデザイン修 正が発⽣すると、無駄なコストや労⼒を強いられることになるため、これを解決するために⾃前でもプロトタイ プ開発ツールを⽤意することで、様々なクライアンとの要求に対応しています。 プロトタイプ開発エンジンをつくった。
20. ゆめみ流クライアントワークにおけるトライアル＆エラー ②要求が増えていく 現実に、クライアント側が、UI/UXやインタラクティブな部分に興味を持ち、こだわりはじめるのは、 Prott（Webプロトタイピング）でイメージの磨り合わせがFIXした後に発⽣するケースが多いと実感しています。 受託側には、予算、納期、リソースに限りがあり、開発段階に⼊ってしまってからの⼤幅な⼿直しやデザイン修 正が発⽣すると、無駄なコストや労⼒を強いられることになるため、これを解決するために⾃前でもプロトタイ プ開発ツールを⽤意することで、様々なクライアンとの要求に対応しています。 プロトタイプ開発エンジンをつくった。
21. トライアル＆エラー③ 「psdデータを欲しがる」
22. ゆめみ流クライアントワークにおけるトライアル＆エラー ③psdデータを欲しがる いくら提案時にAdobeを使わないことを了承いただいたとしても、これは、ほぼ発⽣するケースです。 しかし、psdが要らないから⾒積もりを抑えているのも事実だったりします。 ・（既存ベンダーや他部署からの要望で） 「やっぱりpsd（Photoshopデータ）をいただきたいのですが…」 【⾒積もり時】 ・前提条件に、psdデータでの納品はしない旨を明記する。（提案時にも説明する） ・オプション項⽬としてpsdデータ納品の項⽬を⽤意する。 【データ請求時】 ・ai形式しかすぐに⽤意できない、無償で良いから、aiデータでも問題ないか交渉する。 ・Sketchからaiデータにエクスポートし、微調整（数ピクセルずれたりする）し、納品する。
23. おまけ 「Prottでのバージョン管理」
24. ゆめみ流クライアントワークにおけるトライアル＆エラー おまけ グルーピングとアーカイブのルール。 【グルーピング】 ・機能毎にグループ化する ・機能毎に各々トップから遷移できるようにする 【アーカイブ】 ・基本的に使わない ・ゴミ箱グループを⽤意し、そこに移動しておく ・毎回、会議の時点で複製する ※複製は過去2バージョンくらいを残しておき、 実際のバージョン管理はSketchファイルで管理。
25. ゆめみ流クライアントワークにおけるトライアル＆エラー お わ り