フォームの入力必須項目のマークアップ | Accessible & Usable
公開日 : 2013年4月12日 (2020年8月30日 更新) カテゴリー : アクセシビリティ / ユーザビリティ Web サイトのフォームの中には、入力必須の項目があります。大抵の場合、その項目が必須である旨を、ラベル (<label> 要素の中) に盛り込むことが多いでしょう。 <label for="name">お名前 (必須)</label> <input type="text" id="name" name="name" /> 上記のように、<label> 要素の中に「必須」と書かれていれば、たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素 (<input> 要素、<textarea> 要素、<select> 要素) にフォーカスが当たるとその入力要素に紐づいたラベルが音声で読み上げられ、ラベルに包含された「必須」
UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
ネット初心者ユーザに配慮した導線設計 (ユーザビリティ実践メモ)
ウェブサイトは、インターネットの利用にあまり慣れていない 初心者ユーザにも配慮して設計する必要があります。 今回は、インターネット初心者ユーザがサイトの基本的な構造を理解して いないために陥りがちな行動について、ECサイトの利用シーンを例として ご紹介します。 弊社のユーザ行動観察調査では、あるECサイトで以下のようなユーザ行動が 見られました。 ユーザがECサイトで気に入った商品を見つけた際、「カートに入れる」ボタンを クリックして買い物かごページヘ移動しました。 このときユーザは、「続けて他の商品も購入したい」と思っていましたが、なぜか 買い物かごページからブラウザの「戻る」ボタンを押し、商品ページに移動しようとしませんでした。 なぜ買い物かごのページから戻らなかったのかを質問したところ、「買い物かごのページ から前のページに戻ってしまうと、いま買い物かごに入れた商品がキャンセルされて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
