Webサイト評価


o

ホーム >> Webサイト評価 >> 具体事例


    
評価時期: 2001/04/20


 
Webサイト評価

タイトル:USED CLOTHING CHOCOLA
URL:http://www1.odn.ne.jp/~cbx05550/
紹介文:USA USED 子供服の販売
o


■ まずトップページ。タイトル(<title></title>)が"HOME" となっていますが、ここにはきちんとホームページのタイトルを入れておきましょう。

<TITLE>「USA USED 子供服の販売 USED CLOTHING CHOCOLA」</TITLE>

とでも入れておけばいいでしょう。

■ ハイパーテキストが青色ですが、背景が黒なのでちょっとみづらいですね。もう少し黒に映える色を選んだ方がいいでしょう。


■ 下に「リストを表示」「前の5サイトを・・・」・・・とあって、これはこのサイトのナビゲーションなのかと思いクリックしたら他のサイトに飛んでいってしまいました。ちょっと紛らわしいので、「これは WebRing なんだよ」ってことがわかるようにしてほしいですね。トップページに、特に「ここからメインメニューだよ」っていうサインがないので、この webring にあるテキスト文字を誤ってクリックしてしまう人が多いのではないでしょうか。

 トップページ、まずタイトル画像があって、写真があって、住所記載があって、お店は10:00から19:00まで開いてますよ〜って案内がありますよね。URL の後にすぐカウンターがどん!っとありますが、このカウンターの位置をもうちょっと下げます。<BR> を3個くらい。それだけでもいいです。


■ あと、できればここにあるお店の写真、もうちょっと鮮明な写真のほうがいいですよ。アクセスしてきた人が最初にみるものですから。好印象を与えられるように。


■ タイトル画像の「USED CLOTHING CHOCOLA」はもう一回り大きくした方がページ全体が締まるとおもいますよ。


■ さてメインメニュー(contents.html)。管理者さんのお子様でしょうか?今月のおすすめをこのような形でみせるのは良いアイデアだと思います。ただ、その下の説明文の文字がちょっと小さいかな〜〜。今月のおすすめ商品の紹介文なので、もうちょっと読みやすいように、目に留めてもらえるようにもうひと、ふたまわり大きな文字にしてみましょう。

■ この部分
−−−−−−−−−−−−−−−−−−−−−−−−−−−
ただいまここに張り付けてもらう<?>
着こなし自慢のKIDSの写真大募集中
写真送ってね
SEND US A PICTURE OF YOUR KIDS
−−−−−−−−−−−−−−−−−−−−−−−−−−−
は、前後の文章と文字の大きさを変えてみましょう。


■ このメインメニュー下部のメニューも、背景茶系のところに青色のハイパーリンクなので視認性が悪いです。ここも色を変えてみてください。特に、すでに訪れたページの文字色はほとんど見えませんよね。


■ 注文書式がメールのみてですが、できる限りフォームを用意しておきましょうね。特に、インターネット初心者にとって、いちどメールソフトを立ち上げて、必要事項をホームページを確認しながら一つ一つ入れていくというのは面倒くさいですよね。もしウェブ上にフォームがもうけられていれば、空欄に必要事項を埋めていくだけですむわけです。そういった便利さも考えて注文フォームを作りましょう。

特に、ちょっとパソコンになれた人なら、

■ 商品番号
■ 商品名
■ サイズ
■ 単価
■ 送金方法
■ 希望発送方法
■ 御名前
■ 御住所
■ 御電話番号

の部分をコピー&ペーストでメールにコピーすればいいですが、初心者だと
それを知らずに(コピー&ペーストを使えない人は結構いますよね?)1つ
1つ入力をしていくのは、大変でしょう?そういった、ユーザー側の使い勝手を
考えてみましょう。


■ 店舗を持っているのであれば、shop.html に地図を掲載するといいですね。


■ 更新状況のお知らせをしてくれるサービスが、CONTACT のページにあるのは
なぜなんでしょ???それを置くなら UPDATE情報のページでしょう。


■ リンクページのレイアウトは凝っていますね。


■ ページ全体の構成はきちんとしているので、とりあえず手直しするとしたら、
「見やすさ」「わかりやすさ」を頭にいれておくといいでしょう。


■ 作成ソフトが Adobe PageMill 3.0J Mac ということで、Mac 環境なんですね。
この評価は Windows 環境(Internet Explorer 5.01 / Windows 98 SE) ですが、
たぶん上で指摘した文字の大きさはこの環境の違いによるものでしょう。Windows だ
と指摘したように文字が小さいので、いま小さく指定している文字については
一回りは大きくしておきましょう。


■ あと、Windows と Mac では、画面の輝度(明るさ)が違うんですよね。
どっちが明るいのか暗いのかはもう忘れてしまいましたが、Mac だと
ハイパーリンクが青で背景が黒でも文字が見えるのでしょうか・・・?いま
手元に Mac がないためこちらでは確認できません。。。とにかく、Windows
環境ではちょっと見づらいですよ。青でも、もうちょっと明るい青を選んで
みましょう。

■ 管理者さんからのコメント「辛口批判。まってま〜す」ということでしたが、
普通になっちゃいました。。。

前に戻る

  
o

o