ホームページ作成

2007年04月19日

WEBデザインを見直す点:フッターの重要性と参考サイト5

フッターが素晴らしい19サイトを参考に足もとを見直そう | Web担当者Forumこのエントリーを含むBuzzurlこのエントリーを含むBuzzurl

フッターの重要性を考えて、これから制作するサイトのデザインを考え直してみようと思った。
以前、実験で主婦の方を何人かパソコンで操作する動作を調査する仕事をした事がある。
検索して目的のキーワードでサイトを選び情報を見つけようとするが、情報がサイト内になかった場合、一度は下までスクロールするものの、その後どうしたか?
TOPページへ行くリンクを探していたのだ。
少しでも興味を持ったページであれば最新情報を探そうとする人が多い。
最新情報はTOPページによくある最新トピックスのコーナーが設置されているケースが多い。
フッターに「TOPページ」へのリンクがなかったらクローズされていたかもしれない。

WEBデザインのナビゲーションはサイドバーだけではなく、ユーザー側の操作を想定してレイアウトする事が大事だと考えた。

ちょっとした構成の違いで成果は大きく違ってくるかもしれない。
どうしても入りきらなかったリンクやメッセージなどフッターに設置する事でこれまで誘導できなかったページへ足を運んでくれる「チャンス」がフッターにある気がする。

そう考えてみるとGoogleアドセンスの「Googleユニット」これもとにかく上部で表示させる事が一番いい方法ではないかもしれない。

もしかしたらフッターの方がクリック率が高いのかもしれない。


関連リンク|WEBデザインWEBデザイナーヘッダーフッターXHTMLCSSナビゲーションサイト


posted by Buzzurl[バザール]



hyrox at 01:26|Permalinkclip!

2007年03月09日

最高品質のCSSメニューナビゲーションのサンプル(一押し8サイト)4

最高品質のCSSメニューナビゲーションデザイン(8種類)このエントリーを含むBuzzurlこのエントリーを含むBuzzurl

CSSで作られたナビゲーションやメニューのサンプルがありました。
8サイト分ありまして、どのサイトもかなり作り込んでいます。
サンプルには圧縮ファイルのダウンロードもできますので、
BLOGやホームページにちょっと変わったナビゲーションがほしいって人にはいいかな。
OSXのDOCK形式メニューはかなりめずらしいですね。
見てみると、左が基準で伸び縮みするのでちょっと違和感ありますけどね。
ちょこっとカスタマイズしてデザインで使用したいですね。



関連リンク|CSSメニューナビゲーションデザインホームページサンプルAppleMacintosh



posted by Buzzurl[バザール]



hyrox at 22:57|Permalinkclip!

2007年03月08日

CSSでやってはいけないこと!画像置換は禁止?!2

CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない : webデザイナーのナナメガキこのエントリーを含むBuzzurlこのエントリーを含むBuzzurl

取り急ぎブックマーク。結構、このやり方で作っていました。自分のサイトならともかくお客さんのサイトでこれを進めてはマズイですね。display:none;がダメなのは知ってましたが、text-indent:-9999px;もダメとは・・・。簡単な方法がどんどん厳しくなっていくように思えますが、一度、使えばまた使えるのがCSSの良いところでもあります。少しずつキレイなソースが書けるようにがんばっていきたいと思います。


関連リンク|CSS画像置換使用禁止ソース


posted by Buzzurl[バザール]



hyrox at 17:57|Permalinkclip!