WEBサイトを作っていると、たまに「あなたに最適なのは○○」「診断チェック」など見かけませんか?
質問に答えていくことで、簡易的な診断をおこなってユーザーに何かしらの答えを与えてあげることができます。
サイトはどうしても情報を一方的に発信する場所になりがちですが、訪れたユーザーが能動的にサイト内のコンテンツを動かす体験ができると楽しいですよね。
実装できればコンテンツの幅も広がりそうだけど、難しそう。そう思っていたのですが、最近以外にも簡単に実装することができたので、その方法をまとめておこうと思います。
次のHTMLを見たら、だいたい仕組みが理解でいるかもしれません。
冒頭にも書きましたが、コンテンツの幅は広がりますし、アイデア次第では面白い企画にも使えるかもしれません!Yes/Noチャート。良い感じです。