Webデザインコミュの私のWebサイトどこに問題がありますか？

初めまして。
私はゲーム関係のWebサイトを運営しているものです。
ターゲット層は10～20代を対象に制作し10/1で3年が経ちました。
実は自分の制作したWebサイトに自信が持てないというか満足できずに困っているので見ていただけないでしょうか？
情報サイトはデザインというよりコンテンツの量やきちんと整理されているかのほうが大事なのですが、中途半端な気がしてならないです。

今後勉強していかなければならない分野、
サイトの問題点など自分ではなかなか分からないためアドバイスください。

コメント(29)

最初
全て
最新の40件

[1] mixiユーザー 10月03日 19:12

何を見たらいいのでしょうか…

[2] mixiユーザー 10月03日 19:16

url書くの忘れていました...
http://gamoora.jpです。
デザイン面、レイアウト構成の面でアドバイスいただけたら嬉しいです。

[5] mixiユーザー 10月03日 20:38

3の方と同じですが、一見して何のサイトなのか分かりにくいです。
ゲームソフトを売ってるのかな？と思ってしまいました。
バナーばかり画像で目立ってしまって、肝心なこのサイトの
コンテンツがまったく霞んでしまっていると思います。

コンテンツ部分に関しては、
情報が単純に時系列で羅列されているだけなので、
ユーザが自分の求める情報を探しにくい構造になってると思います。
トップページにハードごと、もしくはタイトルに偏りがあるなら
タイトルシリーズごと等にカテゴライズされた入り口があると、
探しやすいかなと思います。

デザイン的に言うと、見出し回りがキュッと詰まり過ぎているので、
もう少し見出しと本文の間にマージン取った方がおさまり良いと思います。

とりあえずそんな感じです。

[6] mixiユーザー 10月03日 21:53

見てみました。

