Recomendados
Mais conteúdo relacionado
Semelhante a Presentation_tsumiki.pdf
Semelhante a Presentation_tsumiki.pdf (20)
Presentation_tsumiki.pdf
- 2. サービスについて とは... ▷前提 読んだ/読みたい記事を「URL」で積読することが できるWebサービス ①記事蓄積機能（積読） 1.URLを貼り付けて、「つむ」を押す 2.記事が積まれ、蓄積される ②コレクション機能（カテゴリー化） 2.カテゴリーごとでまとめる „} コレクション（カテゴリー）を作成 TSUMIKIという既存サービスをスマホアプリにRe-design すること ▷テーマ ▷プロセス 01.ペルソナ 02.カスタマージャーニー 03.ビジネスモデル 04.wireflame&Design 05.ユーザーテスト 06.修正＆モーション
- 3. ペルソナ 氏名：山本由紀子 氏名：豊本和樹 職業：大学3年生 職業：某会計事業の スタートアップ 学部：法学部 担当：カスタマーサクセス 年齢：21歳 年齢：25歳 趣味：宝塚を見ること 趣味：キャンプ 補足： 補足： 国際系のボランティアサークルに所属している。 サークルの代表を勤めている。有名な企業の代表などの ツイッターをフォローし、インプットしている。 本を読む時間はあまり取れないため、効率よくインプット できる記事などを最近読んでいる。 2Bのスタートアップでカスタマーサクセス担当として 業務に関わっている。自分の領域以外でのMTG参加も あり、広いオーナーシップと知識が必要とされている。 インターンシップも自分の下に何人かおり、学びの共有 を求められている。（育てるという文脈でのマネージ メントも求められてきた）
- 4. カスタマージャーニー 読む 行動 心理 課題 保存 蓄積 共有 発見 学校に行く電車の中で、ツイッ ターで見つけた記事を読む。 読み終わった記事を消す。 スラックにカテゴリーごとでスレッ ドを立てて、URLを保存している コミニティーのComチャンネルでよ かった記事を共有する いい記事を見つけるためにネット サーフィンしている。 著名人のツイートを見たりしている いい記事を簡単に見つけたいが見つ けられない 自分の興味ある・担当領域に関わる 記事を簡単に探したい/見つけたい 業務に関わるキーワードで検索をか けている 学びを他の人に共有して学びを深め てもらいたい 他の人に共有して学びを深めたいが できない。共有する場所がない。 学び続けるモチベーションが続かな い。 優秀・尊敬する人がどんなもので inputしているのか気になるがわから ない 学ぼうとしている自分の姿勢を誰か に褒めてもらいたい あの人優秀だなと思っているが普段 どんなものでInputしたりしてるんだ ろう 他の人（尊敬する人とか）の読んで いる記事に興味があり、共有された 記事を読む インプット用にブックマークをつけ て保存している 読み返す・共有するために前の記事 を探す スラックのDMで保存するのがめんど くさい。 過去の記事を読み直したい 検索性が低いため、過去の記事を見 つけることができない。 カテゴリーごとに蓄積したいができ ない・手間がかかる 読み終わった達成感がある。 学んだことを自分のことでまとめた いかもしれない。 学んだことを自分のことでまとめた いかもしれない。 いい記事だったから他の人にも共有 したいな 今は読めないが後で読みたい。 読んだことを が されない（自己完結だけ） 賞賛してもらいたい 言語化するためにどこかでOutputし たいができない 後で読み直したいが忘れている 保存する場所がない（あるがよくな い） 読みたいと思ったが、時間がなくど こかに残しておく いい記事であった場合はまた読み直 す、 にスラックのDMに 貼り付けておく 共有するため 電車の中では立っていることがほ とんどのため、携帯で見れるnote などの記事がいい。 読みきれないものもあり、また読 み直そう 時間がなく、記事を読み切ること ができない。 読みきれなかったものがタブに 残ってしまう 参加しているコミニティーのある 人がスラックで共有していた記事 を読む。 読み切ることができず、タブを残 している。
- 8. UI <ログイン画面> サインアップ 電話 / メールアドレス 認証コード 誕生日 アカウント作成 完了（Feedback） ユーザーネーム（ID） パスワード サインイン ID・パスワード サインアップ 電話 / メールアドレス 認証コード 誕生日 アカウント作成 完了（Feedback） ユーザーネーム（ID） パスワード サインイン ID・パスワード ▷情報設計と画面遷移 アプリの世界観である 「Toy感」を伝わるFirst Viewに。 外部アプリ・アカウント でのログインも用意 Inputの要素も世界観を 演出するために、Stroke を使用している 細かな部分にブランド / ユーザーファーストが反映 されると考え、FeedBack 画面も用意した UXをしっかりと意識し エラーメッセージを用意 してデザインからユーザー 体験を考え画面作成に挑ん だ MyPoint ユーザーの最初の体験であり離 脱を防ぎたかったため入力情報 を厳選した。 その中世界感や遊び心をデザイ ンの要所に使用した。 ブランドイメージ「Toy」 「Pop」な印象を伝える エラーメッセージを用意した FeedBack（完了）を用意した
- 10. UI <記事保存> 記事を追加（Plus Button） 記事追加メニュー URL Input Category Symbol Color Open / Private Read Status Memo Input 追加完了 カテゴリ追加メニュー 完了FeedBack ▷情報設計と画面遷移 完了 元にもどす 記事を追加しました 検索性を上げるためにカ テゴリごとで保存できる ように設定 カテゴリの追加もできる カテゴリは「Shape」と 「Color」で整理できる 追加後はアプリから FeedBackを受け取る 言語化を助けるため、メ モができる領域も用意し た PlusButtonからモーダルで表示す る。より目立つホームボタン周辺に 配置 MyPoint できるだけ少ない工数でタスク を完了できるようにデザイン ブランド・機能的にも 「Shape」と「Color」を採用 できるだけ一画面でタスク完了 するようにデザイン 視覚的に識別できるように図形と 色でカテゴライズできる
- 11. UI Home画面（記事一覧） 各カテゴリを選択 記事一覧（カテゴリ内） 記事を新しく追加Button 検索領域 記事を選択 記事保存 記事閲覧 ▷情報設計と画面遷移 <記事閲覧> 作ったカテゴリに記事が蓄 積される 記事はHomeから見ること ができる 一階層下がることでタブが 消えるため、こちらからも 記事が追加できる 一覧性を高めるために、画 像とタイトルが見れるUIを 採用した できるだけ画面が大きく動 くことがないように、アプ リないで記事が見れるよう にした 数が多くなればキーワード 検索で見つけたい記事が簡 単に見つかる My Point 見やすい（一覧性 / 検索性）を 意識してUI設計をした 記事を見つけやすいようなカー ド型のUIを採用 進捗が見れるように可視化
- 13. UI タイムライン画面 進捗状況を確認 フォローした人の共有された記事 学びの軌跡を確認 閲覧 保存 応援 ▷情報設計と画面遷移 <TimeLine> <記事編集> <積読> <学習完了> 記事を保存したタイミングでフィー ドに反映される 学習完了したタイミングでフィード に反映される 友達の学習に対して 「応援」することが できる（いいね機能） 学びの進捗状況を可視化すること で現状を把握し、学びを促進する 「積み木」のように頑張りが蓄積さ れていく / その様子がみれることで 学びのモチベーションをあげたい TimeLineから気になっ た記事をそのまま読むこ とができる 友達の共有された 記事を保存するこ とができる My Point 他の人の投稿が見えることでモ チベーション・新たな学びに繋 がる 更新性が高いためTimeLIneのよ うな形式を採用した いいねだと少し寂しい印象のた め「応援（旗）」を使用 色で「保存」「学習完了」を分 けるようデザイン My Point 自分の学びの軌跡を見ることで モチベーションをアップさせる 可愛いポップなUIで思わず貯め たくなるような動機付けにも なってほしい 進捗状況を可視化 今までの頑張り/学びの軌跡を 可視化
- 14. Thank you for Reading!!