Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
Webページを作る心がけ
目次 はじめに 絶対に役に立つこと 多種類のブラウザへの配慮 テキスト版ブラウザへの配慮 遅い回線への配慮 ハンディキャップを持つ人への配慮 リンクの張り方 心構え 他のWebページ管理者とのやりとり Yahoo! JAPANへの登録について その他の配慮 Web日記を書く心がけ みなさんからのフィードバック ぜひ、感想をお送りください リンク集 更新履歴 はじめに このページでは、結城浩がWebページを作成するときに心がけていること、 心がけたいと思っていることを書きます Webページによって発信する情報はさまざまなので、 私の「心がけ」が万人にあてはまるわけではありません。 けれど、これを読んでいるあなたの参考になるなら、とてもうれしいです。 絶対に役に立つこと <img>タグにはwidthとheight属性をつける。ページ表示にかかる体感時間が圧倒的に短くなるから。 <title>タ
装飾およびレイアウト目的の画像の代替テキスト | アクセシビリティBlog | ミツエーリンクス
Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 2007年02月09日 装飾およびレイアウト目的の画像の代替テキスト アクセシビリティ・エンジニア 中村 本Blog上でも何度か取り上げておりますが、アクセシビリティ向上のためには画像の代替テキストは必須です。このことについては、JIS X 8341-3やWCAG 1.0、そして策定中のWCAG 2.0の草案でも、それぞれ表現は異なるものの明確に述べられています。例えばJIS X 8341-3の場合、5.4 a)において、以下のように記されています。 画像には、利用者が画像の内容を的確に理解できるようにテキストなどの代替情報を提供しなければならない。 また、HTML 4.01の仕様書でも、img要素のalt属性は必須であることが明記さ
ユーザビリティ 実践メモ : 初心者ユーザの視線の動き アーカイブ
アイトラッキングシステムを利用したユーザビリティ調査から、パソコンスキルによってページ内の視線の動きが異なることが判明しています。 今回は、パソコン利用歴2年未満で、1日のインターネット利用時間が1〜3時間程度の初心者ユーザへの調査結果をご紹介します。 初心者がページ上部を中心に閲覧していく理由として、以下の初心者ユーザの心理・行動特性が挙げられます。 ページ上部ほど自分にとって必要な情報があると考えている サイト上の情報把握力・選別力が高くないため、どこまで見たかわからなくなってしまうことを避けようと、全体よりも一部を把握しようとする パソコン画面を閲覧することに疲れを覚えやすいため、1ページに費やす時間が短く、ページ下部まで目を通さない（スクロールをしようとしない） このような行動特性から、初心者ユーザの場合、ページ上部に必要な情報がないとサイトからの離脱に繋がる可能性があり
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Accessibility Color Wheel