どちらの方が見やすく、信用力が高く感じますか？

質問

http://matsu.tm.land.to/
上記サイトのA案とB案。

どちらの方が見やすく、そしてサイトの信用力が高く感じますか？

内容は同じ文章で、最新情報を表すものです。

よろしければその理由もご記入願います。

回答No.1

noname#12282 · ベストアンサー

Aはなぜこんなにぼやけてるの？うちのパソコンがおかしい？
目がおかしくなってくるので読む気が起こらない。

ということでBです

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.11

masonosu

明らかにBです。
理由は大体今までの方が答えられていると思いますが。
最新情報という事は、相手に伝える為の文章ですから、見やすくなければ意味がありません。
Aの場合、そのサイトについてそこまで重要視していない方でしたら、見難くて読まずにとばしてしまうと思われます。

ただ最新情報というタイトルは目立った方が良い間も知れません。
自分としてはshinobさんと同じ考えで、タイトルのみ画像（ただしドロップシャドウをもう少し薄く）で文章がテキストであると見栄えが良くなるかと思います。文章がテキストであれば後の更新もしやすいので。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.10

quads

■構成上の問題。
内容がテキストである以上、画像を利用することは様々な面で不適切です。

img要素で呼び出される画像は、そもそも図やイラストなど、画像として情報を表現することを目的とされている。といった感じです。

デザインや装飾的なことに使うのであれば背景として使えばいいのです。しかし、例えば、特殊なフォントで画像として表示させることでブラウザやフォントに依存せずに表現することが出来ますが、本来の扱い方からすれば不適切です。

そういう意味で、画像でなくてはならない必要、画像の方が適している（グラフなど）という場合以外は、画像の濫用は避けたほうが良いです。

■実際の問題。
上記の通り、タイトルの一部を画像化する。というのはアリです。また、alt属性値にその文面を入れればアクセシビリティ上も問題ないと思われます。
が、今回のような所謂、文章全体。を画像化してしまうのは、一般的には不適切であり好ましくありません。
例外として、例えば隠しページが云々とか、情報を態と伝えにくくする。という理由で使われることはあるかもしれませんが、それはそれです。

既に仰られていますが、コピペしたいときにコピーできなかったり、フォントサイズの変更やユーザスタイルシートによる操作に対応できません。
その面でも、ユーザビリティ上不適切でしょう。

■デザイン的に。
HTML構文とか実質問題は考えなくとも（＝印刷物として使うなど）、こんな影の付け方では見にくいです。
太字部分が潰れていたり、文字が装飾に対して小さかったり、視覚的に色の相対性が悪いという印象を受けます。

上記のような内容から、相対的にＡよりＢの方が良い。という考えになります。

この2つのうち、
見やすいのは、デザイン的な問題から比較した結果Ｂ。
サイトの信用力は、構成上の不適切さから、比較した結果Ｂが高い。

と考えられます。

ただ、提示されたページはWeb標準の面から評価しても非常に悪い印象を受けます。
サイトの信用力が気になるというのなら、表現方法よりHTMLに於ける文法云々を理解した方が良いでしょう。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.9

ao_

理由を付けるのは難しいですが、私は直感的にB案ですね。
ユーザーはなぜそのデザインなのかという説明は受けません。全て直感的に感じると思うんで、私も理由は付けずに答えただけです。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.8

shinob

見やすいということで、Bです。
サイトの信頼力というのは見やすい事とは別問題のような気がしますし、これだけの情報では判断不可能だと思います。

ただ、A案についても「最新情報」のみに影をつけるだけなら、本文は読みやすくなるでしょう。
余計な提案かもしれませんが、「最新情報」の文字はA案の画像を使って、本文をB案のようなテキストとしてみると良いのではないでしょうか。ただ、影はもう少し薄くした方がいいかもしれません。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.7

taseki

私もＢが良いと思いますが、私の環境は背景色を変更しているので（背景が白ではない）、とても見られたものではないです。万が一Ａにするとしても、その点の留意を。
信用力っていうのが何を指すのかわかりませんが、読まれなければ信頼性も何もないかと思います。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.6

CGI_PERL

B案の方が見やすいです。

画像だと読みにくいし内容をメモ帳にコピペして貼り付けることもできません。
アクセスしてきた人の立場で考えてみてください。
自己満足を押し付けると誰も来ないサイトになりますよ。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.5

Interest

私もＢ。　Ａは読みづらい。読む人の立場で作ってください。

ついでに言えば、日付が文章に埋没するといつの情報かわかりにくいので、表を使って日付と文章の列を分けてはいかがでしょうか。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.4

meru55

私もBの方が見やすいのでいいと思います。

Ａのように文字に影を入れるののではなくて、
Ｂの「最新情報」の背景に楕円の囲みや、四角い囲みを入れて、
それを立体化するとか、目立つポイントを絞ったほうが、効果的かもしれません。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.3

xeno-rd

Bの方が読みやすいですね。
Aはブラウザで画像を表示しない設定にしていたらそもそも見えません。

ただ、どちらの案も最新情報を表すものとしてはインパクトに欠けるような気がします。
最新情報ですからサイトのトップなどに置くか、見出しにリンクを張るのだと思いますが、そのようなことも考えた上で、レイアウトにあわせて工夫したほうが良いでしょう。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。

回答No.2

noname#24401

B
単純に見やすいから。
かといって、これだけで信用を得られるわけではない。

Aのように画像を使う必要性無し、見づらい、重い。却下。

お礼

ご回答、ありがとうございます。
今後のページ作りの参考にさせて頂きます。
ポイントについては回答順で付けさせて頂きました。