blog.1cco.com

前に「苦笑な感じだ」と言ったPCサクセスのサイトがとうとうオープンした。
通販ならPCサクセス(PC-SUCCESS)
重ねて断っておくけれども、佐藤可士和さんは結構好き。

しかし、パッと見では、やはり苦笑の出来。公開されていたカンプらしき画像の方が秀逸だった。まぁ、デザインがいくら良くてもコーディングでの再現性が悪ければ、見た目がおかしくなるのは仕方ない。

見た目はAmazon.comに代表される、上部にタブのついたデザイン。なるほど、ショッピングサイトならば、ユーザの頭には、Amazonでの振る舞いとかがメンタルモデルとして形成されていると…むにゃむにゃ。そうか！オマージュだ！（w

いや、べつにここまではそんなに変じゃない。分かりやすいし、わりときれいだし。ただ、ロゴの位置と、右上のメニューの位置関係が気持ち悪いけど。

さて、上部のタブをクリックすると、コーナーによって色が変わる。悪くない。各コーナー一色＋黄色で展開していますよ、と。しかし、読みづらい色多いな。アダルトのコーナーはピンク色だ（爆）。お知らせスペース（？）の画像を作る人は毎回全色作るんだろうな、大変だな。

ヘッダから下はなんかおかしい。いろいろな所の空きが気持ち悪い。コーディングのせいかもだけれど、明らかにアキすぎている、一貫性がない、美しくない。項目間のアキをとっているわりに、文字の行間は狭い。

サイズは、800×600（SVGA）に収めようとしている※らしいが、はみ出た。かなり崩れている。肝心の“余白”も美しいとは言い難い余白に成り下がっている。
※昨今、SVGAでWEBを閲覧しているのは全体の10%くらいらしいが、サイトの性格上は適当な設定かも。

余白をとったために、ページが縦に異常に長い。SVGAを基準にすると、11ページぶんくらいある。これは多すぎるだろう（Amazon.co.jpは5ページぶんくらい）。

左側の商品カテゴリは、上部のタブと内容がかぶっているし、並びが違うし、ラベリングが違うしで分かりづらい。「写真を載せて、より探しやすくしよう」という意図かもしれないが、スクロールをしなければならないのと相まって混乱は最高潮。この商品カテゴリメニューを削除して、さらに下にある「おすすめカテゴリ」を「商品カテゴリ」としてこの位置に持ってくる方が良いだろう。必要ならば写真もつければいいし。

ロールオーバーで色が変わるとか、そういうにも一貫性がない。見た目の印象は同じようなリンクなのに、場所によってはロールオーバーに反応したりする（絞り込みの所ね）。何じゃこりゃ。

罫線で商品を区切っている所があったり、単に余白で区切っているところがあったりと、これまた一貫性がない。

タブをクリックした先のページは、まず赤い文字が読みづらい。何で全ページ赤いの？各ページに割り当てられた色にするのが普通じゃね？文字も小さいし。違う意図かもしれないけど、目立たせるために赤くするというのは基本的に間違った考え方だと強く言いたい。目立つというのは単に進出色・興奮色とか言われる赤系の色を使えばいいかと言うと…むにゃむにゃ。赤は意外と明度が高いからな。黒沢映画だと血は黒だけど。

今思いついたけれど、トップページだけディレクションして、あとはPCサクセスのデザイナーとか、元々デザインしてたデザイナーとかに丸投げだな。これ。

他にもいろいろあったけど、もういいや。言い過ぎな気がするし。
いいところは、タブをクリックすると、ロゴの色まで変わるというチャレンジングな所と、アダルトがピンクな所w

さいごに、一番の苦笑のしどころだった、バナー（？）。数字小っさ！w。

Safari 2.0.4、Firefox1.5(Mac)で閲覧しました。

通販ならPCサクセス(PC-SUCCESS)