#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.デザイナー × エンジニア - プロダクト開発のほんとのところPairsの開発のすべて
View Slide
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Hello
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.About me- Senior Engineer & Scrum Master at eureka, Inc.- Java, Kotlin, Golang, TypeScript, AngularJS- FantasyEarth Zero, s.CRY.ed, Splatoon- futaboooTakahiro Futagawa
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.About me- Senior Designer at eureka, Inc.- Pairs Global Head of UI/UX- Sehgokujidai, Jinjya, Splatoon- chihokotaroChihoko Watanabe
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.- Pairsの組織体制について- Pairs JPの開発プロセスについて- 開発で使うツールについて- まとめAgenda
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Easy 4 StepSearch Like Match Message
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Pairs チーム体制Pairs JPProduct TeamPairs GlobalProduct TeamAPI / SRE / BI / QA / CC
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Pairs JP Product Team- 現在人数は 30名- ここからさらに職能別のチームにに分かれます- バックエンドは横断チームとしてプロダクトから独立- 現体制になったのは2018年4月〜組織体制についての詳しい内容はeureka Engineer Blog「Pairs事業部全体での「カンバン」を作成しました。」で詳しく触れています。
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Pairs JP Product TeamWeb Front5名Android5名iOS5名Creative (Designer)5名Engineer : Designer = 3 : 1
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Pairs JP 開発プロセス
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Prosess1. 検証2. 要件定義3. 開発4. QA5. Release
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.1.検証- 課題発見- やるやらの決定PMチームが主導で、ユーザーインタビュー・数値分析などを元に施策の種をバックログ化している。そのバックログをもとに、PMチームでやるやらを決定する。決定に関わる分析・検証ではデザイナーがプロトタイプを作成してユーザーインタビューを行うこともある。
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.2.要件定義- デザイン- 受け入れ条件の決定- スケジュールの決定要件定義のなかにはデザインFIXが含まれます。受け入れ条件は、コミュニケーションが成熟していくことで、どんどん簡略化していきます。
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.3.開発- 開発 & 開発- 都度デザイン確認...- 都度仕様確認...
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.4.QA- テスト専門チームによるテストケース作成- テストケースをもとにしたテスト- ケース以外のUX観点でのフィードバック
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.5.リリース- ABテストでの検証を必ず実施- User IDベースのテスト群が複数用意されており、各チームが柔軟に検証をおこなっている
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Tool StackSketchデザインツール。デザイン共有はSketchファイルで行なっている。エンジニアもSketchを利用し、リソースの切り出しなどを行なっている。Principleモーションデザインツール。プロトタイピングで検証する際や、モーションデザインを行う時に使用する。InVisionプロトタイピングツール。検証や要件定義の際に大活躍。エンジニアがSketchファイルをダウンロードするのもInVision経由。AbstractSketchのバージョン管理ツール。デザイナー間でのファイル管理に使われている。エンジニアは現在は利用していない。Github言わずもがな、エンジニアの必須ツール。デザイナーも画像変更のみの場合などはPushしている。
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Tool Stack1.検証2.要件定義3.開発Kanban / Trello
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.Kanban
#プロダクトづくりのほんとのところCopyright © 2018 eureka, Inc. All rights reserved.GoodGood & MoreMore 検証フェーズに時間がかかるので、エンジニアが入ることでもっとスピードがあげられそう開発フェーズでの確認タイミングがお気持ちになっており、リリース直前にデザインフィードバックが発生している。検証フェーズをしっかり取ることで無駄なものを開発しないようにできている開発はプロジェクト制で進めており、優先度によってチームのリソースを移動させるなどができているBetaやTestFlightの自動配信によってプロダクトをいつでも確認できる