満足度平均4.4!チームにプロトタイプをインストールする、Prottハンズオンセミナーとは?
事例紹介:リクルートテクノロジーズ様
Prottのハンズオンセミナーとは?
ProttではEnterpriseプランを導入いただいている企業様に対して、導入当初や人数追加のタイミングでハンズオンセミナーを開催しています。
ハンズオンセミナーは、初めてプロトタイピングツールを業務で使用する方を対象とし、Prottの基本的な操作を1時間ほどで一通り体験できるように設計しているセミナーです。これまで提供させていただいた企業様からは参加満足度平均 4.4(5点満点中)をいただくなど、大変ご好評いただいています。
ご要望に合わせワークショップ内容のカスタマイズもできますので、ご要望があればProttトップページ上部の「お問い合わせ」よりお気軽にご相談ください。
お問い合わせ後、ワークショップ実施の金額やその他事例などもお伝えさせていただきます。
ハンズオンセミナーを開催する最適なタイミングは?
ハンズオンセミナーはEnterpriseプランの導入時や更新時などに開催することが多いですが、開催タイミングに制限は設けておりません。
「今回のプロジェクトでプロトタイプをメンバー全員で行いたい」
「利用するメンバーが変更になったので、改めて使い方を教えてほしい」
「開発に携わるメンバー全員の共通言語がほしい」
「現行版の改善アイデアを手早く形にして検証したい」
など、Prottを活用する最初の一歩として、ご好評いただいています。
Enterpriseプランをご検討いただいている方、すでにEnterpriseプランをご利用いただいている方もぜひお気軽にお問い合わせください。
今回のハンズオンセミナー開催までの流れ
今回はリクルートテクノロジーズ様にご協力いただき、実際に実施したハンズオンセミナー の事例を公開させていただきます!
2019年4月に入社したばかりのみなさんが取り組む「新人ブートキャンプ」内で事業アイデアを形にする役割としてProttを活用されます。
プロトタイピングの役割は操作の確認だけという役割ではもはやありません。
プロトタイプを作成し、周囲のメンバーやユーザーテストなどでフィードバックを得るための手段であり、開発を進めるメンバー全員の共通言語となるものがプロトタイプの役割です。
職種もバラバラなメンバーが力を合わせて参加しているブートキャンプ内で、プロトタイプという共通言語を持って進められるよう、今回ハンズオンセミナーを開催しました。
当日の流れ
ハンズオンセミナーはだいたい5〜10名前後の開催を目安としています。わからないことがあればすぐに近くのProttチームのメンバーへ質問できる人数とし、必要に応じて複数回開催することもあります。
![](https://images.prismic.io/prottblog/7fa19f3864124d6e5dfa5eb3853ceb81671dbb73_dsc08330.jpg?auto=compress,format)
1. なぜプロトタイピングを行うのか?
はじめに「なぜプロトタイピングが必要なのか」「どのような効果をもたらすのか」をお伝えします。プロトタイピングを行うことが目的ではなく、アイデアを「プロトタイプ」にすることでチームの共通言語となります。
アイデアを形にし、フィードバックをもらい、改善していくサイクルを回していくことで品質を向上できます。
![](https://images.prismic.io/prottblog/63e8dc18e431de95cfc4a50d3ee0f1955f64bfe2_20190510_recruit_slido_p35.jpeg?auto=compress,format)
2.ワイヤーフレームエクササイズ
どの職種の方でもアイデアを形にできるように、手描きでワイヤーフレームを描くエクササイズを行います。
ワイヤーフレームは「誰もがわかる上手なイラスト」である必要はなく、情報設計のための手段です。デフォルメされたパーツを模写することで、上手なイラストを描くことではなく、情報設計に集中できるように練習します。
![](https://images.prismic.io/prottblog/e3692de2ddf4991265a5530e1d6642abf94b7f40_dsc08684.jpg?auto=compress,format)
3.ワークシートの模写
次に、実際のUIをワイヤーフレームとして描くエクササイズを行います。
アイコンやパーツを組み合わせながら、スクリーン1枚分を模写します。
![](https://images.prismic.io/prottblog/92b4dd06a379348f05559782c263c7d9044cf345_dsc08443.jpg?auto=compress,format)
4.ハンドスケッチの取り込み
模写したスクリーンや、ワークシートにあらかじめ用意している画像を Prott モバイルアプリ(iOS/Android)で撮影し取り込んでいきます。
![](https://images.prismic.io/prottblog/90cecf501f64c163aaefaa89b7405117f31a1c14_dsc08518.jpg?auto=compress,format)
5.画面に遷移をつける
お手持ちのパソコンからProttにログインし、撮影した画像がアップロードされていることを確認します。スクリーンとスクリーンにリンクエリアとトランジション(どのような動きでスクリーンが表示されるかどうか)を設定していきます。
![](https://images.prismic.io/prottblog/78a510248a38889884b7e6801cb412780265ab5b_dsc08575.jpg?auto=compress,format)
6.ワイヤーフレーム機能で成形
手描きのワイヤーフレームをワイヤーフレーム機能で成形していきます。
Prottのワイヤーフレーム機能では各デバイスに合わせたパーツを用意しているので、アイコンやパーツを組み合わせながら清書します。
![](https://images.prismic.io/prottblog/50bb6325d425fa8ea9b4e33e7d220681b66dab5f_dsc08630.jpg?auto=compress,format)
7. コメント機能を使ってチーム内でフィードバック
作成したプロトタイプをチーム内で共有し、パソコン・スマートフォンからコメント機能でフィードバックを行います。作成者はもらったフィードバックを元に、改善を進めます。
![](https://images.prismic.io/prottblog/5cd625db37d3ce10d7c306228777932e4f1b6788_dsc08730.jpg?auto=compress,format)
満足度調査
ハンズオンセミナー実施後にアンケートを取り、満足度や次回以降でどんな学びを深めたいかなどについて回答を収集します。集計結果については後日主催者の方へも共有させていただきます。
![](https://images.prismic.io/prottblog/e02a39e596bb824e6f53c3df2bc0f216d76a1d1d_%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2019-06-05-11.56.11.png?auto=compress,format)
参加者の声
![](https://images.prismic.io/prottblog/26e49ca8b25533945eed282057e965423d6171e0_dsc08280.jpg?auto=compress,format)
セミナー終了後のQ&Aでは「デザインを、届けたい人に届けるためにはどんな検証をすればいいの?」などProttの操作だけではなく、デザインプロセスにおける疑問が投げかけられる場面もありました。
ハンズオンセミナー後のアンケートでは「ものすごいスピード感で、わかりやすく Prott の魅力が伝わってきました。ありがとうございました。」などのご感想もいただきました。
1時間のセミナーの中で、多くを吸収してくださったことを実感し、メンバー一同嬉しかった瞬間でした!
まとめ
Prottを使って行うプロトタイピングの一連の流れを体験できるハンズオンセミナー内容を公開させていただきましたが、いかがでしたでしょうか?ハンズオンセミナーはEnterpriseプランをご契約いただいている方を対象に提供しておりますが、ご検討段階の方もお気軽にお問い合わせください。ハンズオンセミナーについてのご相談はこちらから。
ハンズオンセミナー はプロトタイピングフェーズにフォーカスした内容ですが、ユーザーを中心としたサービスデザインをワークショップを通じて1日かけて体験できる「デザインプロセスワークショップ」や、UI/UXデザインについて解説する座学中心のセミナーなども提供しております。
各セミナー内容はカスタマイズができますので、ぜひお気軽にご相談ください!
お問い合わせ後、ワークショップ実施の金額やその他事例などもお伝えさせていただきます。