スタイルシートメモ

ユーザビリティのポイント

ユーザビリティというのは、ようは「見に来てくれる人が使いやすいページ」のことです。
老若男女、全ての人が完全に満足するようなページデザインはなかなか難しい…というかできないのが普通です(-_-;)

たとえば、若い世代の人の中には、文字が小さくてデザイン的なページのほうが良いと思うかもしれないですが、お年寄り世代の人の中には、文字が大きくて読みやすいページのほうが良いと思うものです。
この二つを共有できるデザインは、結構大変なんですよねぇ…。

ここでは、広い目で見たユーザビリティのポイントについて説明します。

ページが白黒でも見やすい

白黒モニターで表示した場合カラーのページではあんなにキレイだったのに！！なんていうことがよくあります。
さすがに白黒モニターの人はそういないかもしれませんが、ひょっとしたら白黒プリンターの人がカラーページを白黒で印刷するかもしれません。
いろいろな人に優しいページつくりを目指すなら、白黒でもきれいに見えるページ作成が重要です。

自分がどこにいるかわかる

制作した自分はサイトの構造がわかっていても、ページを見てくれるユーザーがわかってくれるかどうかはわかりません。
ユーザーが探している情報に効率よくアクセスできるようにするためにはナビゲーションが重要になってきます。

わかりやすいナビゲーションを作るには、そのページにアクセスしてきたユーザーが何を必要とするのかを考えます。
ページの階層が深い場合、すぐにトップページに戻れるようトップへのリンクがあると便利です。
大コンテンツと小コンテンツがある場合、大コンテンツに戻ることなく小コンテンツ内を行き来するリンクがあると便利です。
…このように自分がもしこのページを使うとしたら？と考えて書き出してみるといいかもしれません。

ページが縦に長いとき

とても長いページ…それだけで読みたくなくなるものですが…それでも1ページ以内で表示しなければいけない時があります。
ただでさえ長いと読みたくなくなるものですから、ユーザーが読みたいところだけを読めるように工夫してあげる必要があります。

firefox　marginのエラー

firefoxでのバグですが…背景画像がmarginに影響されてしまいます。

IEの条件付コメント

IEのみに反映させる条件付コメントです。
かなり便利です！
※通常のスタイルシートの外部リンクと一緒に使用すると◎。