他の人同様、何のサイトか瞬時に分からないのがまず一点。
それと、トップページが広告だらけなので、よくあるスパムブログのような印象を受けてしまいました。
あと、各ページ(eg.http://www.game.gamoora.jp/2009091201.html)ですが、更新情報より上に詳細情報が欲しい気もします。

[7] mixiユーザー 10月03日 22:01

○大和令武10/24有明さん
ヘッダーの広告の位置を変えてみるなどして高さを抑えることも検討してみます。
>幅200ピクセル前後かつfloat:leftをかけたボックスに画像つきで表示する
とあるのですがどのようなものでしょうか？
サンプルなどあればとても分かりやすいのですが...

○alt="ミサリニカ"さん、にゃんこ@DQ9さん
確かにパッと見て何のサイトか分かりませんね...汗
自分では考えたこともなかったので正直驚いています。
例えばゲームメーカーのサイトなら商品の画像などで表現できると思うのですが、
情報サイトではそのサイトの売りを画像化しにくい点に困ってしまいます。
大きなサイトを見ているとオンラインゲームの広告などで「ゲーム関係のサイトだな」と思わせていると考えていたのが間違いだったようですね...。
やはり画像ではなく文字で「ここは攻略サイトだ」と強調した方がいいのでしょうか？

[8] mixiユーザー 10月03日 23:04

まず、
1.同じジャンルのサイトを10ほど見て見ましょう
2.同じターゲット層のサイトを10ほど見てみましょう
そして
3.自分のサイトとのデザイン的違いを20ほどリストアップしてみましょう
それがスタート。
自分のサイトで気になる点を中心に、他のサイトを見ると
より実践的な部分で違いに気がつくと思います。

そしてそこを起点にして、ただの模倣ではなく、
自分なりのアレンジやオリジナリティを盛り込んでいけば良いのではないかと思います。
注意として、「ビジュアル的なパクリ」はしないように配慮しましょう。
模倣するのは「雰囲気作り」や、「イメージの伝え方」だけにして、
「ビジュアル」そのものは自分のものを出していきましょう。

提示されたサイトそのものに対する僕の感想としては
1.ターゲット層が好む全体の色味とはちょっと違う気がする
2.既出ですが、「このサイトが何についてのものなのか」が一目でわからない
3.キービジュアルが無いので視線が泳いでしまう。
4.「楽しみ」を演出する要素が少なく感じる
5.ターゲット層的に、テキストとイメージのバランスが、テキストに寄り過ぎてるように感じる

辛らつな言い方になるかもしれませんが、
具体的な改善点を見つける以前に、
「基礎デザイン」そのものの力をつけた方が早い気がします。

サイトの構成要素を
１.デザイン（見た目）
２.コンテンツ（中身）
3.ロジック（html/css/php等）
で考えると、1と２が不足気味かと思います。
一方、3は割と良さそうなので、場合によってはデザイナーのみ、
外部から招聘するという手もオプションとしてはありかもしれません。

超偉そうな感じになってしって申し訳ないですが、
まずはあせらずに
「このサイトは誰が、誰に、何を、どのように」
伝えるものなのかを考えていけば、
きっと良いものができると思います。

がんばってください！！

[9] mixiユーザー 10月04日 00:05

他の人と同じく何のサイトだかわかりにくいですね。

更新情報がどーんと場所取ってるけどトップに表示するのは最近の数件だけでいいのは？
どうしても全件見せたいなら別ページにて・・・

あと攻略？がメインのページだと思いますが何のタイトルの攻略があるのか？がトップでわかるようにしたらいかがでしょう？
10個ぐらいしかないからトップにすべてのせられますよね？
画像＋タイトル＋一言紹介ぐらい載せてもいい気がします。

今後攻略のコンテンツ数が増えてきた場合は全件載せずに人気のものだけトップでピックアップするとかでもいいですし・・・

あと余談ですがIE8で見るとレイアウトが崩れてる箇所が何箇所かありましたよ＾＾
このページの2段目の「○○について」の部分の左側が切れて○○の部分が何なのか読めないです。
たぶんCSSのミスかな？
http://www.game.gamoora.jp/

辛口コメントですが応援してますのでがんばってください！

[11] mixiユーザー 10月04日 02:17

とりあえず、同じ攻略でも「パチンコ」でググってみました。

http://www.success-m.com/
http://leo-navi.jp/index.html
http://www.p-kj.com/
http://www.ko-kouryaku.com/
http://www.pachinko-club.com/
http://mo-s.net/index.html

たとえば新着情報なら
http://www.ko-kouryaku.com/
このサイトの中央最下部にある「最新攻略ムービー」のように
画像付きで紹介するのもありなんじゃないかな。
それだけで「何を扱っているサイトなのか？」って部分に大きく前進すると思いますが。。。

[12] mixiユーザー 10月10日 13:04

おそらく「私はデザインより内容」とおっしゃるかも知れませんが、インパクトがないので、ページ開いてもすぐ閉じてしまうと思います。
タイトルの"css/img/Gamoora.jp.png"、工夫が必要かなと思います。
大きく、ゲームっぽい画像等を背景にして「Gamoora」のロゴを配置する、とか。
簡単でいいと思います。
そして、advertisementのdivは削除したほうがいいと思います。
少なくとも本文のほうへ移動するとかして、タイトルのエリアにはタイトルのみにしたほうがいいと思います。

『広告が気になって、他のリンクもクリックしづらい雰囲気です。』

的外れでしょうか？
以上、とりあえず私の意見でした。

[13] mixiユーザー 10月10日 15:15

トップが「最新情報」と「更新履歴」だけなのでインパクトが弱いです。

各ゲームの攻略ページへの入り口を用意したほうがよいと思います。
現状広告に目がいってしまうので、それ以上に目立つ入り口が必要です。
サムネイルプラスアルファの見せ方が必要でしょう。

[15] mixiユーザー 10月10日 18:23

ダメ出しってつらいですね。
頑張ってください。
kakeruさんとおなじような内容ですが、導線を意識してますか？
どんなキーワードでサイトにアクセスがあるのか良く分からないのですが、そのキーワードでサイトに訪れた人に対して、どこにアクセスを流したいのかを大きなアイコン（画像）や、小学生でも分かり易い直感的なコピーを使って目的のページに誘導してあげることを意識すると良いのではないでしょうか？
また、「当サイトについて」のwiiのゲームに特化しているという文章は、トップの目立つ位置に移動するべきです。
wiiに特化しているのなら、そのことをもっと沢山の人にコマーシャルする必要があります。（wii本体の画像もあって然るべきのように思えます。）

サイトデザインに正解はないし、他人のことならなんとでも言えます。
あまり他人の意見を入れすぎて、サイトの目的自体がうやむやになってしまうのは、わたしのクライアントに共通している事象です。（笑）

[16] mixiユーザー 11月28日 11:43

適切なアドバイスありがとうございます。
いただいたアドバイスは年末のリニューアルの際の参考にしたいと考え、
現在制作しております。
http://web1.kcn.jp/hiromichi_com/gamoora.jp/
にアップしているのですが悪かった点は改善されているでしょうか？

またヘッダーのロゴと広告をフロートさせたのですが、
グローバルナビゲーションの『攻略タイトル一覧』の右に隙間ができてしまいました。
いろいろ試しているのですが全く見当が付きません＞＜
文法は適切に書けているはずなのでますますわかりません...。
フロートのやり方が適切ではないのでしょうか？
分かる方、教えてくださいm(_ _)m

[17] mixiユーザー 11月28日 13:31

はじめまして。攻略で検索してこのサイトにたどり着けばまずは自分の見たい情報を探すと思います。
サイト内検索を見つけやすいところへ置き、「検索エンジン」ではなく「攻略タイトル検索」とか「タイトル検索」にした方がいいように思います。

ほんとですね。safariでは「攻略タイトル一」で改行されているように見えます。

[20] mixiユーザー 11月28日 21:00

http://mixi.jp/view_bbs.pl?id=48463670&comment_count=0&comm_id=12646
↑
こちらにもマルチ投稿してるみたいですが、アフィリエイトの宣伝か何かですか？

[21] mixiユーザー 12月13日 00:36

皆様、親切に回答してくださりありがとうございます。
頂いた意見を参考にサイトリニューアルの参考にしようと思っています。
とても考えさせられる内容が多くとても勉強になりました。
またお礼が遅くなったこと、お詫びします。

>shimippyさん
すいません...。
>>16の内容を新トピックで立てた際に重複したこちらの内容を削除していなかったようです。
現在は指摘していただいたトピックは削除しております。
以後、気をつけます。

[23] mixiユーザー 01月21日 20:49

はじめまして！ここで質問していいのかわからないのですが･･･
思い切って質問しちゃいます。
社内に携帯サイトを作れる人が誰もいなくて
期間限定の商用サイトを作ってるのですが私も知識が浅はかでして･･･
どなたかのお力添えを！と祈る気持ちで書き込みます。

メモ帳とDreamweaverCS4（主にタグうち）で携帯サイトを作っているのですが
フリーのCGIも利用してメールフォームみたいのも作ってます。
ソフトバンクとAUでは、そのメールフォームからの応募はできたのですが
なぜかドコモのみSPAM ERRORと出ます･･･。
２つのドコモの携帯で試してみたのですが、両方ともそうなりました。
何か、ドコモだけ特別なのかな？と思ったのですが･･･
ドコモに電話しても、当社はサポートしかねますと。
何かヒントになるようなことでもいいので、お力添えをいただければと思います。
↓これです。
http://www.suitemobile.net/mitsuuroko-aqua/

このurlが入ったＱＲを掲載したＤＭハガキが
明日、印刷しないといけなくてあせってます・・・汗
よろしくお願いいたします＞＜

[24] mixiユーザー 01月21日 21:52

>>23
正確なことは分かりませんが、
おそらくそのCGIがdocomoをSPAM扱いするように設定されているのでは無いでしょうか？
もしくは元々docomoでアクセスすることを想定していないCGIとかそういう可能性もありますね。

[25] mixiユーザー 01月22日 01:15

＞８子さん
どうも。３キャリ対応ケータイサイト作っている者です。
ドコモだけ○○できない！って、結構多いですよね

例ですが、ページ間でセッション管理している場合は、ドコモだけURLのパラメータにセッションIDを埋め込まなくてはいけないみたいです。（クッキーに対応していないので）これはドコモの仕様で、それが関係しているのかなぁと思ったのですが、ちょっと違うかな…
もしPHPが書けるのであれば、PHPで書いちゃったほうが早いと思いました。

[26] mixiユーザー 01月22日 02:28

携帯のフォームは色々と怪しいことがありますね。
メールフォームのプログラムはフリーのものを使われたのですね。
なかなか他人が書いたものを直すのは大変だったりしますので、私ならこのプログラムには諦めをつけて他のプログラムを当たりますかね。
ただ、商用フリーとなると結構少ないですよね。夢幻辺りで探してみてはどうでしょう。

あと3キャリアの携帯での動作を確認したことが無いのですが、下記の商用フリーのメールフォームは3キャリ対応などというサンプルがあるので動くのではないかと思っているのですが。

http://pgd.jp/cgiscript.html

会社に携帯で動作確認済みのものがあれば一番いいんですけれどね。今後の事も考えてこの機会に作るか探すかしてみてはどうでしょう。

[27] mixiユーザー 01月22日 10:55

＞kakeruさん、nyaokiさん、のヴぉさん

アドバイスありがとうございます！！
昨日はあきらめて帰ってしまったので、これから必死こいてやるところです。
なるほどー。CGIに問題がありそうですね。
使ってるCGIは↓ここのだったのですが
http://www.synck.com/index.html
どうやら携帯には対応してないとのことでした。

PHPわからないので･･･まずはCGIを別のものに変えてみます。。。あぁ；；
ドコモだけ○○できないっていうの、確かに多いかも；；

[28] mixiユーザー 01月22日 11:50

CGI別のに変えてもダメでした；；
ダメというか、私の知識の無さかもですが･･･。

初のPHPにチャレンジしてみます！！
なんだかここが良さそうかなと思いまして♪
http://www.keitai-site.net/php/mailform_php/

あぁ･･･。
午後が勝負です（・ω・）ｂ

[29] mixiユーザー 02月03日 10:36

結局、空メール応募でにげちゃいました。。。
PHPも勉強しておきたいなぁと思った仕事でした。
皆様、アドバイスありがとうございました