ECサイトの人気レイアウト傾向

Webモバイル業界の人材事業を手掛けるサポタントが実施した、2010年7月30日の「EC(電子商取引)サイトのレイアウトトレンド調査」の結果が発表されました。

調査対象は、楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)

70%がページ上部に「検索窓」を設置
Webページの上部に検索窓を設置しているECサイトは全体の70% 増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増加

900ピクセル以上のサイト幅が主流
サイト幅が900ピクセル以上のECサイトは全体の58%。900ピクセル以下にサイト幅を設定している企業は42%。全体では950ピクセル(15%)、900ピクセル(10%)など、900ピクセル以上のサイト幅を設定するECサイトが増加。

フォントの大きさは12ピクセルが43%
ECサイト全体では12ピクセルが43%。楽天市場のECサイトでは12ピクセル以上(54%)Yahoo!ショッピングでは12ピクセル未満(64%)、自社ECサイトでは12ピクセル(60%)

ヘッダの高さは200ピクセル以内
全体では150ピクセル未満が47%、150~200ピクセルが33%。いずれにおいても、200ピクセル以内という回答が6割を超えています。

トップページは2カラムが主流
全体では2カラムが55%、3カラムが42%。いずれにおいても、2カラムの採用が50%を超えています。

ITスクールインストラクター  田口 智

Windows Liveブログが、WordPressへ移行することに・・・

マイクロソフト社は、自社のブログサービス Windows Live Spacesを終了し、WordPressをWindows Liveのデフォルトブログプラットフォームにすることを発表しました。
既にWindows Live Spacesを利用している人は、6カ月以内にWordPressへ移行する必要があります。

すべての投稿、コメント、写真は移行することができ、過去のURLはすべて新しいブログにリダイレクトされます。
移行後、Windows LiveのIDをWordPressに接続しておけば、ブログの更新はWindows Liveの連絡先にフィードされます。

今後、Windows Liveのアカウントで新たにブログを始めようとすると、WordPressでのブログ開設に誘導されます。
また、この秋リリース予定のオンラインサービススイート「Windows Live Essentials 2011」のブログ編集ツール「Writer」はデフォルトのブログとしてWordPressが利用されます。

WordPressは、2003年に誕生したオープンソースベースのブログプラットフォームで、現在のユーザー数は2億5000万人以上の人達が利用しています。

WordPress

ITスクールインストラクター  田口 智

ホームページビルダーでイメージマップを作成する方法

ホームページビルダーで、イメージマップ(「クリッカブルイメージ」ということもあります)とは、一つの画像から領域を指定し、リンクをはることが出来る機能です。

イメージマップを作成する手順

画像をフォーカス枠にして、メニューバーより 編集→イメージマップ→イメージマップの編集
又は画像をフォーカス枠にする→右クリック→画像を編集→イメージマップの編集

<1>リンクをはる領域を指定します。
多角形、円形、四角形の3つから選択できます。
選択するとすぐにリンク指定をする画面が現れるので、リンクをはります。
(多角形を指定する場合は始点と終点が合わないとリンク設定画面が表示されないので注意!)

<2>リンクをはると、ここにURLが表示されます。

<3>代替テキストを入力します。
(リンクをはった場所にカーソルを乗せると現れる説明分です。)
代替テキスト挿入の際は、URLの項目が灰色に反転され、指定されているか確認して入力してください。
<2>や<3>の画面が表示されないときは、「CSIM」の横の「↓」をクリックすると表示されます
リンク変更の場合はマップの方ではなく、URL項目<2>をダブルクリックすることで変更画面が出現します。

ITスクールインストラクター  田口 智

タスクトレイ常駐型ソフトShotty・・・ウィンドウをキャプチャーする

Shottyは、デスクトップの画面を手軽にキャプチャーして、パソコンへ保存したりWebサービスへアップロードすることができるタスクトレイ常駐型のソフトです。Shottyには2つの操作方法があります。

1つは、[Ctrl]キーと[PrintScreen]キーを押してアクティブウィンドウをキャプチャーする方法です。このヤプチャー方法の場合、Aero Glass効果にも対応し、半透明なウィンドウ枠やウィンドウの影もそのままキャプチャーすることができます。

もう1つの方法は、タスクトレイボタンを押す方法です。
デスクトップ全体や、現在利用中のアプリケーションの画面などをすべてキャプチャーし、サムネイル表示することができ、後から保存する画像を選択することもできます。

Shotty

ITスクールインストラクター  田口 智

Photoshop Elements9 が公開されました!!

アドビシステムズは、個人ユーザー向けの画像編集ソフト PhotoshopElements9と、ビデオ編集ソフト Premiere Elements9の日本語版を発表しました。
発売日はいずれも10月1日の予定です。
対応OSは、Windows版がWindowsXP(SP2以降/Media Center/Vista/7、Mac OS版がMacOSX10.5.8または10.6。
新しいバージョンの特徴は、WindowsとMacOSで共通した使用環境を提供したことです。Photoshop Elements9は、ガイド付き編集機能が強化され、各ステップの説明が分かりやすくなっています。また特定の写真の特徴(コントラストやトーンなど)を、他の写真に自動適用する「Photomerge Style Match」機能が追加され、被写体の反射やトイカメラ風、ポップアートなどの効果に対応しています。仕上げた写真作品は、FacebookやFlickerへ投稿したり、テンプレートを用いてオンラインアルバムを作成することもできます。

ITスクールインストラクター  田口 智