やってしまいがちなユーザビリティのミスとその解決方法
ユーザビリティでやってしまいがちなミスや見落とされがちな10の罪とその解決方法をLINE25から紹介します。 10 Usability Crimes You Really Shouldn't Commit 下記は、やってしまいがちなユーザビリティの10のミスとその解決方法を意訳したものです。 はじめに 1. ラベルがないフォーム 2. トップページにリンクしないロゴ 3. 訪問済みリンクの指定がない 4. アクティブなフィールドが明示されない 5. altの記述がない画像 6. 背景色がない背景画像 7. 長い長いテキスト 8. 下線付きだがリンクではない 9. ココをクリック 10. 均等割付「justified」の使用 はじめに ここで紹介している10のユーザビリティのポイントは、ありがちなミスだったり見落とされがちなものを集めました。 あなたのウェブサイトのユーザビリティを拡張する手
Flashを戻るボタン対応にする
Flashのページから、次のページに飛んで、戻るボタンで戻ってくるときに、ちゃんとFlashを元の状態に復帰してあげないと気持ち悪いと思うのですが、できればこういうのは標準装備して欲しいのと、ひょっとしてアーキテクチャを考える人にFlashが戻るボタンに対応する仕組みって知られてないのかなぁとか思ってみたので、サンプルを作ってみました。 今回紹介する方法は、フォームのhiddenに一旦、Flashの変数を退避しておいて、戻ってきたときにFlashに戻してあげる処理をして、あとはFlash側で復帰処理をしてあげればオッケーというものです。 サンプルはこちら 具体的な流れは、 1.Flashから任意のタイミングでJavaScriptを呼び出し、値を渡す。 2.値を受け取ったJavaScriptは、フォームに値をコピーする。（今回はhidden） 3.ページ遷移するリンクをFormのsubmit
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ueda/memo - SpecWiki
デフォルトスタイルの差異を無くすCSS
ueda/memo - SpecWiki
