グーグルソーシャル化への機能公開!

ECサイト×ソーシャルメディアpart6

本日、グーグルの「+1」ボタンを一般公開! という記事が出ました。

詳しくはこちらに書いてあります。

http://japan.cnet.com/news/service/35003472/

要するに、Facebook「いいね!」ボタンのGoogle版ですね。

また、大きな違いとしては、Googleの検索結果にもボタンが表示されるとのことです。

ますます、ソーシャル化の流れは止まりませんね。

まだまだ、この「+1」ボタンを実装しているような企業は少ないと思いますが、

この「+1」ボタンもECサイトへの設置方法をご紹介したいと思います。

Webデザイントレンドのまとめ年別

毎年ウェブデザインのトレンドを紹介しているサイトから、抜粋した記事を年別にまとめました。
また関連ニュース記事を取り上げ、何故トレンドとなるのか、時代背景も追えるようにご説明致します。

ウェブデザインの寿命は3年と言われています。

3年を過ぎたデザインはユーザーに直感で古いデザインとみなされ、

直帰率が増加する傾向にあります。ただトレンドを取り込めばいいというものでも

ありません。部分部分で取り込むと全体のバランスを崩してしまいかねません。

ここでは、6年分の記事をまとめましたので、ご参考下さい。

ウェブデザイントレンドのまとめ

  • 2012年Webデザイントレンド
    レスポンシブウェブデザイン/ 固定ナビゲーション/ 円形/ 大きなベクター画像/ マルチカラムメニュー/ jQuery/CSS3/HTML5アニメーション/ リボンとバナーの画像/ ウェブフォント/ インフォグラフィックス/ シンプルな機能性
  • 2011年Webデザイントレンド
    もっとHTML5+CSS3/ シンプルなカラースキーム/ モバイル対応/ 視差スクロール/ タッチスクリーン対応/ 奥行き/ 大きい写真の背景/冒険的なドメイン名/ QRコード/ サムネイルデザイン/ 個人の活動
  • 2010年Webデザイントレンド
    特大のヘッダとロゴ/ スケッチ風/手描き風/ 大胆で大きなフォント/ タイポロジー/ 1ページ レイアウト/ 巨大な画像/ パースの変化/ インタラクティブで直感的なデザイン/ モーダルボックス/ ミニマリズム/ オーバーサイズのフッタ/ レトロ/ イントロボックス/ 雑誌風のレイアウト
  • 2009年Webデザイントレンド
    浮き出し/ リッチユーザーインターフェイス/ 透過PNG/ 巨大なタイポグラフィ/ フォント置換/ モーダルボックス(ライトボックス)/ メディアコンテンツ/ 雑誌のような見た目/ スライドショー/ 大事なメッセージ
  • 2008年Webデザイントレンド
    ヴィンテージでレトロ/ 手書きノートと付箋/ グランジ/ はねたインク/ 水彩画/ コラージュ/ スケッチと手書き風フォント/ 大きなフォント/ 筆記体/ 木目調/ ジグザクのパターン
  • 2007年Webデザイントレンド
    かわいい漫画とマスコットキャラ/ 細かな渦巻きや滴/ 境界線を使わない/ 大きなRSSアイコン/ 高品質なテクスチャー/ 暗い背景に明るい配色

 

2007年Webデザイントレンド

2007: More Web Design Trends & Clichesというトレンドやテクニックを紹介しているサイトから、抜粋してご紹介します。また、関連するニュースを取り上げて、何故トレンドとなるのか、時代背景も追えるようにご説明致します。

  • かわいい漫画とマスコットキャラ
  • 細かな渦巻きや滴
  • 境界線を使わない
  • 大きなRSSアイコン
  • 高品質なテクスチャー
  • 暗い背景に明るい配色

“2007年Webデザイントレンド” の続きを読む

2008年Webデザイントレンド

web designer wall 2008 design trendsというトレンドやテクニックを紹介しているサイトから、抜粋してご紹介します。また、関連するニュースを取り上げて、何故トレンドとなるのか、時代背景も追えるようにご説明致します。

  1. ヴィンテージでレトロ
  2. 手書きノートと付箋
  3. グランジ
  4. はねたインク
  5. 水彩画
  6. コラージュ
  7. スケッチと手書き風フォント
  8. 大きなフォント
  9. 筆記体
  10. 木目調
  11. ジグザクのパターン

“2008年Webデザイントレンド” の続きを読む

2009年Webデザイントレンド

Web Design Trends For 2009というトレンドやテクニックを紹介しているサイトから、抜粋してご紹介します。また、関連するニュースを取り上げて、何故トレンドとなるのか、時代背景も追えるようにご説明致します。

  1. 浮き出し
  2. リッチユーザーインターフェイス
  3. 透過PNG
  4. 巨大なタイポグラフィ
  5. フォント置換
  6. モーダルボックス(ライトボックス)
  7. メディアコンテンツ
  8. 雑誌のような見た目
  9. スライドショー
  10. 大事なメッセージ

“2009年Webデザイントレンド” の続きを読む