Presenters Blog トレンド・ニュースをプレゼンテーションします。

712月/100

今年のアイコンベスト50

50icon_03

今年はTwitterやFacebookが大流行でしたからね、
少しシンプルで、可愛いデザインが割と多かった気がします。

サービスなどの流行でWebのデザインはすぐに変化していきます。

1年の終わりに近づくと、こういった物が見られてとても面白いですね。

詳しくはこちら

Top 50 Web Development, Design and Application Icon Sets from 2010

69月/100

時間短縮できるかも!ウェブサイトのワイヤーフレームPSD

webサイトの基礎となるワイヤーフレーム。
意外と作るの時間をかけていませんか?

サイトによって色々と中身は変化しますが、テンプレートをひとつ持っていると便利ですね。

http://www.emazekraker.biz/projects/webWireframeKit/

このサイトからワイヤーフレームのPSDがダウンロードできます。
黒と白の2種類があるので、サイトによって使い分けてもいいですね。

デザインもシンプルでかっこいいので、ぜひ活用してみて下さい。

69月/100

ブログに必要な項目。以外と設置が難しい・・・

最近バタバタとしていて、かなりの期間ブログを書いていませんでした。
やっと落ち着いてきたのでブログ再開となります。

今回は、ブログのデザイン(項目)についてです。

こんな記事を見つけました。

初めてブログを訪問したときに「これがあると嬉しいな」と思う10の要素
http://builder.japan.zdnet.com/member/u514442/blog/2010/08/27/entry_27041906/

1.過去に人気のあった記事の一覧
2.ブロガーのある程度詳細なプロフィール
3.最近の記事一覧
4.月別の記事一覧
5.TwitterやSBMなどへの投稿ボタン
6.関連記事へのリンク
7. RSS登録のリンク
8.QRコード
9.他ブログへのリンク
10.ブロガーへの連絡手段

と、納得させられる物が挙げられています。

ここで一つ問題なのは

以外とWordPressでやろうとすると難しい!

という事。

FC2やアメブロなど、一般的な無料のブログサービスには
こういった機能が標準でついているのですが、
WPやMT等には標準では備わっていない機能があります。

1.過去に人気のあった記事の一覧
5.TwitterやSBMなどへの投稿ボタン
6.関連記事へのリンク
8.QRコード
10.ブロガーへの連絡手段

などがそうでしょうか。

それぞれのプラグインの紹介はまた次の機会にしようと思いますが、
簡単にご紹介しますと

1.過去に人気のあった記事の一覧
→Popular PostやSimilar Postなど

5.TwitterやSBMなどへの投稿ボタン
→Topsy Retweet Button(Twitter)や、Facebook Like(Facebook)など

6.関連記事へのリンク
→SImple TagsやSimilar Postなど

8.QRコード
→「QRコード生成」などでググればすぐ出てきます。
http://qr.quel.jp/try.php

10.ブロガーへの連絡手段
→Contact Form 7など

基本的には全てプラグインをインストールし、プラグインの有効化を行えばいいのですが、
中には特別なタグ(php)をテーマなどに記述する必要があります。

是非お試し下さい。

と、書いてはいても既にこのブログにもちゃんと設置されていないっていう・・・ね(汗

127月/100

クリエイティビティを上げる為に心がけている事と、使ってるツール。

Presenter:0701

Just Full Of Ideas

僕は、何か作ることは、大体
情報収集、整理整頓、ロジックを組み立てる。
この3つの行為かなと思っています。

もちろんその他に「閃き」が必要です。

これらを行う為、あるいは行える為に、
僕は以下の事を率先して行うように心がけています。

17月/100

リンクは何色でかけます??

A look at the Golden Gate Bridge
えっ?リンクの色なんてなんでもいいんじゃない??

そんなことありません!ユーザビリティの視点から考えても

リンクの色ひとつで与える印象は違います。

主流はやっぱり色!!

大手検索エンジンのリンク色はそれぞれ違う青を使っています。

google #1111cc
yahoo! #0000de
bing #0033cc
naver #0036d3
baidu #0000cc
livedoor #0000ff
nifty #0022cc
so-net #0000cc
excite #0000ff
goo #0033cc
biglobe #0000de
youtube #0033cc
にこにこ動画 #1111cc

えっ?!こんなに青ってあるんだ!

検索エンジンはそもそもサイトとしての目的が普通のサイトと比べて特殊ですが、

それぞれに違う色を使っているということは、差別化をはかろうとしていることだと思います。

その実例としてBingはリンクの色を純青の#0000ffから#0044ccに変えた結果、年間売上高を8,000万ドルも増やしました。

いかにリンク色がサイト事業に反映するかが伺えます。

(ん~、たしかに目に優しいほうがリンクを押したくなるっ)

とはいっても、多種多様ある世の中のサイトは、全て青とは限りません。

サイトのストラクチャやデザインに応じて文字・背景色も変われば、リンクの色も変わるでしょう。

そのサイトに最適な配色こそ、SEOを考える上で大事な要素です。

ちなみに私の好きなサイトのひとつ、Appleのリンク色は#0085CFです。

▼参考資料
最適なテキストリンクの色は?

10/06/21 ウェブ力学

Presenter:manuque
83月/100

SEOとデザインについて考える

Presenter:0701
今回は、SEOとデザインについて考えてみました。
worries
昨今のWEBサイト制作業界は、かなりの割合でSEO/SEM対策にお金をかける傾向にあると思います。
SEOを考慮したWEBサイト制作を行うのは当たり前の世の中です。
それはやはり営業/販促効果のあるWEBサイトを先方が望んでいるからでしょう。
もちろんWEBサイトの本質はそこにあるので賛成です。
ただし、WEBデザインをどうも後回しにされがちになっている傾向なのが少し気にかかります。
そもそもSEOとは
・内的要因
・外的要因
の二つがありますが、外的要因に関するリンクの購入等はWEBデザインとは関係の無い、
別施策が必要とされますが、それ以外はどうでしょうか?
本当に良いウェブサイトは、
ユーザビリティに優れ、ファンが獲得できるコンテンツがあれば、
自然とナチュラルリンク・相互リンクを獲得できます。

その観点からすると、WEBデザインは非常に重要な要素となります。
ただしWEBデザインやコンテンツだけが良くても、現在は検索順位も埋もれてしまって即効性に欠ける事も事実。
悩ましい問題です。
【参考】
■SEOにおける被リンクの効果を一つの画像にまとめてみた-ウェブ力学様より
http://m-ishikawa.com/blog/2010/03/01/1164/
■無料で使えるSEOやホームページ制作に役立つツールまとめ-【パシのSEOブログ】様より
http://www.jweb-seo.com/blog/wordpress/2010/03/01/752


【その他・先週の気になる記事】
■テーブルを見やすく、使いやすくするためのアルティメットガイド
http://coliss.com/articles/build-websites/architectonics/usability/ultimate-guide-to-table-ui-patterns.html
■3Dの質感が詳細で美しいWEBアイコンセット
http://phpspot.org/blog/archives/2010/03/dweb.html


【一言】
最近、iPOD用のポタアン買いました。
音が良すぎて困ってます