Upgrade to Pro — share decks privately, control downloads, hide ads and more …

エンジニア中心のスタートアップで デザイナーができること

aicocco
January 16, 2019

エンジニア中心のスタートアップで デザイナーができること

受託会社からスタートアップの事業会社へ転職し、デザイナーとしての役割やワークフローが大きく変わりました。その中でなぜXDを取り入れたのか、どのように活用したか、そしてエンジニア中心のチームで1人デザイナーとしてできることをまとめました。

ディレクターやマーケーター、エンジニアとの橋渡し役となるデザイナーに求められることは、フローにあったコミュニケーションをとり、ツールはあくまでそれを補助してくれるものであること、デザイナーだけでなくチーム全体に課題を共有し、解決にあたることだと感じました。

スタートアップや組織で1人デザイナーしてる人、そういうところに行きたけど不安な人、ディレクターやエンジニアとのコミュニケーションに課題をもっている人、そんな方の参考にしてもらえたら幸いです。

aicocco

January 16, 2019
Tweet

Transcript

  1. None
  2. かんろ aicocco 株式会社ジラフ/デザイナー フォトグラファー グラフィックレコーディング 2018年12月までCSS Nite Okayama サブ司会 Jimdo

    Evangelist g.o.a.t ストックフォトパートナー
  3. Web・UIデザイン グラフィックデザイン 写真撮影・素材提供 グラフィッカー etc 仕事の範囲

  4. プロジェクトチーム プロダクトオーナー プランナー エンジニア約6,7人 デザイナー

  5. 2週間スパン スクラム開発 プロダクトオーナー プランナー エンジニア約6,7人 デザイナー

  6. Sketch覚える暇ない!

  7. Adobe XD導入!

  8. Adobe XD導入の理由 解決ボタン ドキュメント 削減 学習コストの 低さ

  9. 導入成功? 失敗?

  10. 成功50% 失敗50%

  11. 成功50% 失敗50% ドキュメント数の削減 チェックのスピードUP エンジニアと連携

  12. 成功50% XD共有しすぎた ワークフローそのまま 無理にスクラムと連携 失敗50%

  13. XD共有しすぎ マーケティングと営業からの意見が 直接くる

  14. ワークフローそのまま 受託時代と同じフロー 時間がないのに全画面作成

  15. 膨れるデザインタスク 画面設計・遷移/ワイヤーフレーム ビジュアルカンプ/UI/デザインガイドライン

  16. 2週間とかムリ!!!

  17. デザインタスクを2分割

  18. スクラム ビジュアルカンプ UI デザインガイドライン 前準備 画面設計・遷移 ワイヤーフレーム

  19. まとめ Adobe XDを導入してみて

  20. Sketch UIデザイン デザインガイドライン Adobe XD 仕様/画面設計の 合意形成を得る

  21. コミュニケーションに合った ツール選択

  22. デザイナーとしてできること

  23. デザイナーとしてできること 上流工程に 割り込む デザインの 時間を把握 ヘルプ信号 あげる

  24. ありがとうございました! aicocco aicocco.photo かんろ@kanrame