Weitere ähnliche Inhalte
Ähnlich wie Spath Workshop | 世の中をより良くするアイデアを形に出来るようになる会議 β版 20130420 (20)
Mehr von Koichiro Sumi (20)
Kürzlich hochgeladen (12)
Spath Workshop | 世の中をより良くするアイデアを形に出来るようになる会議 β版 20130420
- 2. 目次
1. こんにちは
2. アイデアを実現することの難しさ
3. MVPとは ~ minimum viable product ~
4. ムダのない課題解決方法、リーン
5. リーンキャンバスを描いてみよう
6. UIを描いてみよう
7. [10分間 : 休憩]
8. ユーザビリティテストの重要性、見せてみよう
8. アジャイルソフトウェア開発とは
9. ユーザストーリーを書こう
10. 今日作ったものの改善方法
11. 自分で開発 or 人に依頼
12. リリース後はどうするか?
13. まとめ
14. Spath Schoolの宣伝
© 2013 Actcat, Inc. All Rights Reserved 2
- 7. こんにちは : まとめ
• 今日のワークショップは、
このグループで進めていきますので、
宜しくお願い致します!
• 何かあれば講師、サポーターに
ご遠慮なくお声がけ頂いても大丈夫です。
© 2013 Actcat, Inc. All Rights Reserved 7
- 11. MVPとは ~ minimum viable product ~
© 2013 Actcat, Inc. All Rights Reserved 11
- 13. MVPとは ~ minimum viable product ~
• その名の通り、
「最低限有効な機能を備えたプロダクト」
アイデア(課題解決)の実現のコア機能のみ、
実装したようなプロダクトのことです。
• アイデアの検証のために、
そのアイデアがイケてるかどうか試す為に、
全部の機能を作る必要は一切ありません
• MVPでもイケてる!流行る!
の確認ぐらいはできちゃいます
© 2013 Actcat, Inc. All Rights Reserved 13
- 14. MVP例: パズドラはパズルから
© 2013 Actcat, Inc. All Rights Reserved 14
[引用元] 【徹底インタビュー】「パズル&ドラゴンズ」はこうして作られた。http://
www.appbank.net/2012/04/11/iphone-news/395927.php
- 45. 2. UIの一例(スマホ or PCファースト)
UIを描いてみよう
© 2013 Actcat, Inc. All Rights Reserved 45
- 71. やってみよう
1. 達成してほしいシナリオを作る
– テストしたいユーザ体験のシナリオを作る
– 「タスク」ではない
– 例: 「今日の天気を教えてください」など
NG例: 「天気マークのボタンを押し、出てきたポップアップ
の…」ではない
– 今回は、「課題」の「解決」を「シナリオ」としてください。
– 例: 課題: 天気を知る方法がない 解決: 天気を知ることが出来る
シナリオ: 今日の天気を知ってください
2. UIを、先ほどペアになった方に見せて、シナリオを伝えてく
ださい。そして、何かボタンを押して貰うなどして貰ってく
ださい
3. ボタンを押したら何が起こるか、どの画面にいくのか伝えて
ください
– 例:戻るを押したらコチラの画面に戻ります、など
4. 結果として、「ここを押してここに飛んでここで天気が分か
る」みたいに回答してもらえるか、途中で躓ついて、なかな
かシナリオを達成出来ないかのどちらかになると思います
© 2013 Actcat, Inc. All Rights Reserved 71
- 95. イメージ
© 2013 Actcat, Inc. All Rights Reserved 95
実装が完了した
ユーザストーリー
実装中の
ユーザストーリー
実装予定の
ユーザストーリー
実装するかもし
れないかもな
ユーザストーリー
- 97. ユーザストーリーの書き方例
1. 各画面での
コアとなるユーザストーリーを描く
– 各画面を丸印で囲って、そこにユーザストーリーを書いてくだ
さい
– 例: Twitterの「タイムライン」だと、
Twitterのユーザとして、友人が今、ついさっき、何を思ってい
たかが分かる機能がほしい。なぜなら、その友だちと次話すと
きの話のネタにしたいからだ。
– 実際は⃝⃝△△☓☓は難しい。。。
– コアとなるView、ヘッダー、フッター、ボタン、などが対象
2. UIをとにかく細かく丸印をつけて、
区切って、ユーザストーリーを羅列していく
– アイコンが表示されるとか、押すとグーグルの検索画面に飛ん
でグーグルで検索出来るとか
– 大切(コア)っぽいところから手をつけて下さい
3. 各View全部に⃝がついたら終わり、それが機能の詳細なリ
ストである。要件定義書としても使える。かも
© 2013 Actcat, Inc. All Rights Reserved 97
- 102. 今日作ったものの改善方法
• 第三者に見せる
– 友達
– 知見所有者
– ターゲーットユーザー、アーリーアダプター
• ターゲーットユーザー、
アーリーアダプターに、
課題とソリューションについてインタビュー、
ユーザビリティテストを行う
• リーンキャンバスやUVPなどを意識しつつ、
改善していく(繰り返す、10人~100人ぐらい)
© 2013 Actcat, Inc. All Rights Reserved 102
- 109. 発注する場合のオススメ
• アイコンデザイン / ロゴデザイン
– 99designs : http://99designs.com/
– DesignClue : http://www.designclue.co/
• 各画面のデザイン
– CrowdWorks : http://crowdworks.jp/
– Lancers : https://www.lancers.jp/
• 開発
– CrowdWorks : http://crowdworks.jp/
– Lancers : https://www.lancers.jp/
© 2013 Actcat, Inc. All Rights Reserved 109
- 112. デザイン / アイコン
• アイコンはDL数に超影響を与える超重要部分
なので、出来れば発注しよう!
• 99DesignsやDesignClueは海外の人がやって
くれるので、とても安価で、超オススメです。
デザインはきちんと意志疎通出来ないと結構
きついです
• デザインはアイコンからの切り貼りか、フ
リー素材を頑張って使えばなんとかなるケー
スも。(アイコン切り貼りする場合は要著作
者確認・許可)
© 2013 Actcat, Inc. All Rights Reserved 112
- 119. どこを自分でやるか
• アイコンは任せよう
– もしあなたがデザイナーなら自分でやろう
• デザインは頑張ってもいいかもしれない
– 本気度が高いプロジェクトなら任せよう
• 開発は自分でやろうよ!
– サービスや製品は「改善」されるもの
– 改善を随時実施するために、自分で、改善を施し
ていけるほうが、サービス品質は高くなりやすい
– それに、アジャイルに対応出来る開発会社、
フリーランスはまだ多くない
© 2013 Actcat, Inc. All Rights Reserved 119
- 124. 3つの成長エンジンのチューニング
1. 粘着型成長エンジン
– 一度獲得した顧客がずっと使ってくれる、お金を支払ってくれる場合
の、成長パターン
– 新聞購読など定期購読系など
– シャンプーとかも同じブランドを使い続ける
2. ウイルス型成長エンジン
– 口コミなどによるバイラルによるもの
– 『バイラル係数』が1以上だと成長出来る
• バイラル係数 = 既存利用者から紹介された新利用者 / 既存利用者
3. 支出型成長エンジン
– 顧客生涯価値(一人の顧客が取引期間を通じて企業にもたらす利益) – 顧
客獲得単価 = 利益
– 顧客獲得単価 < 顧客生涯価値
であればあるほど、成長出来る
• OTHER:
– 放置型: 自己満足で放置でも別にいいのでは?
自分のためのプロダクトであれば。
© 2013 Actcat, Inc. All Rights Reserved 124
- 125. Lean Canvasの修正(Pivot)による拡大
• ズームイン型
– (いくつかのうち)一つの機能にフォーカスする。
• ズームアウト型
– それまでの製品がより拡大したものの一部となる、製品拡大。
• 顧客セグメント型
– ターゲット顧客の変更。
• 顧客ニーズ型
– 想定していた課題が重要でなかったり、対価を支払えない場合は、対象とするニーズ
を変更あるいは再定義する。
• プラットフォーム型
– アプリケーションからプラットフォームに、あるいはその逆の方向転換。
• 事業アーキテクチャー型
– 低マージンで量を追うか、量を追わないが高マージンを狙うか。
• 価値獲得型
– どのようにマネタイズするか、売上をどう獲得するか。
• 成長エンジン型
– バイラル(クチコミ)、顧客定着化、(広告など)マーケティング投資、の三つがあ
るが、その転換。
• チャンネル型
– 販売・流通チャンネルの転換。
• テクノロジー型
– 用いる技術の転換。
© 2013 Actcat, Inc. All Rights Reserved 125
- 137. Step and Pricing
1. 体験ワークショップ
– 5,250円 / 1名 / 3時間
2. プログラミング学習、学習支援
– 9,800円 / 1名毎 / 1ヶ月間
3. OJT型プログラミング研修、MVP開発
– 129,800円 / 1名毎 / 3ヶ月間
=>約15万円でサービスを作れるエンジニア
に
* iOS(Objective-C), Web(HTML/Ruby/
MySQL/Sinatra)
© 2013 Actcat, Inc. All Rights
Reserved
137
- 141. 『プログラミング学習、学習支援』 イ
メージ
© 2013 Actcat, Inc. All Rights
Reserved
141
どちらか選択
Web(ruby)
iOS
書籍送付
メンバーサイト登録 /
FBグループ登録
オリジナルコンテンツで補完
書籍送付
オリジナルコンテンツで補完
随時FBグループでサポー
ト カリキュラム自体は
メンバーサイトで案内
- 142. 具体的なコンテンツ内容(予定)
• iOS
– 『よくわかるiphoneアプリ開発の教科書』
• Objective-Cとは(クラス, メソッド, for,if,array,each,etc…)
/ iOS用各種UIKitの使い方
– 補完コンテンツ
• JSON, JSONPaerser / APIの利用方法
• Web
– Sinatra
• Sinatraとは / ViewとController / GET, POST / MySQLとの接続
– 『たのしいRuby』
• Rubyとは(クラス, メソッド, for,if,array,each,etc…)
– MySQL (dotinstallより)
– HTML (dotinstallより)
• 共通
– デバッグ方法 / ググる方法 / PivotalTrackerによるタスク
管理
© 2013 Actcat, Inc. All Rights
Reserved
142
- 145. 『OJT型プログラミング研修、MVP開発』の
流れ
• Facebook グループに参加してもらう
• 下記カリキュラム(Lean canvasなどは最低限のみ)実施、
FBグループにて必ずフィードバックを返す、回答するなどして、
サービスをリリース出来る状態まで持っていく
• 1. 作りたいアイデア / 解決したい課題を考える
2. Lean canvasを書く
3. Lean canvasを検証する
4. アイデア・課題解決を実現する Solution の UserInterface を書く
5. Solution を細かなタスクに分解する
6. タスクに内包される技術調査を行う
7. Solutionを あなた自身で 開発する
8. ユーザビリティテスト(友達などに実施してもらう)
9. Solutionを あなた自身で 開発する
10. ユーザビリティテスト
11. 必要であれば、デザインを人に頼む
12. 開発
13. ユーザビリティテスト
14. リリース準備、リリース
15. 継続的マーケティング
© 2013 Actcat, Inc. All Rights
Reserved
145
- 155. 会社概要
会社名 株式会社アクトキャット
設立年 2012年5月10日
代表取締役 角 幸一郎
本社所在地 東京都港区赤坂8丁目9番14号 ローザ赤坂 107号室
サービス紹介
お願いカンパニー for iOS / Android
ユーザが悩み、相談、疑問などを投稿、他ユーザが回答するサービス。
投稿者に選ばれるとポイントが貰え、景品に交換できるのが特徴。
その他実績
40以上のiOS/Android/Webアプリの企画設計開発運用実績
大手広告代理店等との受託開発、コンサルティング実績
Copyright 2012© Actcat, Inc. All
Rights Reserved.
155
- 160. 運営メンバー概要
角 幸一郎 • 徳島大学工学部卒業。在学中からフリーランスとしてiPhoneア
プリを複数リリース、累計199万DL超。新卒として入社した楽
天を2010年末に退職後、CyberAgent、D.A.consortiumなどで
サービスを企画・設計・開発。また、スマートフォン向けアドエ
クスチェンジ事業「SmAdd」などもリリース。
• 大学時代はパソコン講座を運営するアルバイトを大学生協にて3
年半実施、講師やアドバイザー、新規事業(ITパスポート講座カ
リキュラムの追加)などの研修事業も実施
• iOS(Objective-C) / Android(Java) / Rails3(Ruby)
その他、サービス開発に必要なものであればなんでも。
© 2013 Actcat, Inc. All Rights Reserved 160
米本 剛士 • 徳島大学工学部大学院卒業。iPhone3G発売当初からiPhoneア
プリを複数リリース、各種アドネットワークを活用、収益化。
代表作は「AppBottle」「標高ワカール」など。AppStoreにて
無料総合ランキング3位獲得。2012年に株式会社アクトキャッ
トに参画、取締役。
• 大学時代は産学官連携アプリ開発プロジェクト「make.app」
にてリーダーとして、学生へのプログラミング指導等も実施
• iOS(Objective-C) / Rails3(Ruby) / Codeigniter(PHP)
その他、サービス開発に必要なものであればなんでも。
- 161. 会社概要
会社名 株式会社アクトキャット
設立年 2012年5月10日
代表取締役 角 幸一郎
本社所在地 東京都港区赤坂8丁目9番14号 ローザ赤坂 107号室
サービス紹介
お願いカンパニー for iOS / Android
ユーザが悩み、相談、疑問などを投稿、他ユーザが回答するサービス。
投稿者に選ばれるとポイントが貰え、景品に交換できるのが特徴。
その他実績
40以上のiOS/Android/Webアプリの企画設計開発運用実績
大手広告代理店等との受託開発、コンサルティング実績
Copyright 2012© Actcat, Inc. All Rights
Reserved.
161
- 167. 今回のピッチルール
• スライドを3枚書いてもらいます
– 1枚目はUVP
– 2枚目は既に書いたリーンキャンバス
– 3枚目以降は描いたUI
• 発表時間
– 1枚目は30秒
– 2枚目、3枚目以降は合わせて2分30秒
• 作成時間
– UVPを書き、2枚目、3枚目以降を必要があれば修正
して、出来たら提出ください。10分間です。
– 頂いた順に発表になります。頂いた資料をスキャナー
でスキャンして、発表スライドとさせて頂きます
© 2013 Actcat, Inc. All Rights Reserved 167