Download - 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -
![Page 1: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/1.jpg)
共創における プロトタイピングの役割
Eri Kakuho
のデザインプロセス
![Page 2: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/2.jpg)
Eri Kakuho(エリーゼ)
福井県出身 2013年 株式会社ザッパラス 入社
ずっとUIデザイナー ちょっとだけ日本語が苦手です
![Page 3: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/3.jpg)
チャット で占い
リアルタイムに占い師と話せる
![Page 4: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/4.jpg)
+ Special Thanks!
Members
Director
Designer
DirectorDirectorEngineer
![Page 5: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/5.jpg)
みんなで “Planning”
![Page 6: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/6.jpg)
Planning
WHYユーザー インタビュー
LEAN CANVAS
UXデザイン 定義書
ユーザー シナリオ
z誰に向けて?どんなモノを? 提供できる独自の価値は?
z
KEY UXと ユーザーゴールの設定
z
なぜやるのか
z仮説を立てて 機能を出す
z
どんな課題・ ニーズがあるのか?
![Page 7: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/7.jpg)
ユーザー インタビュー
LEAN CANVAS
UXデザイン 定義書
ユーザーシナリオ
日常の中での不満や不安、悩みを 解消し、ストレスフリーな生活を 送る手助けをし続けたい
WHY
![Page 8: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/8.jpg)
ユーザー インタビュー
LEAN CANVAS
UXデザイン 定義書
ユーザーシナリオWHY
なんらかの占いに接したことのあるユーザーを対象にインタビュー。プロの占い師への相談ニーズがあることがわかった。
ユーザー インタビュー
![Page 9: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/9.jpg)
ユーザー インタビュー
LEAN CANVAS
UXデザイン 定義書
ユーザーシナリオWHY
ペルソナ:ヒロタチカちゃん、27歳、恋愛体質 課題:現状の相談ビジネスの市場はハードルが高い ..etc
LEAN CANVAS
10分1,000円で1×1の占いが 気軽にチャットで出来るアプリを作ろう!
![Page 10: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/10.jpg)
ユーザー インタビュー
LEAN CANVAS
UXデザイン 定義書
ユーザーシナリオWHY
KEY UX : 手軽さと納得感 User Goal: 明るく前向きな生活を送ってもらうこと
UXデザイン 定義書
![Page 11: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/11.jpg)
ユーザー インタビュー
LEAN CANVAS
UXデザイン 定義書
ユーザーシナリオWHYユーザー シナリオ
占い師をえらぶ
ユーザーフィーリング
テクニック
機能
・誰を選んでいいのかわからない・誰でもいい・誰が鑑定可能かわからない
・一覧を表示・人気度合の表示・ステータスの表示
・占い師一覧を表示する・レビュー数を表示する・オンライン/オフライン/鑑定中 のステータス表示
![Page 12: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/12.jpg)
みんなで “Designing”
![Page 13: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/13.jpg)
Designing
UI Flows ラフ制作 Prott グラフィック 制作
Prott
z機能と遷移図を具体化
z画面の遷移 を決定
zよりリアルな画面の制作で インタラクションの確認
![Page 14: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/14.jpg)
UI Flows
ホワイトボードに付箋を貼ってユーザーに見えるものとユーザーのアクションを書き出してフローにしていきます。
![Page 15: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/15.jpg)
ペーパープロトタイプもホワイトボードを使ったりノートに書いたり様々です。仮説に基づいて出した機能を、どのような見せ方にするのか検討します。デザインのベースがここでおおまかに決まりました。
ラフ制作 Prott
![Page 16: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/16.jpg)
グラフィック 制作
Prott
z
ここでやっとグラフィックツールで制作。レビューを繰り返し、デザインを決定していきました。プロダクトのイメージが具体的になり、このProttを見てエンジニアは開発を進めていきます。
![Page 17: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/17.jpg)
KEY UX 手軽さ・納得感
ここまで、チーム全体が共通認識を持ってPlanning → Designingと進めてきているため、本質であるKYE UXに立ち返ってUIレビューが出来ました。
![Page 18: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/18.jpg)
手軽さ
Before After
占い師のレコメンドをやめ、ユーザーが「何を聞きたいのか」具体例を提案
![Page 19: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/19.jpg)
納得感
Before After
「ありがとうございました」と言ってもらうまでを1回の体験と考えた
![Page 20: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/20.jpg)
共創における プロトタイピングの役割
![Page 21: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/21.jpg)
実現したいことの達成に向けて、理想のプロダクトイメージを見つけ、具体化し、共通認識にしていくためのもの
![Page 22: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/22.jpg)
10分1,000円で 1対1の占いがチャットで 気軽にできるアプリ
※税抜き
![Page 23: 共創におけるプロトタイピングの役割 - Chapliのデザインプロセス -](https://reader034.vdocuments.pub/reader034/viewer/2022052207/587f28b51a28ab121d8b489f/html5/thumbnails/23.jpg)
ありがとうございました