Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
アプリ開発を回すために   これだけは押さえておきたい   3つの軸
1 　企画の軸   ! 2 　機能の軸   ! 3 　流流れの軸
アプリの流流れ 　→ 　画⾯面遷移 　画⾯面の切切り替わり → （補足）
1 　企画の軸   ! 2 　機能の軸   ! 3 　流流れの軸
軸があいまいなまま   アプリ製作をすすめると・・・
仕様追加の嵐嵐で   現場が荒れて   ⼯工数もかさむ 企画の軸がぶれている 機能の軸がぶれている
⾒見見積もりが⽢甘く   想像以上に   追加で予算が   かかってしまった 機能の軸がぶれている 企画の軸がぶれている
アプリが   なんだか   使いにくい 流流れの軸がぶれている
いろいろ⾯面倒なことになります
1 　企画の軸   ! 2 　機能の軸   ! 3 　流流れの軸
1  企画の軸 ・ビジネスゴール   ・ユーザーゴール   ・コンセプト
例例 とあるネイルサロンチェーン
アプリを作って   売り上げを   持ち直したい
ビジネスゴール
【ビジネスゴールの具体的な例例】   ! ・100万ダウンロード達成したい   ! ・有料料アプリの売り上げ300万円   ! ・アフィリエイトの売り上げを    　最低でも⽉月々50万円はほしい   ! ・⾃自社サイトの訪問数の増加
このアプリで何を得たい？  
ブランド化したい   ⼝口コミ増やしたい   ファンを作りたい   店の魅⼒力力をアピールしたい   売り上げを伸ばしたい   店に客を呼びたい 【このアプリで得たいことは何か】
ブランド化したい   ⼝口コミ増やしたい   ファンを作りたい   店の魅⼒力力をアピールしたい   売り上げを伸ばしたい   店に客を呼びたい 【このアプリで得たいことは何か】
ブランド化したい   ⼝口コミ増やしたい   ファンを作りたい   ↓   来店客を増やしたい   リピーターを増やしたい 【このアプリで得たいことは何か】
来店客を増やしたい   リピーターを増やしたい   ↓   来店客が増える   ↓   実店舗の売り上げ増加 【このアプリで得たいことは何か】
【ビジネスゴール】   ! 実店舗の売り上げ増加   ! !
ユーザーゴール
ターゲットのユーザーを 絞り込む
ネイルケアに興味があり、   リピーターになってほしい   ↓   20代後半⼥女女性
【ユーザーゴールを考える⽅方法】   ! 1 　ターゲットになりきって考える   2 　ターゲットに近い知⼈人友⼈人を    　 　想像して考える   3 　ペルソナを設定して考える   4 　ターゲットユーザーに聞きまくる  
ユーザーの気持ちを   整理理する
⾏行行く前にどんな店か知りたい   どんなネイルがあるか知りたい   ⾃自分でもやってみたい   ネイルケア⽤用品をそろえるのは⾯面倒そう   ⼿手軽にネイルケアしたい   ネイルのことわからない   安くネイルケアしたい   店までいくのは⾯...
⾏行行く前にどんな店か知りたい   どんなネイルがあるか知りたい   ⾃自分でもやってみたい   ネイルケア⽤用品をそろえるのは⾯面倒そう   ⼿手軽にネイルケアしたい   ネイルのことわからない   安くネイルケアしたい   店までいくのは⾯...
【ユーザーゴール】   ! いろんなネイルデザインを 参考にして、割安でネイル ケアしたい。
コンセプト
Gunosy   情報を世界中の⼈人に最適に届ける mercari   スマホでかんたんフリマアプリ クックパッド   No.1レシピ検索索アプリ コンセプト例例
ビジネスゴール   ×   ユーザーゴール   ! コンセプト
【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして、   割安でネイルケアしたい。
実際に考えてみましょう
コンセプトを   思いつくかぎり   付箋に書き出しましょう
【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして   割安でネイルケアしたい   ! コンセプトをかいてください   3分
クーポン、ポイント 【ビジネスゴール】   売り上げ増加 【ユーザーゴール】   割安感× 【コンセプト例例】
× 【ビジネスゴール】   ブランド化 【ユーザーゴール】   ネイルデザイン ネイル作品の写真を表⽰示 【コンセプト例例】
ネイル作品の写真を表⽰示 クーポン、ポイント 【コンセプト例例】
【コンセプト】   ! ネイルサロンの割引券つき   ネイルカタログアプリ
【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして   割安でネイルケアしたい   ! 【コンセプト】   ネイルサロンの割引券つき   ネイルカタログアプリ
1 　企画の軸    　 　 　・ビジネスゴール    　 　 　・ユーザーゴール    　 　 　・コンセプト   2 　機能の軸   ! 3 　流流れの軸
２  機能の軸 ・洗い出し   ・整理理   ・割り振り
機能の洗い出し
考えられる機能を   付箋に書き出してみましょう   3分
【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして   割安でネイルケアしたい   ! 【コンセプト】   ネイルサロンの割引券つき   ネイルカタログアプリ
割引チケット   店舗チェックイン・ポイント   SNSへの投稿機能   ユーザーの投稿機能   店舗紹介   所属ネイリスト⼀一覧   最新ネイル作品表⽰示   お気に⼊入り機能   オリジナル・ネイルキット発売   How  to  ネイル...
機能の整理理
グルーピングして   機能の全体を⾒見見通す
グルーピングしてみましょう   3分
ポイント系   割引チケット   店舗チェックイン・ポイント   ポイントサービス ユーザーアクション   SNSへの投稿機能   ユーザーの投稿機能   お気に⼊入り機能 店舗情報   店舗紹介   所属ネイリスト⼀一覧 ネイルケア   最新...
機能の割り振り
【機能割り振りの考え⽅方】   ! アプリのコンセプトに合う機能を メインに考える   ! １画⾯面に１機能として可視化する
機能を割り振ってみましょう
【機能割り振りのコツ】   ! １ 　何パターンも書いてみる   ! ２ 　使っているアプリを参考にする
1画⾯面1機能で   機能を割り振ってみましょう   ! 5分
アプリ起動時に表⽰示される   トップ画⾯面   ! ネイルの作品写真が   ⼤大きく表⽰示されます   ! 店舗所属の   ネイリストも表⽰示され、   誰がデザインしたネイルかが   分かるようになっています   !
ネイル作品詳細画⾯面です   ! ネイル写真⼀一覧から   写真をタップすると   この画⾯面に遷移します   ! 作品やネイリストについての   説明をみることができます
1 　企画の軸    　 　 　・ビジネスゴール    　 　 　・ユーザーゴール    　 　 　・コンセプト   2 　機能の軸             　・洗い出し           　  ・整理理             　・割...
3  流流れの軸 ・流流れの設計   ・画⾯面の割り振り   ・画⾯面と機能の整理理
アプリの流流れ 　→ 　画⾯面遷移 　画⾯面の切切り替わり →
3  流流れの軸 ・流流れの設計   ・画⾯面の割り振り   ・画⾯面と機能の整理理
アプリ使⽤用の流流れを書き出す
ニュース記事タイ トル・リスト 個別記事詳細 お気に⼊入りリスト 設定 【ニュース系アプリの遷移例例】 ⽂文字
ネイル写真⼀一覧 個別ネイル 割引情報 店舗席予約 お気に⼊入りリスト その他メニュー 店舗情報 ネイリスト情報 設定
画⾯面を並び替えて   アプリの使⽤用フローを   考えましょう   ! 3分
ネイル写真 ⼀一覧 個別ネイル お気に⼊入り リスト 店舗席予約割引情報 その他メ ニュー ネイリスト 情報 設定 【画面遷移の例】 店舗情報
流流れに画⾯面を割り振っていく
例 流流れにそって画⾯面を整理理しましょう
ネイル写真 ⼀一覧 個別ネイル お気に⼊入り リスト 店舗席予約割引情報 その他メ ニュー 【画面遷移の例】 ① ② ③ ④ ⑤ ⑥ ネイリスト 情報 設定 店舗情報 ⑦ ⑧ ⑨
【画面割り振りの例】
画⾯面と機能を資料料としてまとめる
画像 Sekai  lab  Pte.  Ltd.  Sample ネイル写真⼀一覧（トップ） ネイル画像がアップされています No.1 項 項⽬目説明 1 ネイル画像を表⽰示 2 メニューを表⽰示 ネイルサロンがアップするネイ...
Sekai  lab  Pte.  Ltd.  Sample 個別ネイル画⾯面 トップからネイル画像をタップするとこの画面に遷移します No.2 項 番 項⽬目説明 1 ネイル画像を表⽰示 2 ネイルの作品情報を表⽰示 3 ネイ...
1 　企画の軸    　 　 　・ビジネスゴール    　 　 　・ユーザーゴール    　 　 　・コンセプト   2 　機能の軸    　 　 　・洗い出し    　 　 　・整理理    　 　 　・割り振り   3 　流流れの軸    ...
アプリ開発を回すために   これだけは押さえておきたい   3つの軸 1 　企画の軸            ・ユーザーゴール            ・ビジネスゴール            ・コンセプト   2 　機能の軸        ...
⾒見見積もり依頼や   開発会社とのやりとりが   スムーズになります
Enjoy! make App!
http://www.sekai-lab.com アプリ・Webサービス開発の新スタンダード
アプリ開発を回すためにこれだけは押さえておきたい3つの軸
アプリ開発を回すためにこれだけは押さえておきたい3つの軸
Upcoming SlideShare
Loading in …5
×

