Hello

これでデザイナーと仲良くなれる
デザイナーとエンジニアで上手にアジャイルする方法（模索中）

Concentrix Tigerspike
Nov 16, 2021

Contents

1. デザイナーと仲良くやれていますか?
2. Tigerspikeのプロダクト開発
3. デザイナーがエンジニアと上手にアジャイルする方法
4. エンジニアがデザイナーと上手にアジャイルする方法
5. まとめ© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Contents

高松 真平
ToritanTech Lead中島 亮太郎Talo
UX Lead「行動経済学 x デザイン」の書籍 を9月に出版！

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Tigerspike Presents

01
デザイナーと仲良くやれていますか?

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.デザイナーと仲良くやれていますか?

ケース1: アイコン差し替えたいですー󰥤

新しいアイコン作ったんで差し替えたいですー󰳔

はーい、了解でーす󰳔心の声:
いや、前のアイコンとどこが違うのかわからないし、これやる意味ある???
それより表示がくずれてる管理画面のデザイン直してほしいんだけど。
あー、これやる時間あるならこの間とりあえずって言われてつくったところのリファクタリングしたいわー© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

🤔
© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

デザイナーと仲良くやれていますか?

ケース2: 盛り上がる体験設計󰥤󰞴

ユーザーのペインはここ! ここに機会領域発見!
MVPは○○機能と○○機能と○○機能 …
いいですねー、これで社内でも検討すすめますよ!

󰳔心の声:
うん、そのMVPだと初期リリースまで1年はかかるよ???
っていうか、○○機能、現在のテクノロジーだと実現不可能だよね。。。

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

🙈
© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

デザイナーと仲良くやれていますか?

ケース3: 夢が広がるデザインワールド󰥤

こういうのつくってほしいんだけど。

󰳔

これはさすがに、無理です！

󰥤

いや、そこを考えてほしんですけど....

󰳔心の声:

󰥤心の声:

そんなの、できるわけないじゃん。
少しは自分で実現方法を考えてよ。

ダメだ、全然話にもならない。
何でこの良さがわからないのかな？

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

⚔© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

デザイナーと仲良くやれていますか?

同じチームでプロダクト開発をする仲間ではありますが、デザイナーとエンジニアはバックグランドや思考法が異なる存在です。
お互いが大事にすること、プロジェクトにおける関心事も異なるため、コラボレーションして成果を出すためには工夫が必要です。
このセッションではプロジェクトや日々のコミュニケーションの中で、デザイナーとエンジニアがお互いのギャップを理解しながら、コラボレーションし成果を出していくための取り組みについてご紹介します。

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Tigerspike Presents

02
Tigerspikeのプロダクト開発© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

What we do

使いたい、をカタチにする
We design and build experiences people love to use.

リーン
最適な順番と内容で、使いたい、を体験のデザイン
ユーザーが使いたいものを、アジャイル開発
変化に対応しながらつくる

カタチに。

Approach

体験のデザインから出発して継続的なプロダクト開発に進みます

Experience
DesignTechnology© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Approach

3つのフェーズに分かれます

2. Continuous Discovery

Experience
Design1. 体験のデザイン

3. Continuous Delivery
Technology© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Approach

標準的なスケジュール(初期リリースまで)
2. Continuous Discovery

1. 体験のデザイン

ユーザー
フロー

Sprint#1

Sprint#2

Sprint
#N
繰り返し

ペルソナ
プロダクト
バックログ

機会領域の発見

ソリューショ
ン
アイデア

ユーザー
テスト

UIデザイン

プロダクト
バックログ

コアバリュー

ユーザー
ジャーニー
マップ

プロダクト
バックログ

UIデザイン

3. Continuous Delivery

Sprint#1繰り返しプロダクト© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Sprint#N

Sprint#2

サイトマップ1 - 3 ヶ月

UIデザインプロダクト

2 - 6 ヶ月

プロダクト

リリース!

Approach

標準的なスケジュール(継続的なリリース)
2. Continuous Discovery

1. 体験のデザイン

Sprint#1
データ分析

Sprint#2

Sprint
#N

データ分析

繰り返し

データ分析

ユーザー
インタビュー
プロダクト
バックログ

プロダクト
バックログ

UIデザイン

プロダクト
バックログ

UIデザイン

UIデザイン

3. Continuous Delivery
定量調査

定性調査
Sprint
#1

プロダクト

リリース!

Sprint
#2

プロダクト

N ヶ月
© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

リリース!

繰り返し

Sprint
#N

プロダクト

リリース!

Approach

関わるロール2. Continuous Discovery

1. 体験のデザイン

ビジネスアナリスト

ソフトウェアエンジニア

UIデザイナー3. Continuous Delivery

UXデザイナー

ビジネスアナリスト

ソフトウェアエンジニア© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

QAエンジニアTigerspike Presents

03
デザイナーがエンジニアと上手にアジャイルする方法© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

デザイナーとエンジニアは、目指していることが違う

Biz

Viability
事業性＝売れる！

Desirability

Design

需要性＝使いたくなる！

