2007年11月4日日曜日

Webデザインの心がけ

Webデザイナとして、Web制作時の心がけをメモします。

  • デザイン・レイアウト
    • XHTML+CSS(CSSでデザイン、レイアウト)
    • 文章は漢字を多用しない。文章の30%程度。
    • Webは、印刷物よりも可読性が低い。
    • フォントサイズは、固定しない。
    • 行間は130%程度。
    • 英語版と日本語版に対応するデザインを初期から検討する。
    • 横幅固定のデザイン or リキッドデザイン
    • 1ページの長さは、A4プリントアウトで、最大でも2,3枚程度。
    • フレーム構造は利用しない。
    • 別Windows表示は行わない(コメントを表示)。
    • PDFなどはファイルサイズを明記(ビューワの入手を記載)。
    • パンくずリストを表示する。
    • ナビゲーションは、区分する(メインナビ=コンテンツ、サブナビ=補助)。
    • 1ページのファイルサイズは、100KB程度。
    • 点滅は使用しない。
    • リンクはアンダーバーにする。

  • コーディング
    • META(ページの概要:全角50文字程度、キーワード:10個程度)
    • タイトルを明記する。
    • 見出しをつける(h1,h2,h3,h4,h5)。
    • メールアドレスのエンティティ化(mailto も)
    • 機種依存文字は使用しない。
    • イメージ画像には、alt属性を設定する。
    • コメントは多用しないが、確実に入れる。

  • セキュリティ対策
    • SQLインジェクション
    • クロスサイトスクリプティング

  • 点検作業
    • アクセシビリティのチェックツール(WebInspector : 富士通)
    • @アットマークがあるか確認(mailto、メールアドレス)
    • 複数のOS/ブラウザ(Windows、Mac/IE、NN、Opera、FireFox、Safari)

ん~こんなものかな。