More Related Content
Similar to ペルソナシナリオとプロトタイプ２ (20)
More from Shuhei Iitsuka (20)
ペルソナシナリオとプロトタイプ２
- 1. ペルソナシナリオと プロトタイプ 飯塚修平 UT Startup Gym
- 2. 鲍罢#厂迟补谤迟耻辫#骋测尘#とは？ アイデアをカタチにするプログラム !?プロジェクト# !?企画から実装まで# !?スタートアップ 2012/11/17 2 UT Startup Gym UT Startup Gym
- 3. スケジュール Keywords:* ??プログラミング入門 ソーシャルウェブアプリケーション,%API,% Oct,%12 bot,%HTML5 ??プラニング リーンスタートアップ,%ビジネスプラニン Nov,%12 ??プロジェクトスタート グ,%HTML,%CSS,%PHP,%javascript ??開発開始 Dec,%12 ??冬季開発合宿 チーム結成,%企画,%ディスカッション% git,%フレームワーク,%MySQL,%Apache% ??ウェブデザイン Jan,%13 ??週間報告会 シナリオ,%ペルソナ,%ワイヤフレーム,%% サイトマップ,%DB%スキーム% ??jQuery,%中間発表 Feb,%13 ゲーミフィケーション,%仮説検証,%データマ イニング,%アクセシビリティ% ??作業会 Mar,%13 レスポンシブデザイン,%プレゼンテーション% ??リリース会 Apr,%13 2012/11/17 3 UT Startup Gym UT Startup Gym
- 4. 講師（敬称略） タイトル 要素 飯塚 かんたん アプリをつくる ? 飯塚 かんたん アプリをつくる 堀内様 ハンズオン勉強会 ? 飯塚?石村 スタートアップの心構え ビジネスプラン、リーンスタートアップ ? 飯塚 プロダクトデザイン シナリオ、ペルソナ、ワイヤフレーム? ? お休み（飯塚 ジャカルタ） 和田?前原 ウェブサービスの企画のコツ 企画プロセス、ウェブサービス運用 ? プロジェクトキックオフ アンカンファレンス ? 未定 チームでけんかをしないコード管理術 ? ? ハッカソン ? 石村 ユーザがハマるアプリデザイン ゲーミフィケーション ? 飯塚 かんたん?きれい?便利なウェブデザイン ? 天野 大澤 ウェブから情報を集める 斎藤 アニメーションをつくる ? ゲスト ゲストスピーカー ? ? 中間発表 ? ? 作業会 ? ? プレゼンテーション ? ? ? リリース会 ? 2012/11/17 4 UT Startup Gym
- 5. 前回の簡単なおさらい ? ウェブサービスを考えるフレームワーク 1. 痛み 2. 解決法 3. Why Now? 4. 市場規模 5. Why Us? 6. ビジネスモデル 7. チーム ? 不確実な状況で仮説検証を繰り返していく。 ? リーンスタートアップ UT Startup Gym
- 6. ? ? ? ? ? ? 『Web 工学とビジネスモデル 第9回』天野仁史 @amachang より UT Startup Gym
- 7. ペルソナ ? ペルソナ = 代表的なユーザー像 ? サイトの機能を再現するのに必要な登場人物数は？ ? 細かい性格や言動も考える - 口癖、交友関係、職業病 etc. ? 日常生活とウェブの関わり方は？ - 通勤通学中、仕事中、料理中 etc. ? 具体的なほどよい。友だちにモデルがいるといいかも。 『Web 工学とビジネスモデル 第9回』天野仁史 @amachang より UT Startup Gym
- 8. シナリオ ? ペルソナとサービスの理想的なインタラクションをストーリーに する-> システムの振る舞いおよび必要な機能を明確にする！ ? 感情の動きと行動を結びつけて記す ? テキストが一般的だが、漫画やビデオなど形態は何でもよい ? 複数人のペルソナのインタラクションを考える -> 伏線の設計が非常に大事 「なぜ、どうやってそのユーザは あなたのサイトに来るの？」 黒須正明. 『マイクロシナリオ手法』メディア教育開発センター (NIME) 研究報告. 2006. UT Startup Gym
- 9. お花サプライズ！の例 UT Startup Gym
- 10. お花サプライズ！の例 ? 登場人物 ? お届け係 (presenter) ? 花を購入する友だち (giver) ? 花を受け取る友だち (presentee) ? 様々なシチュエーション ? みんなで祝う編／１対１で祝う編 ? 購入キャンセルしたい人編 etc. UT Startup Gym
- 11. お花サプライズ！の例 俊一は大学の講義中暇だったので MacBook で Facebook を開いた。ニュースフィードを眺めていると、砂田から 以下のようなフォードが流れてきた。 さおりの誕生日が近いから花を贈ってみた。 条さおりさんの誕生日にみんなで花を贈ろう! ソーシャルフラワーギフ トで... <以下 Discription は要検討> というフィードが流れてきた。 - フィードにはさおりの顔写真がついていた。 - さおりさんには見えないようにプライバシー設定が施されている。 - 砂田くんは大学は異なるが、教習所で会って仲良くなった。 - たまに3人で昼飯を食べたりした間柄。 「あ、さおりさんの顔写真が流れてる。どうしたんだろ? え、なんで砂田が花とか贈ってるの?? え、ていうかなんの サービスこれ?」と俊一は疑問に思った。 - 一応さおりとは Facebook のアカウントを交換するくらいの関係にはなっている。 気になった俊一は、とりあえずフィードのリンクをクリックしてみた。クリックすると、『茨城のクー ルビューティ ー、条さおりに100本の花束を贈ろう!』と題されたページが目に飛び込んできた。 -「面白いサプライズ企画に自分も乗れる!」と感じてもらう - タイトル、説明→自分も乗っていいんだ! - プレゼンティーの顔が見える→〇〇に贈ることが出来るんだ。喜ばせたい。 - 期限がある→すぐやんなきゃ。 - みんなのメッセージ→みんなもいて、面白そう。自分も乗れる。喜ばせたい。 - 花束の本数→花束をあげるという事実→自分のきもちを伝えられる。知ってもらえる。喜ばせたい。 UT Startup Gym
- 12. シナリオの妥当性 ? 現実的に可能であるかどうか、無理がないか、人間の 心理や行動として自然であるか A 子さんは B 駅へ急いでいる。いつもより 10 分早く家を出たのは、定期券を買うため だ。 急ぎすぎて、ストッキングを伝線させた。構わぬ急げ。髪はすこし乱れたが、いつ もの快速 に間にあった。A 子さんは C 駅で降りる。C 駅の構内にある D という店で、 ストッキングを 買う。C 駅から徒歩 5 分のオフィスで、始業前にはき替える。---ふー っ。今日も終わった。 友人との待ち合わせの E 駅までは、C 駅から 4 駅。E 駅に着いたら、待ち合わせまでに 時間 もあるから、駅ビルの F という本屋で、アレとアレを買おう。友人とあったら G へ 行こう。 雑誌で見たイタリアンだ。---ふーっ。食った飲んだ。友人と別れたあと、構内 の H という 薬屋で胃薬を買う。飲む。帰りの電車で、居眠りをする。B 駅に着いたら、 10 時だった。改 札口を出たところにある I というケーキ屋を横目で見ながら、後ろ髪引 かれながら、家路へ。 のつもりが、やっぱりチーズケーキを買う。A 子さんは B から I までビューカード。 黒須正明. 『マイクロシナリオ手法』メディア教育開発センター (NIME) 研究報告. 2006. UT Startup Gym
- 13. ?? –? –? 『Web 工学とビジネスモデル 第9回』天野仁史 @amachang より UT Startup Gym
- 14. 複数人でやることをオススメします！ ひとりでやると... - バイアスがかかる - 悩む - やばいくらい悩む UT Startup Gym
- 15. ? ? ? ? ? ? 『Web 工学とビジネスモデル 第9回』天野仁史 @amachang より UT Startup Gym
- 16. サイトマップ ? サイト全体のページ構造 ナビゲーションやメニューを考える上で重要！ トップ 1 カテゴリ1 カテゴリ2 カテゴリ3 2 商品1 商品2 商品3 3 UT Startup Gym
- 17. お花サプライズ！の例 - ログインが必要な領域は？ - ユーザによってどう表示をわける？ - 一覧とウィザードどちらが最適？ UT Startup Gym
- 18. ページデザイン ? シナリオにそってページを作っていく ? シナリオの中で発生すべき感情を、メモとしてそのペ ージに記録しておく ? ペルソナの気持ちになってもう一度そのページを 直 して、どういう感情になるか考えてみる ? 分かりやすいサイトを目指す UT Startup Gym
- 19. 理想的には ? Illustrator や Inkscape で起こすと Good デザインを考えながら HTML, CSS と戦うのは至難の業。 再現 作業に全力を割く。 ワイヤフレームは情報の優先順位を示すものであって、デザインを示すものではない。 UT Startup Gym
- 20. ? ? ? ? ? ? 『Web 工学とビジネスモデル 第9回』天野仁史 @amachang より UT Startup Gym
- 21. アーキテクチャ ? サーバ構成、テーブル定義、フレームワークetc. ? 練習と慣れが必要な部分 ? ex. たとえば２ちゃんねるのテーブル定義は？ UT Startup Gym
- 22. プログラミング ? がんばって学んで行きましょう！ UT Startup Gym
- 23. ただ、あくまで柔軟に ? リーンスタートアップの考え方に立ち返って。 ? 本当にデータベース作る必要ある？ ? Google Drive で十分じゃないか？ ? シナリオの頭の小さなズレが、後半の大きなズレにつ ながる。 ? まず、最初にぶちあたる「価値仮説」を検証できて いるのか？ ? ex. ウィッシュリスト制ギフトサービスだったら？ UT Startup Gym
- 24. ワーク ? 仮説「友だち内で本の貸し借りができるサービスがで きればいいんじゃないか」 ? 検証方法: チームメンバー（大学生３人）の本棚にあ る本を掲載したウェブサイトをMVPとして製作する。 「借りたい」ボタンのクリック率が 20 %を超えたら 検証されたとみなす。 ? どんなウェブサイトをつくりますか？ ? もし、他のアイデアが良ければそれでも可 UT Startup Gym
- 25. wrap up ? 「借りたい」と思うユーザに最適な要素を提供できているか？ ? 本の写真, 本のタイトル, 貸す側の情報 ? お手本としてのセブマート (http://yurikokai.com/cebumart/) 「海外のモノを安く買いたい」という仮説は検証された。「直接 の知り合いでなくても買ってもらえる」という仮説は検証され た。（あくまでこのウェブサービスでは） ? ここで得られた「何が売れたのか」という学びがこのサービスの 強みになっていく UT Startup Gym
- 26. wrap up ? 実際に考え始めるとアイデアが発散する。 ? 大学の本の教科書にピボットするかもしれない ? 「あの有名な人」の本が読めるサービスにピボットするかもしれない ? 貸す側は「他人」なのか？「友人」なのか？ ? → A/B テスト（コホート分析）で決定していく部分 ? 検証方法 ? 教科書のクリック率が高かった。 ? 知り合いの知り合いの有名人にも本棚を登録してもらったら、クリック率が高 かった。 ? Facebook 上の本名と顔写真を載せたものと載せていないものでクリック率 に差が生じた。 ? 大切なことは、その時々でしっかりと仮説を置いてペルソナを設定し、MVPをつ くること。 UT Startup Gym
- 27. wrap up ? やってみると非常に細かいところが気になりだす ? 返却方法、個人情報、輸送方法??? ? はじめはバックエンドは手作業でもいい ? ひとりひとりメールで対応する ? 着払いで郵送してもらう ? やってみると、先人たちが断念した崖が見えてくる。 ? 確実に返してもらうための仕組みづくりが難しい etc. ? 逆に、ここが Why Now? で説明できると強い。 ? 電子書籍にしてしまえばその心配がなくなるかもしれない UT Startup Gym
- 28. 余談: Skeuomorphism ? Apple 製品のアイコンは「現実のもの」に即している。 2011 年度 東京大学情報理工学部 創造情報学連携講義 講義資料より UT Startup Gym
- 29. 余談: Skeuomorphism ? ただ、その傾向も変わりつつある。 UT Startup Gym