フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
購入直前のユーザーを逃さない。モバイルECサイトの「買い物かご」のユーザビリティ（第9回） | モバイルサイト構築のユーザビリティいろは
前回ではモバイルショッピングサイトのトップページから商品検索結果ページ、商品ページまでのユーザビリティポイントについて紹介しました。第9回となる今回では、実際にユーザーが商品を購入するまで、「買い物かご」ページから決済に至るまでの「購入フロー」の構築ポイントを、ユーザビリティ調査結果の内容を基に紹介します。 商品購入を決めたユーザーをスムーズに「決済」に誘導する事が重要オンラインショッピングの利用経験があるユーザーにショッピングサイトで商品選択後に購入を断念したことがあるか尋ねたところ、「よく断念することがある」「たまに断念することがある」という回答がPCで32％、モバイルでは48％となり、モバイルがPCを16ポイント上回る結果となりました。 購入を断念した理由をPCとモバイルで比較したところ、「通信速度が遅かったから」「住所入力が面倒になったから」の2つがPCとの差が最も大きく、モバイル
無料でアンケートを作成できる『THE FORM ASSEMBLY』が最強すぎる | i d e a * i d e a
ドットインストール代表のライフハックブログ
JavaScript＆CSSで独自デザインのselectボックスを作成:phpspot開発日誌
Script.aculo.us Select Box This javascript class allows you to add nice styled select boxes in a HTML page. JavaScript＆CSSで独自デザインのselectボックスを作成。 チェックボックスとかラジオボタンの独自デザイン仕様にする方法はいろいろあったものの、selectボックスの独自デザイン仕様にする方法はそういえば無かったですね。 prototype.js ベースで script.aculo.us を使い、次のイメージのようなselectボックスを作るライブラリが公開されています。 選択項目の内容はAjaxで取得できるようです。 レスポンスが遅い点と挙動が通常のselect ボックスと違う点で操作に違和感がありますが、多少の修正で通常のselectボックスと同様に出来そうな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス
