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

Advice

徳保隆夫の発言集04

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

REPLE

[2002.03.21]

スタイルシートONでないと見られないか?

それはないですよ。テーブルレイアウトですから、多少は装飾が落ちますが、CSSがOFFだとしてもスクロールバーとリンクの下線、フォント回りの指定が解除されるだけです。

ついでに私の感想など。

私は小さ目の文字が好きなので、いつもブラウザの設定で文字サイズを最小(または75%)にしています。なので、最初からあまりに小さな文字サイズを指定されると、困ってしまいます。文字サイズの設定が最小のままでは読めないからです。私は、文字サイズの好みは閲覧者が選べるのがよいと思います。サイト作成者の側で極端に大小を決められてしまうと、閲覧者にとって不便だからです。目の悪い人は大きい字で、スクロールの嫌いな人は小さな字で読む、それを自由に決められるのがサイトのいいところではないでしょうか。多少の大小はOKですが、最小設定で文字が「読めない」のはいき過ぎではないかと思うのです。

デザインは全体的にきれいにまとまっていますね。とてもよいと思います。ソワカリングからHomeへ戻るリンクを直していただければ、後はほとんど気になりませんでした。ところで、自動で飛ぶなんていうのは簡単なことなので、サービスとしてそういう仕組みも用意しておくべきだと思います。

=brand=

[2002.03.21]

ドメインは有料です

タダで何でも済まそうという事であれば、広告付の仮想ドメインで我慢する他ありません。現状をみますと、とりあえずURI転送サービスは有効に活用されていないようです。何せ転送に時間がかかるサービスを選択されているので、私が常連なら表紙ではなく転送後のページにブックマークをします。そもそも転送URIにしてはアドレスが長いというのも問題ですね……。

デザインは他の方もおっしゃっているとおり、はっきりした画像に直接文字を乗っけているのが読みにくいですね。雑誌の場合は文字の周囲に処理をして読みやすくしていたりしますが、Webではそういうことができない(あるいは困難)ので、注意しなければなりません。

また、タイプライターと呼ばれる小技を使っていらっしゃいますが、ページ全体をタイプライターで表示させるのはやめた方がよいでしょう。読む方がスピードが速いため、表示を待つことになり、イライラさせられます。あくまでもワンポイントとして用いるのが定石です。

最後に、メニューの画像には代替文字列を指定しておきましょう。画像のダウンロードが失敗した場合、あるいは画像OFFで閲覧している場合、画像のダウンロードが完了する前にリンクをクリックしたい場合など、代替文字列が適切に指定されていれば問題なく閲覧が可能となります。

ドメインは必要か

自分のドメインをとるとやはりいいのでしょうか? 人に聞くと別にいらないんじゃない?とか言われるので

この件では、ヒロフミさんの意見に納得。なるほどと思いました。逆にいって、私のようにそこまで本気じゃありませんという人間はドメインなんてとらないでもいいやー、と。そんな私もサーバーだけは、引越しを見越してプロバイダのおまけではなく有料レンタルを利用していますけれども。(自分の好きなサイトが、引越によるプロバイダ契約解除を理由に閉鎖するのが悔しかったのです。それで自分はそうならないようにと。まあそれほどの価値のあるサイトかどうかはともかく……)

ヒロフミさんの意見

横からすみません。ドメイン取られるんですか? 実は僕もドメインの取得を考えています。というのも、今年から本格的にWEBに取り組もうと思ったからです。(サーバーをレンタルするついでにというコトもありますけど・・・。)

でも、ドメイン取得に迷いもありました。本当にドメインが必要なのだろうかと・・・。しかし、ドメインを取得する事で、なんと言いますか「自分を追い込む」みたいな後には退けないような環境を作ろうと思いまして。半端な気持ちじゃないんだと。まあ、ちょっと大袈裟ですけどね。

実際は、これからWEBの延長で様々なデザインに関わっていこうと考えるとドメインがあったら便利かなあぐらいの気持ちです。.comや.orgなんかだとランニングコストも安いしね。

*Pop Crown*

[2002.03.23]

多数派の需要を押えるなら

リサイズは人気が無いので、ほとんどの方にとっては入り口ページは無駄です。私なら、次のページにブックマークします。

多数派の需要を押さえるとすれば、入り口を廃止して、次のページを表紙とし、リサイズボタンはその中におくという方法があります。つまり、リサイズしない表紙を標準設定にして、リサイズしてもいいという人だけがリサイズボタンをクリックするようにするということです。

補記:

現在では完全にリニューアルされて、アドバイス時のデザインは跡形もありません。

エロキューション

[2002.03.21/04.03]

2002.03.21

NN4.XではTextが読めないという投稿を読んで、「NN4.X はタイトル属性に対応していないということでしょうか……NN6 はバッチリなんですが」なんてことを思いつつ、実際に試して見ますと、NN4.7はTextをクリックすると3つの小見出しを表示する機能そのものを使えないんですね。ですから、Textを全然読むことができないわけです。

