タグ

スマートフォンとフォームに関するthree_beeのブックマーク (2)

  • スマホサイトのEFO(フォーム最適化)で爆発的成果を出すための5原則 | LPO研究所

    LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 これは、あるブライダル系サービスのPC向け問合せフォームをスマホ最適化したところ、スマートフォンからのコンバージョン率が3倍以上になった事例です。このように、スマホユーザー向けに問合せフォームを最適化するだけでも、コンバージョン率はしっかり上がるのです。 今回は、弊社でスマホ向けフォーム最適化を行う際にいつも心がけている「5つの原則」について、具体例を交えてご紹介します。あなたのスマホ向けフォーム

    スマホサイトのEFO(フォーム最適化)で爆発的成果を出すための5原則 | LPO研究所
  • jQuery Mobileによる問い合わせフォームの作成 (1/5)

    jQuery Mobileによるスマートフォンサイトの制作方法を解説する連載。前回に続き、簡単な会社案内サイトを作成ながらjQuery Mobileの基を学びましょう。今回は、jQuery MobileのフォームUIを使って、以下のような「お問い合わせ」ページ(#contact)を作成し、会社案内サイトを完成させます。 フォームUIの課題とjQuery Mobileによる解決 スマートフォンのブラウザーに標準で用意されているフォーム部品はどれもサイズが小さく、そのままでは指による操作に適しません。スマートフォンサイトの制作ではフォームをスマートフォンに最適化することが重要です。 以下は、jQuery Mobileを使わずに作成したお問い合わせページをiPhone/Androidで表示したものです。

    jQuery Mobileによる問い合わせフォームの作成 (1/5)
  • 1