ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
ちょっとしたフォームのおしゃれに。 サンプルデモ 解説は英語ですが、サンプルコードがありますのでわかり易いと思います。 Enhance your input fields with simple CSS tricks
Build An Incredible Login Form With jQuery - NETTUTS超クールなログイ...
以前からGoogleドキュメントでは、フォーム（アンケート）機能が利用でき、ウェブページに埋め込みできたりと好評でしたが、今回そのフォーム機能が独立してさらに使い安くなりました。 (more…)
『 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集。補助メッセージの表示、入力候補の表示、リアルタイムバリデーションなど。サンプルコード付き。 』
自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。 どういうことができるかだけ紹介していきますので実際のコードは元記事を参照してくださいね。 入力する際のメモを表示 ↑ 入力フィールドにフォーカスがあたるとメッセージを表示。 入力候補を表示 ↑ タイプ...
CSS Portalのエントリーから、ナビゲーションやフォーム、画像、リンクなどを実装するスタイルシートのサンプルを紹介します。 CSS Portal Horizontal CSS Menus Vertical [...]
『 １年前http://b.hatena.ne.jp/entry/4729488 』
ryanfait.comのエントリーから、ボタンやチェックボックスなどフォームのエレメントのデザインを変更するスクリプトを紹介します。 Checkboxes, Radio Buttons, Select Lists, [...]
企業のホームページや、ショップのホームページ等を作る際、必ずあるのが、「お問い合わせフォーム」。 しかし、よくあるのが、入力項目が大量にあるフォーム。 これでは問い合わせをしようとした方も、面倒になり、途中で入力をやめてしまう可能性があります。 フォームをできるだけ簡潔にしたほうが、コンバージョン率は高くなります。 そこで、入力を少しでも簡潔に...
『 http://coliss.com/articles/build-websites/operation/work/1223.html 』
Google Docs で利用できる、 Spreadsheet ではフォームを作成することができます。アンケートとかコメントを送ってもらうとか、先日の Firefoxグッズプレゼントの応募用などにこのフォームを利用すると手軽に作成できるので便利です。 通常は、 CGI などを設定しなければできないメールフォームなどがこれを利用することで簡単にできます。メールの投稿フォームなどでも利用してい...
テキストエリアやラジオボタン・チェックボックス、セレクトボックスなどのフォームに特化したスタイルシートのフレームワーク「Formy」を紹介します。 Formy - CSS Form Framework ファイル構成は、下記のようになっています。 reset.css fieldset, form, label, legendのリセット。 form.css Formyのコアファイル。 ie.css IE用に調整。 スタイルシートもシンプルに設計されており、カスタマイズする...
コミュニティサイトをつくるときに必要になるログイン画面。どういったデザインにしようかなー、と悩んでしまう人も多いのでは。そこでログインフォームのデザインを集めたFlickrのグループをご紹介。 ↑ それぞれのサイトで細かい工夫がされているので参考になりますね。 現時点で180近いデザインが集められているようです。せっかくなのでスライドショーで貼り付けちゃ...
woorkのエントリーから、フォームの各項目をリスト要素で並べたスタイルシートのチュートリアルの紹介です。 FORM elements design using CSS and list (ul and dl) チュ [...]
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、フォームのログインのデザインが追加されました。 Login Forms Design [...]
