Webサイトデザインアドバイス

Advice

徳保隆夫の発言集32

私は方々のサイト批評掲示板でいろいろ書き飛ばしています。その一部を収録。新旧いろいろ入り混じっています。場所もいろいろ。

SKY★STAR

[2002.08.09]

UA振分はCSSで

ケータイModeの方がデザインが派手というのはどういうことでしょうか……。携帯電話とPCで同じように楽しめるサイトを作ろうという意欲は買いますが、お勉強が少し足りないように思います。携帯電話でもふつうに見られるサイトを作るためには、たしかに美奈さんのように、サイトの構造を一直線にしなければなりません。しかし携帯電話とPCでは画面の横幅が全然違いますから、同じようなレイアウトでは間が持ちません。そこで、HTML文書は携帯電話にも対応したものとし、PCで見た場合のレイアウトはCSSで指定するというのが王道です。

現状への妥協

とはいうものの、現状を見る限りでは、当面は携帯サイトとPCサイトを全く別物として作成なさった方がよいのではないかと思います。お勉強には、まだしばらく時間がかかりそうですから。

レイアウトを改善する

PC向けのデザインは、だいたい縦の長さを3分の1にするよう心がけてみるとよいでしょう。単純に縦長が悪いといっているのではなくて、あまりにも「無意味に長い」のが気になるわけです。いろいろ考えた結果として長くなることはありえますが、ただ何となく長いのでは困るわけです。乱暴な議論ですが、まずは発想の転換が必要でしょう。最終的には、もっと長いけれども、かなり使い安いデザインが見つかるかもしれませんが、まずは、ということで。

一案
音楽を聞きたい方は
ここをクリック!!


ここをクリック!!


ここをクリック!!


ここをクリック!!


ここをクリック!!
合計14行
midi⇒[No.1][No.2][No.3][No.4]
わずか1行

タイトル未定

[2002.08.09]

サイトの構成を見直してはいかがでしょうか

面白いサイトですね。もしGIFアニメをメインでやっていくなら、最新5〜20作品程度は表紙にリンクと説明を置いてはどうでしょうか。表紙に馬鹿でかいイラストとわびしいコンテンツリストしかないのは、根本的にどうかと。現状ではサイトに目次は不要で、すぐにGIFアニメのリストがある方が便利なわけです。各種検索サイトのように、表紙だけでほぼ完結しているサイトを目指してみることをおすすめします。

表紙のレイアウトを思い切って整理することをお勧めします。大きな表紙画像は背景画像に使い、CSSで左下に固定します。で、空いた右側にGIFアニメリストを置き、感想を掲示板へどうぞ、とします。慣れない人のデザインは間延びするのが常です。コンパクトにまとめることをいつも考えることで、一定のレベルを実現できます。

余録:ある抗議への回答

[2002.08.09]

徳保へ消してください

徳保さん。前鑑定してもらってありがとうございます。でもアドレスとかは転載しないでくれませんか? それに掲示板のコメントを勝手に載せてよいのですか?

回答

私はメールアドレスを公開しています。私宛のご用件はメールにてどうぞ。

なお、鑑定でも繰り返し申し上げている通り、リンクは法的には「する側の自由」です。また、サイトを公開した以上は、批評の対象となることは覚悟するべきです。それはちょうど絵画展に出品した作品が、訪れた多勢の素人に勝手にいいの悪いのといわれるのと同様です。高校野球の選手が、プレーのひとつひとつを素人批評されるのと同様です。プロではなくとも、人に見えるところであれこれやれば、批評の対象とされるのです。リンクも自由、批評も自由というわけで、私の行為には問題がありません。

また、サイトへ転載しているのはすべて私自身の発言ですから、著作権上、何の問題も生じません。自分の雑誌連載の記事を自分の単行本にまとめるようなものです。

とはいうものの、サンドさんの仰る通り、サーバ業者はトラブルを嫌います。私は裁判をやってまで記事を守るつもりはありません。サーバ業者が安易な苦情処理のために記事を強制削除した場合、それ以上ごねることはしません。(ただし将来的には自宅サーバを立ち上げて、記事をすべて復活させる可能性があります)

リンクと法についての有名な参考資料など

ほしぞら

[2002.08.10]

gaiaxなのが残念

頑張っているなあ、という印象があります。よくこれだけやったなあと思います。全体的によくつくりこまれていますよね。gaiax系システムを体験した際に、あまりの制約の多さに一週間で音をあげた者としては正直、感心します。ただやはり、メニューフレームの窮屈さ、他サイトと十分に差別化をはかれない表紙のデザインなどに関しては、アドバイスに窮するところがあります。gaiaxにいる限り、改善したくてもできない部分があるものですから。

今すぐ直せそうなこととしては、まず青い背景に青い文字が読みやすいとは思えませんから、背景画像を変えるか文字色を変えるかするとよいでしょう。また、メニューにあるお知らせは、コンテンツ側に移動した方がよいでしょう。ただでさえメニューは窮屈な感じがするので、余計なものはできる限りコンテンツ側に置くべきではないでしょうか。

zyenradeli's WEBSITE

[2002.08.10]

これから先のことを考える

よく頑張っていますね。デザインもよく統一されていますし、更新も熱心なようです。結構いいんじゃないか、と思います。

でまあ、たいていこういったよいサイトを作っていらっしゃる方は、そのうちにgaiax系のシステムを離れていくわけで……。最初は簡単にサイトを作れていいだろうと思いますが、この先ちょっと何かやろうとすると非常に制約が大きいのがgaiax系システムの難点です。現状でだいたい満足できるなら、このまま更新していけばよいと思います。もっとああしたい、こうしたい、という希望がおありなら、サイトの移転を考える必要があるでしょう。(この辺はよく考えて決めてください)

移転の際には、日記のログや、掲示板を持っていくことをお忘れなく。掲示板はレンタルだからいいのですが、日記の方はちょっとログを整理する手間がかかります。いずれにせよ、移転をお考えになる場合には、HTMLのお勉強をはじめる必要があります。また、データのアップロードとかそういった知識も必要になります。

hp-design.netのbasicindex
初歩の知識の解説がていねいかつコンパクトにまとまっています。
はじめてのWebドキュメントづくり
HTMLの解説サイト/HTMLの解説は上記サイトより信頼できます。