私はIE6で閲覧する場合にも、あのような仕組みは面倒だと感じていましたが、やはり3つの小見出しは最初から表示させておく方がよいのではないでしょうか。少しインデントさえとれば、とくに困ることはないだろうと思うのですが……。

サイト全体を統一感のあるデザインでまとめられており、春らしい爽やかさと落ち着いた雰囲気がありますね。自作の素材はよくはまっているようです。

「HTML」のページはまだ掲示板のみですから、今後の展開が待たれるところではありますが、えー、しょっぱなから大間違いがあるので先が思いやられるというのが正直なところです。「〜が順番に入ってないと、全く表示されないブラウザもかなりあるので注意」これは間違いです。じつは、ほとんどのホームページ作成講座系サイトが間違っているんです。W3Cという団体がWebのルールを勧告という形で仕様として発表しているのですが、じつはその中に先の引用部分のようなことは書いてありません。実際に書いてあるのは、<html><head><body>はいずれも出現位置が決まっているので、記述を省略できる、ということなんです。この件は、おそらくご存じなかったかと思います。けれども真実はそうなのです。

デザインとは関係ない話ですが、おそらく「HTML」は、素人が間違った知識を教えあうコーナーになるのだろうな、と思いました。

「TEXT」のコーナーですが、基本的に文章が読みやすいデザインになっていますね。ただし気になることもいくつかあります。

まず一行ごとに改行を入れていること。これはブラウザの横幅をどんどん狭くしていったときに、まずいことになります。また、ふつうに本を読みなれている私には、行末がでこぼこしているのは読みづらく感じます。また、縦スクロールが増えることも問題でしょうか。

次に、最初「TEXT」の上へカーソルを置いたときにカーソルの形状が変化しなかったので、工事中と勘違いしたこと。

そして「深層心理」のコーナーで、小さな四角にわざわざカーソルを合わせないと題名がわからなくなっているのはいかがなものでしょうか。見た目にかわいいのは事実ですが、アクセシビリティーの低下は免れません。

最後に、サイト全体について気になることなど。

ブラウザの横幅を縮めていくと、目次が表示崩れを起こします。対策は簡単です。目次部のフレーム幅および文字サイズを固定すればよいのです。逆に本文の文字サイズは固定しない方がよいはずです。目の弱い人は、健常者よりも大きな文字にして読みたいですし、逆に目のいい人は文字を小さくしてスクロールを減らしたいわけです。そういったことに対応するためにも、一行ごとの改行はよした方がいいわけです。

また、HTMLのルールにしたがうなら、背景以外の画像には必ず代替文字列を指定する必要があります。

デザイン的な完成度の高いサイトなので、細かい点ばかり意見させていただきました。

2002.04.03

よく整ったデザインで、とてもきれいですね。たしかにベースの青がよく考えられていて、鮮やかでありながら(私には)まぶしくありませんし、便箋風に用いられた罫線やポイントとなっている白い文字もすっきりはまっています。

気になる点としてはやはり全体のデザインでしょうか。800×600程度で最もきれいに見えるのですが、それ以上のサイズになった場合に、ページが左側と右側に分割されてバラバラになってしまうのが少々残念です。左側フレームの内部は、右寄せにされてはいかがでしょうか。そうすれば、左寄せになっている右側とともに、擬似的に中央寄せを実現でき、デザインの「崩れ」が消えるはずです。

2002.07.14

3点、改善してあります。以下の優先順位で改善してあります。

  1. 画像をいじりました。
  2. HTMLとCSSの文法違反を一部だけ修正しました。
  3. 一部、配色を変えました。

ところで、修正案作成の前にメールでご連絡しようと思ったのですが、どこにも載っていないので困りました。連絡先を用意した方がよいと思います。

FRUTY LIPS

[2002.04.03]

デザインなど

小窓が開いた先のデザインは、コンテンツもよく整理されていますし、扱っている素材との対応も取れた、かわいい、よくできたものではないでしょうか。改善すべきなのは、その前の部分がまず最初だろうと思いました。(ただしITEMの表紙の最後で「こちらからどうぞ〜」の「こちら」にリンクの下線がないのは非常にわかりにくいので、そこだけはできたら直されてはいかがでしょうか)

表紙がまぶしいことが気になります。新規ウィンドウが小さいということもあり、延々とまぶしい表紙が視界の大半を占めるのはあまりよろしくないように思います。

なお、私はあまり小窓が好きではありません。小窓が嫌いな人や、セキュリティーなどの観点からJavaScriptを切っている人向けに、小窓を開かないリンクも用意されてはいかがでしょうか。個人的には、例えばインラインフレームといった方法でページの中央に配置するのがスマートなように思います。(その場合、フレームの外側は無地背景)