UXの視点でフォームのユーザビリティを改善する | Digital experience University
Webサイトのフォームは会話と同じです。信頼関係を築く前にプライベートな質問をすると、相手を不快な気持ちにさせてしまうでしょう。 FacebookのようなSNSに参加して友人と交流したい、オンラインショップから知り合いにお祝いのお花を送りたい、仕事でプロジェクトマネジメントツールを利用したいなど、Webサイトを訪問するユーザーには様々な目的があります。サービスを利用する前に必ず必要となってくるのが、「フォーム」の入力。入力項目が多い、何度も何度もエラーが出る、などユーザーにとって高いハードルとなっているフォームも数多くあります。Webサイトの運営者は、「フォームはユーザーの目的を達成するために必要不可欠なプロセスだ」ということを改めて認識し、ユーザーがストレスを感じることなくフォーム送信を完了できるかどうか見直してみましょう。 ユーザーと会話するフォームをデザインしよう ユーザーがフォー
ユーザビリティの高い、使いやすいフォームを制作するための12のポイント
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル：なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
StyleStats - MOL
スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌────────────────────────┬──────────┐ │Size │ 498.0B │ ├────────────────────────┼──────────┤ │Rules │ 7 │ ├────────────────────────┼──────────┤ │Selectors │ 11 │ ├────────────────────────┼──────────┤ │Simplicity │ 63.64% │ ├───────
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
