Slide 1

Slide 1 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. デザイナー × エンジニア - プロダクト開発のほんとのところ Pairsの開発のすべて

Slide 2

Slide 2 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Hello

Slide 3

Slide 3 text

#プロダクトづくりのほんとのところ 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 - futabooo Takahiro Futagawa

Slide 4

Slide 4 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. About me - Senior Designer at eureka, Inc. - Pairs Global Head of UI/UX - Sehgokujidai, Jinjya, Splatoon - chihokotaro Chihoko Watanabe

Slide 5

Slide 5 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. - Pairsの組織体制について - Pairs JPの開発プロセスについて - 開発で使うツールについて - まとめ Agenda

Slide 6

Slide 6 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved.

Slide 7

Slide 7 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Easy 4 Step Search Like Match Message

Slide 8

Slide 8 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Pairs チーム体制 Pairs JP Product Team Pairs Global Product Team API / SRE / BI / QA / CC

Slide 9

Slide 9 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Pairs チーム体制 Pairs JP Product Team Pairs Global Product Team API / SRE / BI / QA / CC

Slide 10

Slide 10 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Pairs JP Product Team - 現在人数は 30名 - ここからさらに職能別のチームにに分かれます - バックエンドは横断チームとしてプロダクトから独立 - 現体制になったのは2018年4月〜 組織体制についての詳しい内容はeureka Engineer Blog 「Pairs事業部全体での「カンバン」を作成しました。」で 詳しく触れています。

Slide 11

Slide 11 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Pairs JP Product Team Web Front 5名 Android 5名 iOS 5名 Creative (Designer) 5名 Engineer : Designer = 3 : 1

Slide 12

Slide 12 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Pairs JP 開発プロセス

Slide 13

Slide 13 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Prosess 1. 検証 2. 要件定義 3. 開発 4. QA 5. Release

Slide 14

Slide 14 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. 1. 検証 - 課題発見 - やるやらの決定 PMチームが主導で、ユーザーインタビュー・数値分析な どを元に施策の種をバックログ化している。 そのバックログをもとに、PMチームでやるやらを決定す る。 決定に関わる分析・検証ではデザイナーがプロトタイプ を作成してユーザーインタビューを行うこともある。

Slide 15

Slide 15 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. 2. 要件定義 - デザイン - 受け入れ条件の決定 - スケジュールの決定 要件定義のなかにはデザインFIXが含まれます。 受け入れ条件は、コミュニケーションが成熟していくこと で、どんどん簡略化していきます。

Slide 16

Slide 16 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. 3. 開発 - 開発 & 開発 - 都度デザイン確認... - 都度仕様確認...

Slide 17

Slide 17 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. 4. QA - テスト専門チームによるテス トケース作成 - テストケースをもとにしたテ スト - ケース以外のUX観点での フィードバック

Slide 18

Slide 18 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. 5. リリース - ABテストでの検証を必ず実施 - User IDベースのテスト群が複数用意されて おり、各チームが柔軟に検証をおこなってい る

Slide 19

Slide 19 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Tool Stack Sketch デザインツール。デザイン共有はSketchファイ ルで行なっている。 エンジニアもSketchを利用し、リソースの切り出 しなどを行なっている。 Principle モーションデザインツール。 プロトタイピングで検証する際や、モーションデ ザインを行う時に使用する。 InVision プロトタイピングツール。検証や要件定義の際 に大活躍。 エンジニアがSketchファイルをダウンロードす るのもInVision経由。 Abstract Sketchのバージョン管理ツール。 デザイナー間でのファイル管理に使われてい る。エンジニアは現在は利用していない。 Github 言わずもがな、エンジニアの必須ツール。 デザイナーも画像変更のみの場合などはPush している。

Slide 20

Slide 20 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Tool Stack 1. 検証 2. 要件定義 3. 開発 Kanban / Trello

Slide 21

Slide 21 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Kanban

Slide 22

Slide 22 text

#プロダクトづくりのほんとのところ Copyright © 2018 eureka, Inc. All rights reserved. Good Good & More More 検証フェーズに時間がかかるので、エンジニ アが入ることでもっとスピードがあげられそう 開発フェーズでの確認タイミングがお気持ち になっており、リリース直前にデザインフィード バックが発生している。 検証フェーズをしっかり取ることで無駄なもの を開発しないようにできている 開発はプロジェクト制で進めており、優先度に よってチームのリソースを移動させるなどがで きている BetaやTestFlightの自動配信によってプロダ クトをいつでも確認できる