amana tech night vol.3 グロースハックとUI/UX 資料 ユーザー感情主導型の開発手法について (HCDサイクルを利用した開発手法) エブリスタでの開発プロセス

1. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
Jun 24, 2015
!
真崎達也
デザイン戦略部 UXデザイングループ
DeNA Co., Ltd.
amana tech night vol.3
サービスを成長させる為の開発について
1

2. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
自己紹介
2
真崎達也
デザイナー
2009.1-­‐
DeNA
2005.3-­‐
USEN
モバゲー,Yahoo!モバゲー,BaseBallData,チラシル,エブリスタ
GyaO
HCD-­‐Net
人間中心設計専門家

3. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
サービスの成長に必要なもの
3
・高いエクスペリエンスの設計
・徹底した定性・定量データ分析
・高速PDCAの実現

4. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
サービスの成長に必要なもの
4
ユーザーの感情を動かすモノ作りをする
・高いエクスペリエンスの設計
・徹底したデータ分析
・高速のPDCAの実現

5. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
本日の内容
5
E★エブリスタで行っている
ユーザー感情主導の開発プロセス

6. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
E★エブリスタとは
6
小説投稿プラットフォーム

7. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ユーザー感情主導開発とは
7
ユーザー感情 データ分析×
設計 検証
ユーザーにとっての価値&体験の最大化
↓

8. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ペルソナを作る
8
ユーザー感情主導の開発プロセス

9. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ペルソナ(データ＆調査ベース)
9
ユーザー感情主導の開発プロセス
プラグマティックペルソナ(チーム認識ベース)
or

10. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
10
ユーザー感情主導の開発プロセス
ペルソナ(データ＆調査ベース)
・既存サービスでのデータがある
・アンケート等で定量調査
・デプスインタビュー等で定性調査
・時間もお金もある

11. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
11
ユーザー感情主導の開発プロセス
プラグマティックペルソナ(チーム認識ベース)
・これから調査が必要
・調査に時間もお金もかけられない
・調査と開発を平行で進めたい
・少なくともチームの認識をあわせたい

12. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ペルソナ作成時の大事なポイント
12
どのような判断をする人なのか可視化する
利用のゴールは何であるのかを明確にする
↓
ユーザー行動の軸(チームの共通認識)

13. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ジャーニーマップを作る
13
ユーザー感情主導の開発プロセス

14. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
14
ユーザー感情主導の開発プロセス
制作プロセス
1.フェーズを分ける
2.行動(Doing)を出しグルーピング
3.ユーザーの思考(thinking)
4.ユーザーの感情(feeling)
⇒positive&negativeを出し尽くす
5.課題や重要ポイントをまとめる

15. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
注意点
15
・ペルソナの視点で書き出す
※願望や個人の意見で書かない
・行動に対するハードルの高低を意識する
ユーザー感情主導の開発プロセス

16. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
16
ユーザー感情主導の開発プロセス
整理する

17. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ジャーニーマップ作成時の大事なポイント
17
ユーザー行動に沿って
ポジティブ＆ネガティブ感情を洗い出す
↓
ユーザーシナリオの軸

18. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ユーザーシナリオを作る
18
ユーザー感情主導の開発プロセス

19. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
19
ユーザー感情主導の開発プロセス
ジャーニーマップの時系列順にシナリオ化
「○○として△△したい(できる)。
なぜなら□□□だからだ。」

20. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
20
ユーザー感情主導の開発プロセス
書き方の例
「ユーザーとしてfacebook認証したい。
なぜなら登録が簡単だからだ。」
!
「ユーザーとして簡単に投稿したい。
なぜなら入力項目が難しく挫折やすいからだ。」

21. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
シナリオの効果を見積もる
21
ユーザー感情主導の開発プロセス

22. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
22
ユーザー感情主導の開発プロセス
定性＆定量データや主要KPIから判断
・優先順位を決定する
・提供機能を決定する
・シナリオのゴールを明確にする
・実施可否判断

23. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
仮説設計＆UI/UX
23
ユーザー感情主導の開発プロセス

24. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
24
ユーザー感情主導の開発プロセス
例：投稿機能改修の設計方法
「ユーザーとして簡単に投稿したい。
なぜなら入力が難しいと挫折するからだ。」
!
・何が難しいと感じるのか
・ユーザーにとっての簡単とは何か
!
※ゴールの再確認、各要素の優先順位、現状分析

25. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
チームレビュー
25
ユーザー感情主導の開発プロセス
ユーザーレビュー
↓ ↑
テスト/現状分析
※amana
tech
night
vol.2
「DeNAでのサービスの作り方」

26. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
26
ユーザー感情主導の開発プロセス
before aLer

27. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
27
ユーザー感情主導の開発プロセス
before aLer
課題から仮説の設計
!
・何が難しいと感じるのか
⇒入力項目が投稿後にどこに表示されるかわからない
・ユーザーにとっての簡単とは何か
⇒見たことのあるUIに近いほうが直感的である
・エラーはあるか
⇒下書き保存したいのに公開ボタンを押してしまう

28. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
28
ユーザー感情主導の開発プロセス
読書画面
・入力項目が投稿後にどこに表示されるかわからない
⇒ジャーニーマップから投稿者は読書経験が必ずある
!
・見たことのあるUIに近いほうが直感的である
⇒アフォーダンス的な側面からの解決策
仮説
読書画面に近いUIを採用してみる

29. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
29
ユーザー感情主導の開発プロセス
・下書き保存したいのに公開ボタンを押してしまう
⇒入力しながら下書き保存を利用している
※現状は入力後の本文確認時に下書き保存を想定
!
仮説
キーボード＋下書き保存を表示
キーボード時

30. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
30
ユーザー感情主導の開発プロセス
aLer
読書画面 キーボード時
before
ペルソナやジャーニーマップを用いて
仮説を作り上げる

31. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
31
ユーザー感情主導の開発プロセス
6.リリース＆分析

32. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
32
ユーザー感情主導の開発プロセス
ユーザー認識をブラッシュアップする
継続的に定性＆定量分析を行う
↓
ユーザーを可視化する為の仮説を検証し、
ペルソナ＆ジャーニーマップを修正する

33. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
33
ユーザー感情主導の開発プロセス
アダプティブなPDCAを行う
・変化を常に受け入れる
・ユーザーシナリオを常に見直す
・テストまでの一連の流れを高速化する

34. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
まとめ
34
1.ユーザー感情の最大化からモノを考える
2.ユーザーを理解する為の仮説＆検証を行う
3.ユーザーにとっての高い価値発見に注力
4.変化に素早く対応する

35. Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
ご清聴ありがとうございました
35
アンケートでの感想やご意見お待ちしております。