アプリ開発を回すためにこれだけは押さえておきたい3つの軸

17,928 views

Published on

セカイラボ（http://www.sekai-lab.com）による、「アプリやWebサービスづくり」を極める！セミナー&ワークショップシリーズ第一弾、「スマホアプリのアイディアを、開発者に伝わる企画書に落とすための3ステップ（コンセプト・機能・動き）」（2014年7月16日開催）の資料です。

Published in: Mobile
no profile picture user

  • Login to see the comments

Show More

アプリ開発を回すためにこれだけは押さえておきたい3つの軸

  1. 1. アプリ開発を回すために   これだけは押さえておきたい   3つの軸
  2. 2. 1 　企画の軸   ! 2 　機能の軸   ! 3 　流流れの軸
  3. 3. アプリの流流れ 　→ 　画⾯面遷移 　画⾯面の切切り替わり → （補足）
  4. 4. 1 　企画の軸   ! 2 　機能の軸   ! 3 　流流れの軸
  5. 5. 軸があいまいなまま   アプリ製作をすすめると・・・
  6. 6. 仕様追加の嵐嵐で   現場が荒れて   ⼯工数もかさむ 企画の軸がぶれている 機能の軸がぶれている
  7. 7. ⾒見見積もりが⽢甘く   想像以上に   追加で予算が   かかってしまった 機能の軸がぶれている 企画の軸がぶれている
  8. 8. アプリが   なんだか   使いにくい 流流れの軸がぶれている
  9. 9. いろいろ⾯面倒なことになります
  10. 10. 1 　企画の軸   ! 2 　機能の軸   ! 3 　流流れの軸
  11. 11. 1  企画の軸 ・ビジネスゴール   ・ユーザーゴール   ・コンセプト
  12. 12. 例例 とあるネイルサロンチェーン
  13. 13. アプリを作って   売り上げを   持ち直したい
  14. 14. ビジネスゴール
  15. 15. 【ビジネスゴールの具体的な例例】   ! ・100万ダウンロード達成したい   ! ・有料料アプリの売り上げ300万円   ! ・アフィリエイトの売り上げを    　最低でも⽉月々50万円はほしい   ! ・⾃自社サイトの訪問数の増加
  16. 16. このアプリで何を得たい？  
  17. 17. ブランド化したい   ⼝口コミ増やしたい   ファンを作りたい   店の魅⼒力力をアピールしたい   売り上げを伸ばしたい   店に客を呼びたい 【このアプリで得たいことは何か】
  18. 18. ブランド化したい   ⼝口コミ増やしたい   ファンを作りたい   店の魅⼒力力をアピールしたい   売り上げを伸ばしたい   店に客を呼びたい 【このアプリで得たいことは何か】
  19. 19. ブランド化したい   ⼝口コミ増やしたい   ファンを作りたい   ↓   来店客を増やしたい   リピーターを増やしたい 【このアプリで得たいことは何か】
  20. 20. 来店客を増やしたい   リピーターを増やしたい   ↓   来店客が増える   ↓   実店舗の売り上げ増加 【このアプリで得たいことは何か】
  21. 21. 【ビジネスゴール】   ! 実店舗の売り上げ増加   ! !
  22. 22. ユーザーゴール
  23. 23. ターゲットのユーザーを 絞り込む
  24. 24. ネイルケアに興味があり、   リピーターになってほしい   ↓   20代後半⼥女女性
  25. 25. 【ユーザーゴールを考える⽅方法】   ! 1 　ターゲットになりきって考える   2 　ターゲットに近い知⼈人友⼈人を    　 　想像して考える   3 　ペルソナを設定して考える   4 　ターゲットユーザーに聞きまくる  
  26. 26. ユーザーの気持ちを   整理理する
  27. 27. ⾏行行く前にどんな店か知りたい   どんなネイルがあるか知りたい   ⾃自分でもやってみたい   ネイルケア⽤用品をそろえるのは⾯面倒そう   ⼿手軽にネイルケアしたい   ネイルのことわからない   安くネイルケアしたい   店までいくのは⾯面倒くさい   ネイルデザインのことをもっと知りたい 【ユーザーの気持ちを整理】
  28. 28. ⾏行行く前にどんな店か知りたい   どんなネイルがあるか知りたい   ⾃自分でもやってみたい   ネイルケア⽤用品をそろえるのは⾯面倒そう   ⼿手軽にネイルケアしたい   ネイルのことわからない   安くネイルケアしたい   店までいくのは⾯面倒くさい   ネイルデザインのことをもっと知りたい 【ユーザーの気持ちを整理】
  29. 29. 【ユーザーゴール】   ! いろんなネイルデザインを 参考にして、割安でネイル ケアしたい。
  30. 30. コンセプト
  31. 31. Gunosy   情報を世界中の⼈人に最適に届ける mercari   スマホでかんたんフリマアプリ クックパッド   No.1レシピ検索索アプリ コンセプト例例
  32. 32. ビジネスゴール   ×   ユーザーゴール   ! コンセプト
  33. 33. 【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして、   割安でネイルケアしたい。
  34. 34. 実際に考えてみましょう
  35. 35. コンセプトを   思いつくかぎり   付箋に書き出しましょう
  36. 36. 【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして   割安でネイルケアしたい   ! コンセプトをかいてください   3分
  37. 37. クーポン、ポイント 【ビジネスゴール】   売り上げ増加 【ユーザーゴール】   割安感× 【コンセプト例例】
  38. 38. × 【ビジネスゴール】   ブランド化 【ユーザーゴール】   ネイルデザイン ネイル作品の写真を表⽰示 【コンセプト例例】
  39. 39. ネイル作品の写真を表⽰示 クーポン、ポイント 【コンセプト例例】
  40. 40. 【コンセプト】   ! ネイルサロンの割引券つき   ネイルカタログアプリ
  41. 41. 【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして   割安でネイルケアしたい   ! 【コンセプト】   ネイルサロンの割引券つき   ネイルカタログアプリ
  42. 42. 1 　企画の軸    　 　 　・ビジネスゴール    　 　 　・ユーザーゴール    　 　 　・コンセプト   2 　機能の軸   ! 3 　流流れの軸
  43. 43. ２  機能の軸 ・洗い出し   ・整理理   ・割り振り
  44. 44. 機能の洗い出し
  45. 45. 考えられる機能を   付箋に書き出してみましょう   3分
  46. 46. 【ビジネスゴール】   実店舗の売り上げ増加   ! 【ユーザーゴール】   いろんなネイルデザインを参考にして   割安でネイルケアしたい   ! 【コンセプト】   ネイルサロンの割引券つき   ネイルカタログアプリ
  47. 47. 割引チケット   店舗チェックイン・ポイント   SNSへの投稿機能   ユーザーの投稿機能   店舗紹介   所属ネイリスト⼀一覧   最新ネイル作品表⽰示   お気に⼊入り機能   オリジナル・ネイルキット発売   How  to  ネイル   ポイントサービス   ネイル⽤用品表⽰示 【機能例】
  48. 48. 機能の整理理
  49. 49. グルーピングして   機能の全体を⾒見見通す
  50. 50. グルーピングしてみましょう   3分
  51. 51. ポイント系   割引チケット   店舗チェックイン・ポイント   ポイントサービス ユーザーアクション   SNSへの投稿機能   ユーザーの投稿機能   お気に⼊入り機能 店舗情報   店舗紹介   所属ネイリスト⼀一覧 ネイルケア   最新ネイル作品表⽰示   How  to  ネイル   オリジナル・ネイルキット発売   ネイル⽤用品表⽰示
  52. 52. 機能の割り振り
  53. 53. 【機能割り振りの考え⽅方】   ! アプリのコンセプトに合う機能を メインに考える   ! １画⾯面に１機能として可視化する
  54. 54. 機能を割り振ってみましょう
  55. 55. 【機能割り振りのコツ】   ! １ 　何パターンも書いてみる   ! ２ 　使っているアプリを参考にする
  56. 56. 1画⾯面1機能で   機能を割り振ってみましょう   ! 5分
  57. 57. アプリ起動時に表⽰示される   トップ画⾯面   ! ネイルの作品写真が   ⼤大きく表⽰示されます   ! 店舗所属の   ネイリストも表⽰示され、   誰がデザインしたネイルかが   分かるようになっています   !
  58. 58. ネイル作品詳細画⾯面です   ! ネイル写真⼀一覧から   写真をタップすると   この画⾯面に遷移します   ! 作品やネイリストについての   説明をみることができます
  59. 59. 1 　企画の軸    　 　 　・ビジネスゴール    　 　 　・ユーザーゴール    　 　 　・コンセプト   2 　機能の軸             　・洗い出し           　  ・整理理             　・割り振り   3 　流流れの軸
  60. 60. 3  流流れの軸 ・流流れの設計   ・画⾯面の割り振り   ・画⾯面と機能の整理理
  61. 61. アプリの流流れ 　→ 　画⾯面遷移 　画⾯面の切切り替わり →
  62. 62. 3  流流れの軸 ・流流れの設計   ・画⾯面の割り振り   ・画⾯面と機能の整理理
  63. 63. アプリ使⽤用の流流れを書き出す
  64. 64. ニュース記事タイ トル・リスト 個別記事詳細 お気に⼊入りリスト 設定 【ニュース系アプリの遷移例例】 ⽂文字
  65. 65. ネイル写真⼀一覧 個別ネイル 割引情報 店舗席予約 お気に⼊入りリスト その他メニュー 店舗情報 ネイリスト情報 設定
  66. 66. 画⾯面を並び替えて   アプリの使⽤用フローを   考えましょう   ! 3分
  67. 67. ネイル写真 ⼀一覧 個別ネイル お気に⼊入り リスト 店舗席予約割引情報 その他メ ニュー ネイリスト 情報 設定 【画面遷移の例】 店舗情報
  68. 68. 流流れに画⾯面を割り振っていく
  69. 69. 例 流流れにそって画⾯面を整理理しましょう
  70. 70. ネイル写真 ⼀一覧 個別ネイル お気に⼊入り リスト 店舗席予約割引情報 その他メ ニュー 【画面遷移の例】 ① ② ③ ④ ⑤ ⑥ ネイリスト 情報 設定 店舗情報 ⑦ ⑧ ⑨
  71. 71. 【画面割り振りの例】
  72. 72. 画⾯面と機能を資料料としてまとめる
  73. 73. 画像 Sekai  lab  Pte.  Ltd.  Sample ネイル写真⼀一覧（トップ） ネイル画像がアップされています No.1 項 項⽬目説明 1 ネイル画像を表⽰示 2 メニューを表⽰示 ネイルサロンがアップするネイル写真がタイムラインのように 表⽰示されます。   例例えばiPhoneアプリ「PanoPerfect」のようなイメージです。   ! ネイル画像をタップすると、   そのネイルの詳細画⾯面に遷移します。   画像 1 トップ 割引 おきにいり その他 画像 画像 2
  74. 74. Sekai  lab  Pte.  Ltd.  Sample 個別ネイル画⾯面 トップからネイル画像をタップするとこの画面に遷移します No.2 項 番 項⽬目説明 1 ネイル画像を表⽰示 2 ネイルの作品情報を表⽰示 3 ネイリスト情報を表⽰示 4 メニューを表⽰示 ネイル⼀一覧から選択したネイルの詳細画⾯面です。   ! このネイルをデザインしたネイリストの   画像と解説も表⽰示されます。   画像 1 トップ 割引 おきにいり その他 画像 タイトル 本文本文本文本 文本文本文本文 本文本文本文本 文本文本文本文 本文本文本文本 文本文本文本文 本文本文本文本 文本文本文本文 本文本文本文本 解説解説解 説解説解説 解説解説解 説解説解説 解説解説解 説解説解説 解説解説解 説解説 23 4
  75. 75. 1 　企画の軸    　 　 　・ビジネスゴール    　 　 　・ユーザーゴール    　 　 　・コンセプト   2 　機能の軸    　 　 　・洗い出し    　 　 　・整理理    　 　 　・割り振り   3 　流流れの軸    　 　 　・流流れの設計    　 　 　・画⾯面の割り振り    　 　 　・画⾯面と機能の整理理
  76. 76. アプリ開発を回すために   これだけは押さえておきたい   3つの軸 1 　企画の軸            ・ユーザーゴール            ・ビジネスゴール            ・コンセプト   2 　機能の軸            ・洗い出し            ・整理理            ・割り振り   3 　流流れの軸            ・流流れの設計            ・画⾯面の割り振り            ・画⾯面と機能の整理理
  77. 77. ⾒見見積もり依頼や   開発会社とのやりとりが   スムーズになります
  78. 78. Enjoy! make App!
  79. 79. http://www.sekai-lab.com アプリ・Webサービス開発の新スタンダード

×