<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/tyoeform.jpg" alt="優れたインターフェースのアンケートフォーム" width="510" height="303" class="none" /></p>
<p>ちょっとしたアンケートフォームであれば、無料で使えるものがたくさん存在します。しかし、ちょっと凝った物を作ろうとすると、独自に開発する必要があるケースが増えていると思います。</p>
<p>今回はそんなかたにオススメしたいアンケートフォーム作成サービスをご紹介します。</p><!--more-->

<h3 class="header-label">スマホのインターフェースも快適なアンケートフォーム作成サービス「Typeform」</h3>
<p>「<a target="_blank" href="http://www.typeform.com/">Typeform</a>」は、<strong>インターフェースが美しいマルチデバイスに対応したアンケートフォーム作成サービス。</strong></p>
<p>設問は1アンケート当たり20問、1アカウントで5,000回答まで受けられるようです。</p>


<h4 class="tips">サンプルアンケートフォーム</h4>
<p>ここから回答できるので、ぜひお試しください。</p>
<!-- Change the width and height values to suit you best -->
<div class="typeform-widget" data-url="http://webmarketing.typeform.com/to/RbhtEL" data-text="テスト" style="width:100%;height:500px;"></div>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>


<h4 class="tips">分かりやすいアンケートフォーム作成画面</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform3.png" alt="項目を追加" width="500" height="277" class="alignnone size-full wp-image-26336" /><br />↑画面左から項目のパーツを右側にドラッグすることで、項目を追加していきます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform4.png" alt="設問項目を編集" width="500" height="294" class="alignnone size-full wp-image-26335" /><br />↑プレビューで確認しながら項目を編集できます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform5.png" alt="フォームのデザイン編集" width="500" height="439" class="alignnone size-full wp-image-26334" /><br />↑デザインも複数の背景画像やテンプレートからカスタマイズ可能。オリジナルの画像をアップして利用することもできます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform1.png" alt="日本語対応" width="500" height="361" class="alignnone size-full wp-image-26338" /><br />↑海外発のサービスで、管理画面上は英語表記ですが、フォームに関してはデフォルトで日本語化することが可能です。</p>

<h4 class="tips">サンクスページと開始ページも作れる</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform2.png" alt="スタートページ" width="500" height="451" class="alignnone size-full wp-image-26337" /><br />↑画像や動画を埋め込むことができるスタートページとサンクスページを作成できます。</p>

<h4 class="tips">選べるプログレスバー</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform6.png" alt="プログレスバー" width="500" height="242" class="alignnone size-full wp-image-26333" /><br />↑フォーム回答の進捗率を表示するプログレスバーの種類もパーセンテージと「回答済/設問数」の2種類から選ぶことができます。</p>

<h4 class="tips">アンケート分析機能も充実</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform7.png" alt="回答率分析" width="500" height="358" class="alignnone size-full wp-image-26332" /><br />↑デバイスのタイプ別に訪問数、回答数、平均回答時間などが計測されます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform8.png" alt="回答データ" width="500" height="79" class="alignnone size-full wp-image-26331" /><br />↑こちらは回答内容の一覧。xls形式でのダウンロードもできます。</p>

<p>また、アクセス解析の機能も実装予定だそうです。ご自分のGoogle AnalyticsのトラッキングIDを使う様子。一応設定しておきました。</p>

<h4 class="tips">スマホからのアンケート回答も絶妙</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/07/typeform9.png" alt="スマホでアンケート" width="500" height="842" class="alignnone size-full wp-image-26330" /><br />↑スマホ向けのインターフェースも快適。これが無料で使えるのは良いですね。</p>

<p>その他にも、このページヘ表示したような埋め込みの機能や、以下のボタンを押して表示されるポップアップ機能も持っています。</p>

<a class="typeform-share button" href="http://webmarketing.typeform.com/to/RbhtEL" data-mode="2" target="_blank">アンケートはこちら</a>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}id=id+'_';if(!gi.call(d,id)){qs=ce.call(d,'link');qs.rel='stylesheet';qs.id=id;qs.href=b+'share-button.css';s=gt.call(d,'head')[0];s.appendChild(qs,s)}})()</script>

<p>試してみたいかたは<a target="_blank" href="http://www.typeform.com/">Typeform</a>へどうぞ。</p>
