レビューブロガーによるレビューブログ：WADA-blog（わだぶろぐ）

私のディスプレイは1024×768ですけど、実際は800×600程度しか見えない環境です。

http://www.uka-blog.com/display.gif

左側にブックマークを表示しっぱなしにしてるのって少数派なのかもしれないですが、一応ご参考まで＾＾；

投稿者: うか (2007/08/16 14:35:43)

解像度が高い人でも、全画面でブラウザを開いているとは限りませんね。

1680x1050のワイド画面でもブラウザは半分にしていたり。

Alertbox曰く
http://www.usability.gr.jp/alertbox/20060731_screen_resolution.html
>ウェブページは 1024 × 768 に最適化するべきだが、
>800 × 600 から 1280 × 1024 までの幅広い解像度に
>対応できるリキッド・レイアウトを使おう。

投稿者: y-Aki (2007/08/16 15:04:19)

うかさん、
そうですよね・・・全画面でもそういう形で使ってる人も多いから、やはりコンパクト目にしておかないとだめですね。
それにしても、うかさん、1024×768ですか？職場？
なんとなく、すごいディスプレイを使っている印象がありました。

y-Akiさん、
ほんとそうですよね。。。そしてこのURLありがとうございます！こういうのを昨晩、悩みながらずっと探していました。リキッドレイアウト推奨ですよね。こういう風にかっちり固めてしまうのはよくないと思いつつ、なんかうまくまとめられなくて、固定にしてしまっています。
もう一段階リニューアルする際には、このあたりも考えてみたいと思います。

投稿者: わだ (2007/08/16 16:22:42)

はじめまして！
今の構成、標準的ですが見やすくて好きです。
ブラウザ全画面表示にはしないので横800ぐらいがいいなと思いつつ自分でデザインしようとするとどんどん横に広くなって悩んじゃいます。

・3072x768
　これはたぶん1024x768ディスプレイを3画面使ってる場合だと思いますよ。800x5000は謎ですね。

投稿者: myaguchi (2007/08/16 18:17:29)

リニューアルおめでとうございます。
拝見していると、もう少し手を入れる余地がありそうですね。

ところで解像度の件、私の職場がそうなんですけど、
＞　1024×768
って、A4 ノートPCの標準的な画面サイズです。

わださんのブログを見ているマーケティング担当者って外出も多いでしょうから、ノートPCユーザーの確率が高いかと思われます。上記数値にはそういう方のアクセスがかなりの割合で含まれるかと。

投稿者: kuroyagi (2007/08/16 18:26:08)

デザインの現場から申しますと
680ピクセルで中央フロート配置
というのが流行っています。

一応参考までに。

投稿者: tomono (2007/08/16 19:07:46)

リニューアルお疲れさまです。ラベンダーの写真がとっても素敵です。

こんなことを考えている人もいるということで書いてみちゃうのですが、私が横幅などを考えるとき、

・一行に何文字くらいが読みやすいか
・文字の大きさと一行の文字数のバランス
・何カラムのとき人はどこに一番注目するか、自分は何を一番見てほしいか

という人視点をまず考えたりします。
もちろん考慮されていると思うので、何ともお節介で恥ずかしいのですが。

ＯＬをしていた時の上司がいつも「パソコンに使われるな、人視点で考えろ」という人だったので、染みついているんです。すっかり、上司の口癖がうつってます。

それにしても、皆さん大きいディスプレイを使っているんですね。一覧表を見てびっくりでした。

投稿者: のらり (2007/08/17 6:41:09)

myaguchiさん、
そうなんです、ついあれもこれも載せたくなってしまうんです。欲張りなのはわかりつつ。
> ・3072x768
> これはたぶん1024x768ディスプレイを3画面使ってる場合だと思いますよ。
ああ、確かにそうですね！！！
マルチディスプレイにすれば、ブラウザで相当横長に見ることができるんですね。
ちょっとすっきりしました。

kuroyagiさん、
しばらくは、ちょこちょこ手直し作業で、仕事が中断されてしまいそうです。そしてそうですね、ノート派多いですもんね。かくいう自分も、ちょっと前までLet's Note Rシリーズがメインマシンだったので、外出時はそのサイズでした（自宅ではディスプレイ外付け）

tomonoさん、
あ、そういう情報貴重です！
680ピクセルというのは、割とスリムですよね。でも確かに見易さという点では、その幅の中できちんとコンパクトに情報整理して、きちんと目の動きを考えた作りにするってことなのかも・・・と思っちゃいました（流行ってる理由はまた別にちゃんとした理由があるのかもしれませんが）。

のらりさん、
ラベンダー写真は、先月富良野で撮影したものです。
さすがですね。参考になります。
人視点大切ですよね。
私にとって、記事スペースの今のこの幅と文字数が、文字を読むのに一番適しているのですが、ひとつ悩んでいるのが文字の大きさです。もう少し大きい方が読みやすいのかどうか。文字を大きくすると、多少幅も広げて、一行あたりの文字数を今と同じくらいに保ちたいので、そうなると幅も広がってくる。
なかなか難しいですよね、最適な解を求めるのって。

投稿者: わだ (2007/08/17 9:39:13)

MTを勉強、自分なりの新しいテンプレートを模索中なので、こちらのコメントは勉強になります。

floatタグを使うまでは、ずっとリキッド・レイアウトでサイトを作成していました。
しかし、floatタグは固定サイズでないと、サイドバーが落ちるなどのトラブルがあるというので、涙をのんで、いまは固定サイズにしているのですが…
そろそろ世の中、変わったのかなあ？

わたしのサイトには、いまだ、ネスケでフォント指定をすると、フォント指定後のスタイルシートを一切読んでもらえなかった時代の、ブラウザ判断して、スタイルシート2種類用意スタイルのところがあります。

こういう変化を追っていくのは、ほんと大変ですね。
以前はニフティで情報交換していたのですが、いまはみなさん、こういう情報をどこで交換しているのでしょう？

http://www.usability.gr.jp/
サイトデザインのたびに、こちらのサイトを見つつ、「それを実現するには具体的にはどうすれば？」と悩むことが多いです。

投稿者: 森田慶子 (2007/08/17 21:47:07)

森田慶子さん、
> しかし、floatタグは固定サイズでないと、サイドバーが落ちるなど
そういうこともあるんですね。
私はまだ本当に駆け出しなので、いけないとわかりつつ、古いのも含めたブラウザ完全対応は諦めてしまっています。・・・といっても、特に凝ったことはしておらず、超ベーシックなスタイルシートしか使ってないので、そんなひどいことにはなってないと思うのですが。

http://www.usability.gr.jp/

今回、コメントで教えてもらって初めて知ったのですが、ここいいですね。自分も勉強したいと思います。

投稿者: わだ (2007/08/18 10:00:04)