以下とは？/ キャッシュワン
[ 147] mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com
[引用サイト] http://www.akiyan.com/blog/archives/2006/02/mixi800px.html
|
mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地がある。ブラウザでサイドバーサイドバーを活用しているユーザーのことを考えてみたことがあるかい？IEでお気に入りをサイドバーに配置している人は相当数いるだろう。以下がその様子だ。 「じゃあ一体どれくらいの人がサイドバーを出しているというんだ？」という声が聞こえてくる。サイドバーだけの問題ではない。ブラウザを全画面表示にせずに、縮めて使っているユーザーもいる。そしてこれについて私は確かなデータを持っている。BROWSIZE.ORGでのアクセス解析の結果だ。それもクライアントのディスプレイ全体の解像度の集計結果ではなく、レンダリングエリアの横幅の集計結果だ。驚くべき事に、およそ25%のユーザーが800px以下でレンダリングしていた。860px以下まで対象を広げればその割合は40%にまでのぼる。私のサイトは800pxで横スクロール無しで表示できるので傾向としてこの結果が出やすいともいえるが、ブラウザの横幅なんてサイトによってそうやすやすと変えるものでもない。ということは、かなりの割合のユーザーのレンダリングエリアの横幅は800px以下だといえる。ポータルサイトの多くが800x600の解像度のディスプレイでも横スクロール無しに閲覧できるのは、単に古いディスプレイを使っている人を救うためではない。ユーザーはどんなに高い解像度のディスプレイでもブラウザの横幅はたいして広げないことを、ポータルサイトは知っているからだと思う。 私の理想は、横幅800pxのウィンドウでもスクロールバーが現れず、かつブラウザを広げたときにブラウザにあわせて見栄えが広がってくれるようなサイトだ。広げすぎて表示が崩れることもあるだろうが、あまり気にしなくていい。広すぎる幅でブラウジングしているユーザーの割合はとても少なく、ユーザーは普段から自分が使いやすい幅に調整することは進んででもやるからだ。だが、横スクロールバーが出現してそれを「させられる」のは大嫌いなんだ。人はむりやり強制されることは何であっても嫌だからだ。 以上のことから、「横スクロールが発生しない限界を800px以下にすべき」という結論が導き出される。多くのユーザーに利用されるウェブサイトの制作に関わる方々はこのことを深く受け止めて欲しい。私は今回のmixiのデザイン変更にはかなりがっかりした。mixiを使うたびに不格好に途切れたページを見なければならないからだ。このような事はまた起きてほしくないので、私自身のためにもこのことを広く啓蒙していきたいと思っている。 私が思う横スクロールがいけない点は第一に、マウスのホイールが横スクロールには対応していないという点ですね。 ブラウザのスクロールバーで縦スクロールを操作することよりも、マウスホイールで縦スクロールを操作する事の方が圧倒的に多いです。 そこまで毛嫌いする方が、レイアウトを異常に気にするIE表示限定を宣言しているようなサイトと同じような疎外感を感じます。 横スクロールも縦スクロールもするべきではないでポータルは400x400に収まるようにデザインすべきだ。 ところで「ウェブサイトの最小横幅」という表現ですが、「最大横幅」（横幅の最大値）ではないでしょうか？ （あるいは「（サイトを横にはみ出すことなく表示させるために要求される）ウィンドウの最小横幅（横幅の最小値）」でしょうが、ウィンドウの幅はユーザーが勝手に決めるという意図ですからこの表現は誤解を招きますね。） デザインの本を見ますと，(数字は本によってばらつきがありますが)横書き印刷物の1行あたり文字数は25?35文字にすると，横方向の視線移動量の点で好ましい．などとあったような気がします．たぶん，横方向の視線移動量が大きくなると，無意識に首を僅かに往復させる運動をしてしまってストレスになるからじゃないかと思うのですが． HTMLだと，あまりそういう方向からの仕様は決まってないし，一概に決めるべきでもないと思うのですが，やはり生理的に横長文は読み難く感じることは事実だと思いますので，間接的に文字数をコントロールする意味で，あまり横幅を広げないデザインの方が可読性は高いんじゃないかな．とは思います． メモリーカードリーダーが2GBのメモリに対応していなくてもファームアップデートでなんとかなるかもしれない |
キャッシュワンのローンサイト、 キャッシュワンの女性キャッシングサイトのお得な情報、 キャッシュワンの即日キャッシング最新情報、 キャッシュワンのウラ情報など、 キャッシュワンに関することの総合申込みサイト。
