Vol.27
2006.03.08 Wed
愛子のそこがダメだよ!Webデザイン!!

= Index ===================== 
1. あいさつ
2. 売れるWebマーケティングデザイン講座 Vol.11
3. 編集後記





このメールマガジンは、ホームページを作りたいけど、何からはじめたらいいか分からない、立ち上げてみたものの全く反応がない、というお悩みの方へワークショップ形式でメールマガジン講座を行い、ホームページ立ち上げ〜運営までサポートしています。
インターネットを最大限に活用し、楽しく豊かな生活を送りましょう!



■ 1. あいさつ

《愛子のそこがダメだよ!Webデザイン!!》の発行人、 Webマーケティングデザイナーの芥川愛子です!

 

先日、(ブログには書いたことなのですが・・・)クライアントさんから、ステキな表現のご感想をいただきました。

 

> 早速、○○○○○○ 2セットの注文がありました。
> 「ショールーム人気NO1」の表示の効果がありました。
>
> ちょっとした表示で売れる(熟れる)ものですね。
> 昨日、まいていただいた種がいきなり2個の実になりました。
> ネット販売は水や肥料をやる暇も無いほど、スピーディーな商売ですね。
> 勉強になりました。

 

よく、オフラインでの商売は「地道な種まき」をし、それをいつか花開くまでじっくり育てていく、という表現に例えられますが、ネット販売をとても面白く表現されているなぁ、なるほど!と思い、ここにご紹介させていただきました。

 

さて、どのようなことをして、いきなり2個の実になったのかと言うと。

 


メールでの打ち合わせの中で、実店舗では人気のある商品がネットでは全く売れない、というお話を聞きました。

 


きっと、写真で見るよりも実物の方が見栄えのいい商品なのだと思います。わたしはその辺りは実店舗での動きを把握できていないので、そうなのか、それならばと早速、「ショールーム人気NO1」表示をしました。

 


しかし、本来はこの言葉だけ表示をしたのでは効果はありません。

 


なぜ「ショールーム人気NO1」なのかという理由付けが必要です。

 


その他には、写真や配置を変えたり、ちょっとした見せ方を変えたその翌日に、水や肥料をやる暇も無く2セットの注文が入ったという訳です。

 

本当にネットはスピーディーですね!

 

ちなみに、2セットで約16万円のご購入になりますので、ちょっとした表示ですごい効果なのです。

 

みなさんは、スピーディーなネットの商売に乗り遅れていませんか!?

 

乗り遅れないためにも、こちらのブログにいろいろなネット販売のネタをほぼ毎日掲載しています。
↓↓↓↓
―――――――――――――――――――――――――――

愛子のそこがダメだよ!Webデザイン!!
http://plaza.rakuten.co.jp/aikoweb

―――――――――――――――――――――――――――

理論だけではなく、実践の現場から気づいたオリジナルノウハウをたくさん詰め込んでいますので、ヒントを得てお役立ていただけたらと思います!

 


このページのTOPへ戻る▲
 


■ 2. 月商2,000万円への道!
     売れるWebマーケティングデザインメルマガ講座 Vol.10
     TOPページデザイン.3


さて、どんどん続けていきます、TOPページデザイン編です。

 

今回は「サイズ」についてです。

 

紙に印刷するときは、A4・B5などというサイズが決まっていて、その中にレイアウトをしていけばよく、誰が見てもどうみても同じに見えます。

 

しかし、パソコンの場合は決められたサイズがなく、ユーザーのパソコンの環境によって、ディスプレイの大きさはまちまちです。

 

だから、自由でいいじゃないか?と思われるかも知れませんが、ホームページの場合はパソコンの環境が違っても、レイアウトが崩れることなく、なるべく印象が変わらず、誰でもなるべく同じように見えるページの制作方法というものがあります。

 

小さめのノートパソコン、大きいノートパソコン、14インチのディスプレイ、iMac・・・

 

など、パソコンを使っている方、さまざまです。

 

では、どのモニタに合わせて制作するのがよいかと言うと、自分のパソコン?ではありません。


基準は、横800 x 縦600ピクセルのモニタにします。

 

その根拠はというと・・・

 

アクセス解析の「ディスプレイ解像度」というのを調べることができ、サイトへ訪れた人のモニタ環境が分かるのですが、わたしが管理しているネット販売サイトのアクセス解析を見てみると、1024 x 768で見ている人が約55%です。

 

そして、1024 x 768とそれ以上のモニタで見ている人が約95%を占め、800 x 600以下はほんの5%程度です。

 

一昔前は800 x 600が多かったように思いますが、最近は、モニタが大きい方が増えているな、と思います。やはりネット販売を楽しんでいる方は、パソコンが好きな方が多いのでしょうか。


しかし、800 x 600で見ている人がいることを忘れてはいけません。

 

他のサイトも実は800 x 600を基準に制作しているところが多いのです。

 

他のサイトから訪れることも想定して、800 x 600に納めるデザインをします。


まず、横幅800ピクセルピッタリにデザインをするとどうでしょう。

 

インターネットブラウザを立ち上げると淵やスクロールバーがありますので、せっかくのデザインが入りきらなくなり、横スクロールバーが出てしまいます。

 

そのため、一番キレイに納まるサイズは

横幅780ピクセル以内がバランスがよく納められます。

 


では、縦は、というと、縦は無限に掲載することができます。

しかし、大切なのは約580ピクセル以内に伝えたい情報を盛り込むということです。

 

ココがすごく大切です。

 

Vol.9 TOPページデザインで

 

1.まず、TOPページに載せる情報をまとめましょう。

SHOP名・SHOPのキャッチコピー・商品のキャッチコピー・商品写真・イメージ写真・コンテンツメニュー・店長の顔写真・所在地 ・連絡先 etc・・・

 

 




を書いていただきましたが、この中で、優先順位の高い伝えたいもの、キャッチコピーや写真を、780×580ピクセルにデザインし、優先順位は低いけれどもTOPページに掲載したいものを、縦580ピクセル以降に掲載していきます。



4.780×580ピクセルに必要な情報を掲載しましょう。


 

しかし、絶対にこのサイズにしなければならないという決まりはありません。

 

このサイズにすると見やすいですよ、というです。

 



ちなみに、ピクセルを固定させずに%で制作する方法もあります。

 

例えば、まぐまぐさんのようなサイトです。

 

横幅を%で制作すると、情報がたくさん詰まっている印象を与えることができます。

 

 

しかし、このような%のサイトはわたしも制作したことありますが、結構レイアウトが取りづらく難しいです。

 

 

次回は、

「優先順位がデザインを決める!

です!


では、また次号にて・・・。


このページのTOPへ戻る▲

 

【発行者】AI-Design.net 代表 芥川 愛子
【職 業】Webマーケティングデザイナー
【登録・解除】http://www.mag2.com/m/0000128589.htm
【ブログ】http://plaza.rakuten.co.jp/aikoweb
【お問い合わせ】info@ai-design.net

 



編集後記 ――――――――――――――――――――――

もう、3月なんですねぇ!早い!早い!早すぎますっ!

3月の中旬には、近くの小学校にある早咲きの「寒桜」が咲きます。

80年前に植えられたそうで、それはそれは大きな桜の木です。

昨年は見に行く時期を逃してしまい、散ってしまっていたので、今年こそは、見ごたえの充分ある寒桜を堪能してきたいと思います♪



このページのTOPへ戻る▲
All Rights Reserved, Copyright(C)AI-Design.net 2006