Tech

Feasibility
実現性＝つくれる！

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

建物をつくろうとすると...

Biz
事業性＝売れる！

DesignTech
需要性＝使いたくなる！

実現性＝つくれる！

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

こんなデザイナーには要注意

作品つくりたいデザイナー

理想論だけいうデザイナー

言われるがままデザイナー（ユーザーのことを考えていない）（1人でやるのならいいけど...）（仕事をこなしているだけじゃダメ）© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

そもそも、デザインってDesign = 設計する
外に出すサイン（意図）を・構造が成立していないと、デザインじゃない・見えていない、使えないものはデザインじゃない
・部分ではなく全体をみないと、デザインは成立しない© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

こんなデザイナーがイイ！

ユーザーの代弁者

カンペキ主義者でないでも信念を持っている（ユーザー視点で考えられているか）（柔軟な姿勢で相手の話を聞けるか）（良いモノをつくりたい共感が持てるか）© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

まなぶ・かえる

価値をつくる
機会をさがすあいまい

仮説をつくる

価値をためす価値をきめる

ためす・はかる

はっきりつくる
価値をかえる・ふやす

Discover
使いたいをみつける© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Define

使いたいをきめる

Develop

使いたいをカタチにする

上手にアジャイルする方法 -1

つくるプロダクトの仮説を最初に決めてから、デザインを考える。
ユーザーに提供したい価値に基づいて、仮説をつくる。
仮説がないと、作業は膨大になるうえ検討の質も深まらない。
提供する人は誰か・いつどのタイミングで？を決めて、目線を合わせる。
アイデアもやみくもには出さず、狙いを絞る。

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

上手にアジャイルする方法 -2eulaev

みんなが納得するコアバリューをつくる。

Corとこる
であ軽手
1.
事大グミン
イタスト.
2ーァ
フ
人る
け
3.受

コアバリューは、開発の指針となるもの。
手段ではなく、ユーザーにとっての価値を書く。
項目は３点までに絞る。

市場

自社
プロジェクトオーナー

誰かの一人よがりで決めるのではなく、デザイナーもエンジニアも納得できるものにする。

競合

マーケット

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

プロジェクトメンバー

上手にアジャイルする方法 -3

Start

機能要件

Step1

機能要件

Step2

機能要件

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Goal

機能要件

共通言語となるユーザーフローを一緒につくる。
機能要件を検討するための指針として、ユーザーフローを書く。
体験に注力して、手段には言及しない。
これが、みんなの共通言語になる。

”エンジニアが受け取れる” デザインの取り組み

発見

1

Who

2

3

コアバリューペルソナ

Question仮説

探索

WhenWhereWhat

ジャーニーマップHow

仮説アイデア© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

検証

Why

ユーザーテスト

改善

Solution

ユーザーフローTigerspike Presents

04
エンジニアがデザイナーと上手にアジャイルする方法© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

上手にアジャイルする方法

アジャイル宣教師
アジャイルはみんなのものだけどやっぱりエンジニア文脈
であればアウトプットしてアピール活かせそうな場面を自分で探そう!

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

上手にアジャイルする方法

スプリントレビュー
スプリントレビューで“ここがすごい!“ コーナー各ロールの見えないこだわりをピッチ
UIデザイナーのFigmaの作り込み、アイコンへのこだわ
りはPOとエンジニアの心を打った© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

上手にアジャイルする方法

彼/彼女らはビジュアルで思考する
このイラストが社内で話題に、え、そこ?
デザイナーのビジュアルで思考する力は素晴らしい要件整理で助けられることもたびたび(エンジニアなら全部箇条書き)

出典：Team Geek ―Googleのギークたちはいかにしてチームを作るのか(オライリージャパン）© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

上手にアジャイルする方法

Lunch & Learn
Lunch & Learn = ランチタイムLT会
漫画の描き方からフライトジャケットの歴史までエンジニアのマインドを理解してもらえるんでは?
「今日から使える エンジニア名言集」“名前重要” はもはや社内スタンダード!

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

上手にアジャイルする方法

UXデザイナーシーケンス図を書く
宣教師活動の成果でうれしかったもの
プロダクトバックログをレビュー中、時系列で複数アクターが出てくる場面で提案
UXデザインの成果物にシーケンス図が含まれる快挙!

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

Tigerspike Presents05
まとめ© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

まとめ

デザイナーと仲良くやれていますか?
同じチームでプロダクト開発をする仲間ではありますが、デザイナーとエンジニアはバックグランドや思考法が異なる存在です。
お互いが大事にすること、プロジェクトにおける関心事も異なるため、コラボレーションして成果を出すためには工夫が必要です。
このセッションではプロジェクトや日々のコミュニケーションの中で、デザイナーとエンジニアがお互いのギャップを理解しながら、コラボレーションし成果を出していくための取り組みについてご紹介します。

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.

https://tigerspike.com/contact/tokyo/
📮 yuko.hatano@tigerspike.com

We arehiring!

© 2020 Concentrix Tigerspike. All Rights Reserved. Confidential and Proprietary.