アイデアの独自の価値、Unique value proposition(UVP)を決めてある方向けのスライドです。 モックアップが既に出来上がっている方向けのスライドです。 アジャイル開発で使用する機能リストの作り方が分かる、作れる状態になることを目的としています。

1. アプリ･サービスの
モックアップ(ワイヤフレーム)を
具体的なタスクに落としこむ方法
http://www.spath.jp/

2. まえがき
• アイデアの独自の価値、Unique value
proposition(UVP)を決めてある方向けの
スライドです
• モックアップが既に出来上がっている方向
けのスライドです
• アジャイル開発で使用する機能リストの作
り方が分かる、作れる状態になることを
目的としています
© 2013 Actcat, Inc. All Rights Reserved 2

3. 目次
1. 価値あるユーザストーリー = タスク
2. アジャイルの流れ
3. ユーザストーリーを書く
© 2013 Actcat, Inc. All Rights Reserved 3

4. 価値あるユーザストーリー = タスク
• ユーザにとっての一つの体験、機能ごとに開発
を進める手法を、「アジャイルソフトウェア開発」
と呼びます
• アジャイルでは、ユーザにとって価値ある体験毎
に開発を進めることで、ムダを減らし、また、追
加した機能が本当に使われるか、サービス全体
がよくなったかどうかなどが分かります
• 以降、機能のことを「ユーザストーリー」と呼
びます。価値の無い機能は実装する必要のな
い機能です。ユーザストーリーの一覧がタス
クとなります
© 2013 Actcat, Inc. All Rights Reserved 4

5. アジャイルの流れ
1. ユーザストーリー(機能)の一覧を作る
2. 順序をつけて順番に取り組む
1. どうなったらゴールか？という事が確認できる、
テスト項目を作成する
2. テスト項目を実現するために必要な、
ユーザストーリーの一覧を書き出す
3. 各ユーザストーリーを実装していく
4. 作成したテストを元に、テストを行い、
問題なければ、反映、該当ユーザストーリーの
開発を終了
5. 取り込んだユーザストーリーがどういった影響
をもたらしたか計測する
(いらなそうなら削除しても構わない)
3. 順番を再考して、再度取り組む
© 2013 Actcat, Inc. All Rights Reserved 5

6. ユーザストーリーを書く
© 2013 Actcat, Inc. All Rights Reserved 6

7. イメージ
© 2013 Actcat, Inc. All Rights Reserved 7
実装が完了した
ユーザストーリー
実装中の
ユーザストーリー
実装予定の
ユーザストーリー
実装するかもし
れないかもな
ユーザストーリー

8. ユーザストーリーの一例
• ◯◯として△△が欲しい。なぜなら、☓☓だ
からだ。
– ◯◯=ユーザーの役割
– △△=機能
– ☓☓=機能の価値や目的
• 例:
図書館の訪問者として、蔵書を検索する機能
がほしい。なぜなら、館内で見たり借りたりし
たい本があるかどうか、そして、それがどこに
あるのかが知りたいからだ。
• 引用: 『アジャイル開発とスクラム 顧客・技術・経営をつなぐ協調的ソフトウェア開発マネジ
メント』 平鍋 健児 (著), 野中 郁次郎 (著)
© 2013 Actcat, Inc. All Rights Reserved 8

9. ユーザストーリーの書き方例
1. 各画面での
コアとなるユーザストーリーを描く
– 各画面を丸印で囲って、そこにユーザストーリーを書いてくだ
さい
– 例: Twitterの「タイムライン」だと、
Twitterのユーザとして、友人が今、ついさっき、何を思ってい
たかが分かる機能がほしい。なぜなら、その友だちと次話すと
きの話のネタにしたいからだ。
– 実際は⃝⃝△△☓☓は難しく全て書く必要は無いかもしれない
– コアとなるView、ヘッダー、フッター、ボタン、などが対象
2. UIをとにかく細かく丸印をつけて、
区切って、ユーザストーリーを羅列していく
– アイコンが表示されるとか、押すとグーグルの検索画面に飛ん
でグーグルで検索出来るとか
– 大切(コア)っぽいところから手をつけて下さい
3. 各View全部に⃝がついたら終わり、それが機能の詳細なリ
ストである。要件定義書としても使える。かも
© 2013 Actcat, Inc. All Rights Reserved 9

10. 書き方の一例
© 2013 Actcat, Inc. All Rights Reserved 10

11. 書き方の一例 : 一部拡大
© 2013 Actcat, Inc. All Rights Reserved 11

12. ある程度書けたなと思ったら？
• 油断せず、漏れ無く書こう！
細かく書こう！
• ただし、ユーザにとって価値のないものは
書かなくても良いです。むしろ、モックか
ら削除して下さい。
© 2013 Actcat, Inc. All Rights Reserved 12
例: 「どのタブを今開いて
いてこのタブが何なのか
分かるタイトルを表示す
る」など、小さいけど、
とても重要な機能です。
漏れ無く！

13. ユーザストーリーをリスト化していく
© 2013 Actcat, Inc. All Rights Reserved 13
「キーワードで検索でき
る」といったユーザストー
リーをプロジェクト管理
ツールに全て入力していく
あとは重要度順に
並び替えればOK

14. 最後に
• 本当にユーザにとって必要な機能なのかどう
かを考えながら、UIをユーザストーリーのリス
トに落としこんでいきましょう
• この後、各機能ごと、大切な順番、あるべき
順番、作れる順番、な順序に並べて、実際に
は開発をすることになります
• 「ユーザにとって価値ある機能かどうか」が
最も重要です
© 2013 Actcat, Inc. All Rights Reserved 14

15. 会社概要
会社名 株式会社アクトキャット
設立年 2012年5月10日
代表取締役 角 幸一郎
本社所在地 東京都港区赤坂8丁目9番14号 ローザ赤坂 107号室
40以上の自社iOS/Androidアプリの開発実績
iOS/Androidアプリ 累計 350万ダウンロード以上
Apple iOS App Store Best of 2010
雑誌掲載数十冊以上
App Store 総合無料 5位 50位 多数
15© 2013 Actcat, Inc. All Rights Reserved

16. お問い合わせ先
下記までお気軽にお問い合わせ下さい
Copyright 2012© Actcat, Inc. All Rights Reserved. 16
担当: 角 幸一郎"
Mail: koichiro.sumi@actcat.co.jp"
Tel : 03-6434-5905"
HP : http://www.actcat.co.jp/
http://www.spath.jp/