第 1 章　クリック一発とっても親切ナビゲーション 全てのホームページは、閲覧者が、ワンクリックで瞬時に移動出来るように、ナビゲーションの類いを設けるべきである。いちいちインデックスに戻らなくても、他のページに行けるように有った方が親切だし、思いやりの心ってもんだからな。

もう何年も前の話だが『Mind Hacks』という本で“サビタイジング”という効果のことを知って、どうして歴代FFの戦闘画面のうちFF4のものだけがこんなにも見づらいのか？　という長年の疑問に決着がついた気がした。 （FF4：6分過ぎから戦闘シーン） 【ニコニコ動画】とてもいやな名前でFF4 その15 （FF5：1分半から戦闘シーン） 【ニコニコ動画】FF5 バッツの代わりに旅に(ry 第03話 最初に思いつく説明は単純に縦にキャラが5人・ステータス画面5行が並ぶのは多すぎるからというものだが、FF5やFF6でも4人（4行）はいるのに、その戦闘画面は全然見づらくない。この差は数1つの違いだけでは到底説明がつかないと思っていた。しかし、 サビタイジングの際、脳では、普通に数を数える場合と全く異なった処理が行われているように思える。いくつかの実験により、数える物が4つまでの場合

ファイルが見つかりません リクエストされた URL は、このサーバ上には見つかりません。

bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

CSS Frames v2, full-height | 456 Berea Street Way back in August of 2003 I wrote a short article called CSS Frames, in which I described a technique to emulate the visual appearance of HTML frames with CSS. CSSだけでフレームを作るテクニック。 通常、フレームというとframeタグを使って実現しますが、検索クローラーに対して不利などの理由から最近ではあまり見かけなくなってしまいました。 フレーム風のインタフェースをＣＳＳだけで実現するテクニック。 常にヘッダー、フッターのナビゲーションが固定されているのでフレームの使いやすさはそのままで、かつクリーンなHTMLによってフレームを実現でき

ユーザビリティ（英語: usability）は、「使いやすさ」を示す言葉。国際規格のISO 9241-11では、「ある製品を、特定の利用者が、特定の目的を達成しようとするにあたって、特定の状況で、いかに効果的に、効率的に、満足できるように使えるかの度合い」[1]。 他にも「使い勝手が良い」「可用性」「有用性」などの意味がある[2]。 ユーザが目標を達成するためにシステムを利用するとする。例えば紙を切るためにハサミを利用する。このハサミは切れ味が良く、気持ちよく短時間で紙が切れた。すなわち高い満足感で高いパフォーマンス[3]を発揮し目標を達成できた。この「つかえる」「有用である」という特性をユーザビリティという。もしハサミの切れ味が悪く、時間をかけてなんとか切り終えたとすると、前者に比べてユーザビリティは低いといえる。

Googleはonclickなアイテムにはhref="javascript:void(0)"も付けてくれることが多いあるのだが、このお陰で（少なくともFxなら）フォーカスを合わせることが出来る（フォーカス状態でEnterを押せばクリックと同じ動作になる）。対してLDRなどはonclick属性しか使用していないらしく、Tabキーでブラウジングしてる場合などに、フィードの一覧にどうやってもフォーカスが移らないため、とても残念な気持になる。 例えばspan要素などにonclick属性を付けてイベントを発生させている場合はこの方法は使えない（そもそもhref属性がない）ため、表面上のユーザビリティ的には、クリックイベントを取得する場合はa要素を使い、onclick属性と一緒にhrefも付けておくのがよいと言うことになる。 フォロー記事 フォーカスとjavascript:void(0)の話・2

Website Options とは？ JavaScript で作られている、ページの使いやすさの向上を 目的とした機能を持つスクリプトです。 あらゆるページに適用できるように設計しており、HTML/4.01 (text/html) では勿論の事、XHTML/1.1 (application/xhtml+xml) でも動作します。 また、Mozilla Firefox/1.5.x での厳格な構文チェックを通しています。 以前は Preferred Style Generator という名前で配布していました。 簡単な設定を行うだけで、次のような機能を使う事ができます。 動的なスタイルシート切り替え スタイルシートを簡単に切り替えられる機能をユーザーに提供します。 クッキーを使ってスタイルシートの設定をブラウザに記憶させ、 ページを移動しても表示スタイルを維持します。 XHTML に書かれた

Infoperience では、情報デザイン、ユーザビリティ、インターフェイスなどに関する情報を掲載しています。by Bruce Tognazzini Bruce "Tog" Tognazzini 氏は、14年間の Apple 在籍中 Apple Human Interface Group を設立し、ヒューマンインターフェイスエバンジェリストとして活躍したソフトウェアエンジニアです。その後 Sun に移り、またその後は Jim Clark 氏によって設立された Healtheon/WebMD のリードデザイナーを務め、現在は世界中で最も注目されるユーザビリティ・コンサルティング会社 Nielsen Norman Group の一員として活躍しています。これまでに「Tog On Interface」と「Tog On Software Design」という著作があり、オンラインにおいては「As

リハビリテーション法第５０８条に基づく電子情報技術アクセシビリティ基準の石川訳（部分訳） Webアクセシビリティセミナー東京２００３の基調報告のパワーポイント資料 日米ウェブ・サイトのアクセシビリティ調査結果 ウェブサイト・アクセシビリティ 一括自動チェック結果一覧 企業のアクセシビリティへの取り組み Webオーサリング・ツールのアクセシビリティ対応 日米の電子図書館プロジェクト Webコンテンツ・アクセシビリティ・ガイドライン 1.0解説 米国における情報アクセシビリティ関連の法制度についての調査中間報告 米国における字幕放送の歴史 W3C Web Content Accessibility Guidelines 1.0 Recommendation（『Webコンテンツ・アクセシビリティに関する指針1.0』W3C勧告、拙訳） W3C Authoring Tool Accessibilit