ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
Build An Incredible Login Form With jQuery - NETTUTS超クールなログイ...
『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
NETTUTS - Submit A Form Without Page Refresh using jQuery画面遷...
woork: Useful tips to enrich your HTML Formsフォームのユーザビリティを改善す...
『 Webフォームを便利にするTips集。補助メッセージの表示、入力候補の表示、リアルタイムバリデーションなど。サンプルコード付き。 』
自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。 どういうことができるかだけ紹介していきますので実際のコードは元記事を参照してくださいね。 入力する際のメモを表示 ↑ 入力フィールドにフォーカスがあたるとメッセージを表示。 入力候補を表示 ↑ タイプ...
ryanfait.comのエントリーから、ボタンやチェックボックスなどフォームのエレメントのデザインを変更するスクリプトを紹介します。 Checkboxes, Radio Buttons, Select Lists, [...]
企業のホームページや、ショップのホームページ等を作る際、必ずあるのが、「お問い合わせフォーム」。 しかし、よくあるのが、入力項目が大量にあるフォーム。 これでは問い合わせをしようとした方も、面倒になり、途中で入力をやめてしまう可能性があります。 フォームをできるだけ簡潔にしたほうが、コンバージョン率は高くなります。 そこで、入力を少しでも簡潔に...
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。...
jsmapjsmap(仮称)は、県名や州名の選択をするためのポップアップを表示するスクリプトです。(入力補助スクリプト)...
以前「ウェブサービスのアラートメッセージなんかに使える小粋なCSSスタイルまとめ」を紹介しましたが、それに絡めて続編メモということで。 「CSS Message Boxes for different message types」なる記事です。ウェブサービスで必要そうな次の4つのメッセージボックスに関するCSSのマークアップを紹介しています。 情報メッセージ 成功メッセージ 警告メッセージ エラーメッセージ 実際の...
これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました 続きを読む
inputEx Documentation - Examples標準のINPUTを拡張してフォーム入力を便利にする「in...
Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルア...
Timeframeドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」次のようなＵＩで、日...
『 本当はinputtype=submitやbuttontype=submitをdisabledにするだけじゃなくてformそのものの二重投稿を阻止しないとinputtype=textでのenter二度押しを防げない。ちょうど最近こんな記事を書いていた＞http://d.hatena.ne.jp/uunfo/20080314/1205510518 』
AjaxMail：Ajaxを活用したフリーPHPメールフォームAjaxMailはAjaxを活用したフリーPHPメールフォ...
以前ご紹介したCSSclipの運営者のご友人からメールが来ました。 『こんなの作りましたけどどうでしょうか？』 早速ダウンロードして見てみるとなかなか素敵なメールフォームだった為記事に。 ■ユーザビリティ向上により、メールフォームからの離脱率を下げる取り組み ■ノン・プログラマーでもカスタマイズが可能な仕様 というのが主な考え方で、お問合せ率向上を目指す...
