information

Google Forms

Googleには様々なツールがありますが、比較的設置が簡単で、利便性・汎用性の高いツールをご紹介します。
Googleにログインした状態で以下URLより。
https://www.google.com/forms/about/

こちらで収集した情報は、GoogleドライブのGoogleスプレットシート(Googleのエクセル機能ソフトウェア)にリアルタイムで書き込まれます。
今回の場合ですと、自動で【UI/UXに関するenquete(回答)】このようなファイルが生成され、そちらで閲覧が可能になります。

Screenshot_1

こちらはエクセル同様に使えます。また書き出しをして、ファイルとしての閲覧や集計など、分析を行う事が可能となります。

Screenshot_2

上記フォームで登録後確認もできますが、結果をグラフで表示させる事ができます。
また、こちらは表示させないこともできますので、用途に応じて使い分けることが可能です。

今回は、アンケートを作成しましたが、場合によっては、お問い合わせフォームを作成したり、申し込みフォームを作成することもできます。
主な機能として

・フォームページの下部に進行状況バーを表示
・ユーザーごとに 1 つの回答のみ許可(要ログイン)
・質問の順序を並べ替える

などが行えます。
ただ、あくまで、Googleフォームの機能ですので、独自性を持たせる限界があることは確かです。
しかし、入力の制御やレイアウトなどの基本的な機能を、プログラムの精度や制約をまったく気にせず、利用できることは大きなメリットです。

コードサンプルは以下に記載します。(基本的に生成が必要なので、下記コードの利用はできませんが、このようなタグが生成され、それを自サイトに設置できるイメージです。)

一度、記載してしまえば、Googleの方で、更新・反映されます。

<iframe src="https://docs.google.com/forms/d/*********/viewform?embedded=true" width="100%" height="900" frameborder="0" marginwidth="0" marginheight="0">読み込み中...</iframe>