フォームのユーザビリティを改善するためのサンプル集:phpspot開発日誌
woork: Useful tips to enrich your HTML Forms フォームのユーザビリティを改善するためのサンプル集が公開されてます。 (1) フィールドに対するヒントをツールチップ表示するサンプル 最低６文字であることが分かりやすく表現できます (2) オートコンプリートサンプル おなじみ、オートサジェスト (3) 残り文字数表示サンプル 残り文字数が分かることで、何文字以上〜何文字以内という表記を省略して分かりやすく。 (4) ラジオボタンがYESの時にinputを表示。 必要な部分だけ表示してフォームを分かりやすく。 申し込みフォーム部分は、申し込み受付型のサイトでは非常に重要ですが、こうした配慮がされているといいですね。 究極にフォームを使いやすくした、ベストプラクティスのようなサンプルをまとめたサイトがあったら役に立ちそうですね。 関連エントリ フォームの
第0回 その気になった客を逃さないフォーム設計術 | Web担当者Forum
第0回 その気になった客を逃さないフォーム設計術 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） ウェブサイトの「ユーザビリティー」という言葉は、当たり前のように耳にする機会が増えてきた。しかし、その知名度の広まりとは裏腹に、「何をどうすれば成果に結びつくのか」「実践に落とし込むにはどうしたらよいのか」について具体的に取り上げられることは少ないようだ。 この連載では、主に「会員登録による顧客獲得を行う企業サイト」をモデルとして、想定される次のようなユーザー
ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル：なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
フォームのユーザビリティを改善する
フォームの重要性 今回はWebサイトの「使い方」からユーザビリティを改善する方法を探っていきます。 多くのWebサイトでは、ユーザーにフォームから何らかの情報を送信してもらうことが非常に大きな目的となります。ブログやSNSに代表される、ユーザー自身がコンテンツを作成するような場合では、フォームの操作がWebサイトの基本操作となります。また、ECサイトではフォームを操作して、購入のアクションを完了してもらうことが最大の目的です。 一方で、フォームはユーザーに対する負担が非常に大きい部分でもあります。純粋な操作量も多くなりますし、ユーザー自身が何らかの情報を送信するということに対する意識的なハードルもあります。 ですから、フォームのユーザビリティを高め、ユーザーの離脱を少しでも防ぐことはWebサイトを制作・運営する上で非常に重要な課題となります。 今回はそんなフォームのユーザビリティを改善する
「冷蔵庫に入れておいた方が長持ちする」＆「冷蔵庫に入れない方が長持ちする」野菜と果物リスト - GIGAZINE
自炊をするしないにかかわらず、野菜や果物などをちょっと保存しておきたいときに、冷蔵庫に入れておいた方がいいのか、それとも入れない方が長持ちするのか、あるいは冷蔵庫に入れるとして、どういうようにすればより長持ちするのか？というのは知っていれば必ずいつか役立つはず。 というわけで、冷蔵庫に入れておいた方が長持ちするものと、冷蔵庫に入れない方が長持ちする野菜と果物リストは以下から。 How to Keep Fruits and Veggies Fresh http://www.divinecaroline.com/article/22145/57459-keep-fruits-veggies-fresh まず大前提として冷蔵庫の中に入れない場合、直射日光を避け、ボウルの中や通気のための穴が空いたビニール袋に入れることとします。 次に、冷蔵庫の中に入れる場合も同様に通気のための穴が空いたビニール袋
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
