<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox.jpg" alt="説明付きの画像でフィードバックできる問合せフォーム" title="wishbox" width="514" height="204" class="aligncenter size-full wp-image-19193" /></p>

<p>利用しているWEBサービスでエラーが起きたとき、場合によっては運営元にそのエラーをフィードバックするわけですが、お問合せフォームから言葉で伝えるのってなかなか大変ですよね。</p>

<p>そういった場合、送ってはみたものの大抵は「どのような状況でブラウザは何で、何をしたときにそうなったのでしょう、こちらでは再現できず・・・」等と言われ、意気消沈するようなこともあるのでは？</p>

<p>こういったコミュニケーション起因のロスは運営側もせっかくのフィードバックをムダにしてしまうのですから、あまりにももったいない。</p>

<p>今回は、そんなときに使える手軽なサービスをご紹介します。</p>
<!--more-->
<h3 class='header-label'>説明付きの画像でフィードバックできる問合せフォーム「Wishbox」</h3>
<p>「<a href="http://www.jotform.com/wishbox" target="_blank">Wishbox</a>」は、<strong>見ているページをスクリーンキャプチャして、画像にコメントや描画を入れてメール送信することができるフィードバック用のお問合せフォーム。</strong></p>
<p>メールフォーム作成サービスJotFormを使ったもので、月間１００件まで無料で利用できます。<a href="/web-tools/dropbox-form.html">受け取ったファイルをDropboxへ自動保存できるDropbox Form</a>と同じような位置づけのものですね。</p>

<h4 class='tips'>ページ上で、キャプチャ画像にコメントできる</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox8.png" alt="キャプチャ画像にコメント" title="wishbox8" width="500" height="401" class="aligncenter size-full wp-image-19185" />
<br />↑設定した場所にあるボタンを押すと、そのページの画面キャプチャを撮り、画像の編集画面がその場に開きます。ここでエラーが起きた部分の説明を入れることができます。キャプチャの日本語は文字化けしますが、入力は日本語もOKです。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox9.png" alt="メールフォーム" title="wishbox9" width="500" height="799" class="aligncenter size-full wp-image-19184" />
<br />↑編集画面右下のチェックマークのボタンを押すと、メールフォームが開きます。ここで補足などを入れてフォームを送信できます。</p>

<h4 class='tips'>画像つきの通知メールが届く</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox2.png" alt="通知メール" title="wishbox2" width="500" height="295" class="aligncenter size-full wp-image-19191" />
<br />↑フォームが送信されると、運営者に通知メールが届きます。このメールに、さきほど説明を入れたキャプチャ画像が添付されています。</p>

<h4 class='tips'>通知メールなどのカスタマイズ</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox1.png" alt="カスタマイズ" title="wishbox1" width="500" height="383" class="aligncenter size-full wp-image-19192" />
<br />↑JotFormの画面でフォームをカスタマイズすることも可能。通知メールが英語になっているので、この画面でわかりやすいものに変更することもできます。</p>

<p>興味がある方は<a href="http://www.jotform.com/wishbox" target="_blank">Wishbox</a>へどうぞ。
</p>

<h4 class='tips'>設定手順</h4>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox3.png" alt="" title="wishbox3" width="379" height="114" class="aligncenter size-full wp-image-19190" />
<br />↑まず<a href="http://www.jotform.com/wishbox" target="_blank">Wishbox</a>のページを開き、上記画像のようなボタンを押します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox4.png" alt="Step 1" title="wishbox4" width="500" height="336" class="aligncenter size-full wp-image-19189" />
<br />↑次に開く「Step 1」の画面でメール通知するアドレスを指定します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox5.png" alt="フォーム生成" title="wishbox5" width="500" height="336" class="aligncenter size-full wp-image-19188" />
<br />↑するとフォームが自動生成されていきます。</p>
<p>
<img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox6.png" alt="フォームのタグ" title="wishbox6" width="500" height="694" class="aligncenter size-full wp-image-19187" />
<br />↑自動生成が完了するとフォームのタグが発行されます。この画面で色味やサイズ、ボタンを表示する場所などを変更することも出来ます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2011/11/wishbox7.png" alt="" title="wishbox7" width="500" height="163" class="aligncenter size-full wp-image-19186" />
<br />↑このタグをサイト内のどこかに設置すれば、サイトにボタンが表示されるようになります。</p>


<p>Wishboxは、いわゆるマッシュアップサービスですが、ひとつの根幹となるサービスがあり、それに付随してさまざまなマーケティング視点での商品を提供するのはおもしろいですね。</p>