ユーザビリティを意識しながら訪問者を魅了するフッターデザイン論
» つま先まで気を抜かない、フッターデザイン論 :: gerenuk.crazyphoto.org/
Smashing Magazine では、具体的な例を挙げてフッターをどうデザインするべきかという記事が掲載されています。良い記事なのですが例のごとく少し冗長なので、要点をまとめてご紹介します。
フッターに何を配置するべきか
- サイトマップ
- 簡単な「プロフィール（About）」と「連絡先（Contact）」の情報
- 簡易のコンタクトフォーム
- 「このページのトップへ戻る」のリンク
- 詳細なサイトマップページへのリンク
フッターのデザイン性
- デザイン上の主従関係を明確に見せる
- 空白を上手く使う
- 他のコンテンツからデザイン的に分離させる
ブログにおけるフッター
- 最近の記事
- タグクラウド
- 最新のコメント
- 他のサイトへのリンク
フッターのレイアウト
- 余白によるカラム分け
- 境界線によるカラム分け
フッターデザインの参考にしたいサイト
参考
いいですね。非常に参考になります。
このブログ「きにきじ」はフッターが何にもないので、今度気が向いたら手を入れてみようかと思います。
ただ、１つ気になるのが、フッターがそもそも見られないという可能性ですね。
はてなブックマークに以下のコメントがありましたが、まさにそのとおりだと思います。特に無料ブログサービスを利用している場合はフッターに辿り着くことのほうがまれなので、せっかく凝ったフッターがあっても見てくれる人はごくごくわずかかも……？
yamuyam auto pagerize系のユーザスクリプトを考慮すると、フッタにどれくらいコストをかけるべきかどうか悩む 2009/06/23
よろしければ以下の関連（してそうな）記事もどうぞ！
- 最初や最後の行だけ違うスタイルを可能にするJavaScript「yuga.js」
- Gmail画面のGoogle Taskリンクを消すスタイル
- Googleで「AA」を検索すると……Googleロゴの遊び心：Doodle
- リンク売買とSEO
- WordPress旧バージョンユーザは脆弱性を突いた攻撃に要注意！
- « 前の記事：「瞬簡PDF ZERO」他クセロ製フリーソフトが公開終了へ
- » 次の記事：自宅で洗えるスーツに注目が集まっているらしい
Leave a Reply
Bookmarks
Recent Posts
- Ruby1.8.7以降ではtruncateメソッドの仕様が変わったらしくエラーが起きる
- Gmail画面のGoogle Taskリンクを消すスタイル
- Railsで次のエラーへの対処法：We’re sorry, but something went wrong.
- RailsのWEBrickサーバを強制的に停止する方法
- Rubyで1からnまでの整数をランダムに並び替える（処理速度の比較まで）
- JavaScript のお勉強でストップウォッチを作ってみた
- MS Wordをむりやりマークアップっぽく使う方法：異なる文字列の書式を一括で変更する
- WordPress 3.0に無事アップデート完了
- 2009年にお世話になった16のStylishスタイル
- 2009年にお世話になった17のGreasemonkeyスクリプト
Popular Posts
- PDF 作成ソフト比較：doPDF、PrimoPDF、クセロ 瞬簡PDF ZERO
- 15,165 views
- 使い勝手のいい白地図サービス「白地図、世界地図、日本地図が無料」
- 14,081 views
- 便利なFirefoxアドオン10選
- 12,520 views
- ジョジョの奇妙な壁紙画像（＋うろ覚えジョジョ動画）
- 11,927 views
- Firefoxアドオン「Stylish」の使えるスタイル8選
- 9,798 views
- 指パッチンのやり方・コツ：薬指と小指を握り込まない
- 8,490 views
- 「力不足」と「役不足」、「情けは人の為ならず」、「確信犯」など、誤用の多い言葉
- 7,706 views
- 気になるフリーソフト19選 – セキュリティ、USB関連、その他便利ソフト
- 6,567 views
- 新しいメッセンジャーで共有フォルダの代わりにファイルを共有する方法
- 5,823 views
- Office 2007 Wordで「標準の文字数を使う」が勝手に「行数だけを指定する」に変更される件
- 5,685 views
Recent Comments
- WordPressで関連記事を自動挿入するプラグイン「Similar Posts」とその具体的な実装例 に 今日のお気に入り / 日本波形 by Kenji より
- PDF 作成ソフト比較：doPDF、PrimoPDF、クセロ 瞬簡PDF ZERO に Takku @きにきじ管理人 より
- PDF 作成ソフト比較：doPDF、PrimoPDF、クセロ 瞬簡PDF ZERO に Takku @きにきじ管理人 より
- PDF 作成ソフト比較：doPDF、PrimoPDF、クセロ 瞬簡PDF ZERO に ookiyi より
- Railsで次のエラーへの対処法：We’re sorry, but something went wrong. に Takku @きにきじ管理人 より
QR Code
- 携帯端末からも同じ URL でご覧いただけます。
![[画像] 今日の気になる記事「きにきじ」QR Code](http://www.kagitaku.com/diary/images/qrcode.png)
Notes
News
Blog Feed
![[画像] きにきじ Feed](http://www.kagitaku.com/diary/images/Newspaper_Feed_128x128_ie6.png)
Categories
Tag Cloud
お金
イタい
ゲーム
シュール
セキュリティ
ツール
デザイン
トヨタ
ネタ
パソコン
ファッション
ブラウザ
ブランド
マナー
マーケティング
メディア
モバイル
ライフハック
事件
仕事
任天堂
似非科学
勉強
動画
報道
広告
心理
恋愛
2ch
Amazon
Apple
au
Chrome
docomo
EMOBILE
Firefox
Google
IE
JavaScript
jQuery
LPO
Microsoft
Rails
Ruby
SEO
SoftBank
Web
WordPress
WPアップデート
Yahoo!
PR Links
Similar Blogs
Blog Information
(Since June 2009)
![[画像] kagitaku.com ロゴ](http://www.kagitaku.com/common/images/logo.png){kind=logo}
![[画像] 最上部へ](http://www.kagitaku.com/common/images/pageNavi-toTop.png)
![[画像] 最下部へ](http://www.kagitaku.com/common/images/pageNavi-toBottom.png)
![[画像] 履歴を戻る](http://www.kagitaku.com/common/images/pageNavi-back.png)
![[画像] 履歴を進む](http://www.kagitaku.com/common/images/pageNavi-forward.png)
![[画像] Contact](http://www.kagitaku.com/common/images/pageNavi-contact.png)
![[画像] Sitemap](http://www.kagitaku.com/common/images/pageNavi-sitemap.png)
