2017/11/1PocketTweet最近ユーティルでは「kintone」を利用した、「業務効率化」ソリューションとしてシステム開発を進めており、少しずつ実績も積み上がってきました。その中でお客様にもkintoneをお勧めしているのだからうちでもkintoneを使ったツールを作ってみよう!ということで、「NPS測定ツール」をサクッと作ってみました。今日はその過程を記事にしました。要件定義(項目定義)要件定義(ワイヤー作成)デザイン実装まとめ以降、横文字ばっかりなので下記簡単に用語説明しておきますwkintone(キントーン)とは「キントーン」と読みます。kintoneとは、東証一部上場のサイボウズさんが提供しているツールです。サイボウズさんによるとkintoneとはデータベース型のビジネスアプリを作成するツールです。プロジェクトにおける情報共有はもちろん、企業間コラボレーションにも対応。モバイルからも安心してアクセスできる仕組みです。システム連携・開発プラットフォームとしても活用いただけます。分かりにくいんですよね。「エクセルがめっちゃ進化した、ブラウザで使えるツール」という感じですw・エクセル以上にいろんな項目がスイスイ管理できる。・エクセル以上にいろんな項目や情報量に対応できる。・エクセルと違って、画面をわりかし自由に作り込める。・人数が増えて、1ファイルを同時に触りたい瞬間が増えてきた。・エクセルのシートがカスタマイズされて過ぎて、もはや新しい人が使える状況にない。お悩みをライトに解決するのにもってこいなツールという理解です。エクセルで管理していたものはだいたいkintoneで作れます。・社内のCRMをエクセルから卒業してそろそろシステムにしたい!・人数が増えてきたので日報や勤怠管理をそろそろシステム化したい!とか「脱エクセル」「エクセル卒業」はしたいが、「がっつりシステムを構築するってほどじゃないんだよな〜そもそもそんな知識もリソースもないし。」みたいな層にぴったりのツールかと思います。Score(ネット・プロモーター・スコア)」の略で、企業に対する顧客ロイヤルティを図るものです。近いものに「満足度調査」があると思いますが、NPSが注目されている理由は「NPSが高い企業は、売上の成長率も高い」という分析結果があることです。(ちなみに、顧客満足度は、実は指標としては機能していない懸念があり、「解約したユーザーの8割が満足と回答」していたという結果もあるらしい・・・)NPSの概要はこんな感じNPSを計測するためには、「あなたは○○を友人にすすめたいと思いますか?」と質問し、0〜10点で評価してもらいます。その中で0〜6点を付けた人を「批判者」、7・8点を付けた人を「中立者」、9・10点を付けた人を「推奨者」と分類します。NPSは「推奨者」の割合(仮に45%)から「批判者」の割合(仮に20%)を引いた数値(45%-20%=25%)のことを指します。(つまり、推奨者が増えるほど数値が高くなり、批判者が減るほど数値が高くなるように設計されています。)出典:https://www.emotion-tech.co.jp/resource/2015/nps-vs-cs-whitepaperつまり満足度を0~10で評価してもらって、数値化していくのがポイントです。「今回のユーティルのお仕事はどうでしたか?」という全体の質問に続けて、「提案の質はどうでしたか?」「デザインの質はどうでしたか?」と個別部分に関する質問を加えるのがポイントです。これにより、「デザインの満足度が高い人は、全体の満足度も高い傾向にある。」など、制作の各工程における相関性を明らかにできます。※NPSについて詳しく知りたい方はこちら・NPS®(ネットプロモータースコア)とは?・「NPS」って顧客満足度調査とは何が違うの?このNPSは、はやり取得できる情報の母数の多い「BtoC」向けの企業で多く取り入れられていますが、海外ではBtoB企業の導入事例もあるみたいです。NPSについて語り始めると1記事くらいのボリュームになってしまうので、この辺にしときます。狙い今回NPSを導入する一番の狙いは・ユーティルの制作業務がお客様からどのように評価されているか知りたい。・その評価のボトルネックは、制作工程におけるどの部分になっているかを分析したい。今後ユーティルを拡大していくにあたって、インバウンドマーケティングが重要な意味を持っていると思っています。インバウンドマーケティングの中で「既存のお客様の紹介・口コミ」も重要なチャネルになってきます。いった「紹介・口コミ」を狙える位置にあるのか。いうことを知りたかったのが1つ目の狙いです。1つは、上記のような評価の中で、何が原因で「紹介・口コミ」の機会をロスしているのかを分析したかったからです。「満足はしてるけど、値段がなあ・・・」という価格部分なのか、ものづくりにおける「提案〜設計〜デザイン〜実装」と工程がある中で、クオリティ的に満足言っていない部分はどこなのか。いうことを分析したかったからです。※チームの中で「誰が悪い」といった、犯人探しをするのではなく、結果を真摯に受け止めてチームとしてどうやってボトルネックになっている部分を良くしていくかを議論するためのものです。要件定義(項目定義)さあ、ここからは実際にツール制作の流れを書いていきたいと思います〜まずは要件定義。要件は「このツールを作りたいと思った目的」に沿って変わってくると思います。(今回は要件というより項目について書きます。細かいところも要件といえば要件になるので、それは他の工程でも説明していきます)おさらいすると・・・本件の要件は・・・1ユーティルの制作業務がお客様からどのように評価されているか知りたい。2その評価のボトルネックは、制作工程におけるどの部分になっているかを分析したい。1どのように評価されているか評価そのものはNPSの設計に依存するところが大きいですね。「評価軸を0~10に設定する」これでOKです。複数選択もありえないので、「0~10」のいずれか1つの値をユーザーに選択してもらう。これが基本設計になるかと思います。2制作工程の中で、評価のボトルネックになっているかを知りたいこれもNPSそのものの設計に依存するところが大きいのです。先述しましたが、NPSは「全体について評価してもらった後に、部分的な評価をしてもらう」のが前提です。「ユーティルの制作物全体の評価をしてもらい、そのあと価格やデザインなどの部分的な評価を個別にもらう」ということです。この「部分的な」がミソで、これをどの粒度に分けるかがポイントになってくると思います。今回は個別について専門的に突き詰める。・価格面:価格感の6つに設計しました。細かく調査したい場合や、ある領域(デザイン面の調査に特化したい)などの場合は、設問の数や内容が変わってくるかと思います。ここまでくれば要件定義はあと一歩。・プロジェクトの種類を追加しました。・その他の3つのセレクトボックスにしました。この3つにしたのは、プロジェクトを分け過ぎてしまうと母数が担保できず分析できないためです。大きくざっくりと・その代わり選択肢は少なく切ってあります。要件定義(ワイヤー作成)項目が決まれば次はワイヤーですね。シンプルな入力フォームだからといって侮るなかれ。・この項目はテキストボックス?セレクトボックス?・0(評価最低)と10(評価最高)を逆に認識されないようにするには?・ユーザーの入力に対する心理的負担を減らすには?など、考え出すと結構ちゃんと考えることがあります。その1つ1つを汲み取って、要件定義・ワイヤー作成に落とし込んであげる必要があると思います。ワイヤーは要件定義や項目定義に比べて、画面の構成を書く分、ある程度視覚的になるので・0(評価最低)と10(評価最高)を逆に認識されないようにするには?・ユーザーの入力に対する心理的負担を減らすには?この辺はワイヤーで定義してあげると良いですね。作ったワイヤーはこんな感じ(途中まで掲載)今回は比較的シンプルなツールなので、スライド(パワポ)でサクッと作りました。作る場合はCacooを使ったり、お客様と共有する場合はスプレッドシートで作ったりとケースバイケースで使い分けてます。ちなみに0~10を単純にラジオボタンで選ばせるのは面白くないので、選択式のスライドバーを採用しました。デザイン部分でも出てきますが、スライドバーが色が評価が上がっていくにつれて色がついていくので、事務的にチェックしてもらうよりかは、評価するのも楽しいと思ってもらうために使いました。(IE対応がめんどくさかったらしいです。)またユーザーの心理的負担を減らすために、最初のリード分で「5分」と所要時間も明記しました。終わりのないアンケートほどしんどいものないですからね。ツールのデザイン上記のワイヤーをデザイナーにバトンタッチ。view会社案内などで使っているブランドモチーフをここにも入れてもらい、テキストを流し込んでもらいました。デザインが入ると、こんなに読みやすくなります。選択項目こんな感じにすれば、どっちが評価高いか一目でわかりますよね!ちなみにこれは評価が高いと・・・バーの色は全部水色に!評価が低いと・・・とバーの色は灰色に・・・とボタンの左のバーは水色になるようにしています。いうことでデザインしてもらいました。全部載せると長いので割愛しますが、こんな感じのデザインになりました。実装面は・フロント側のコーディング・kintoneの作り込みとありますが、コーディング部分は割愛させていただきます笑kintone側でも、項目定義した内容と同じ設定をしてもらい、一覧画面と詳細画面を作成しました。(デフォルトでそうなってます。)フロント側の入力情報が、送信ボタンを押下すると自動でkintone側に飛んで格納されるようになっています。入力内容をいちいちkintone側に転機する必要はありません。kintoneはこうしたオリジナルのツールとの連携もカスタマイズで作れちゃうので素敵ですね!ちなみに作成した一覧ページはこんな感じ。(テストデータなのでちょっと寂しいですが・・・)エクセルみたいにシンプルに表示を出せますし、デフォルトで表示する項目をカスタマイズできたりするので、項目が長くなりすぎた場合は一覧画面であまり使わない項目は非表示にしてしまえばOKです!詳細画面はこんな感じうん。笑ちなみに自動でこんな感じの分析も出してくれます。カスタマイズすれば、もっと詳細にグラフも描画できるっぽいです!まとめざっと、今回のツールの経緯・作り方をご紹介してきました。・実際にお客様の入力の内容を見て、より充実した内容を記入してもらうための仕掛け作り・取得した数値の分析など運用部分も重要になってくるかなと思っています。Web制作やシステム開発も根本的な部分は同じかなと思っています。何のためにやるかをしっかり定義して、目的に沿ったものをつくるのが一番かなと。当たり前のことを言っていますが、しっかり実行するのは難しいし、実際できてないものも多いかと思います。株式会社ユーティル代表。2012年に新卒で株式会社ジャフコに入社。入社から3年間投資部に配属され、数億円単位のベンチャー投資事業に従事。投資先の発掘〜精査〜投資〜価値向上に一貫して従事。2015年4月株式会社ユーティル設立。耕平)新着記事2017/11/14ユーティルの目指す世界「Web制作の再定義」を定義する。2017/11/1kintoneでNPS測定ツールを作ってみた2017/10/4ユーティル流ビジョンの作り方(ビジョン再考のすすめ)2017/9/20カスタマージャーニーを使ってオタク女子大生が彼氏を作る方法を考えてみた新着記事ユーティルの目指す世界「Web制作の再定義」を定義する。