カラム落ちの何が悪いのか

Question

最初にWebは初心者同然とお断りしておきます。
カラム落ちが問題視されているのを時々目にします。
ここでも数個下でカラム落ちの質問が出ていますね。

カラム落ちするのはユーザが画面を極端に小さくするからで、
それはユーザ側の自由（大きくもできる）なのだから
別にそんなに気にする必要がないのではないか。

商用サイトで上記のような考えは通じますでしょうか。
皆様のご意見をお伺いしたいと思います。

Chaire · Accepted Answer

「ユーザビリティ」という用語が既出ですが、ここでは「利用者がタスクを簡単に達成できるかの指標」と定義します。

最近はスマートフォンでのアクセスも増えていますが、スマートフォンの画面幅はせいぜい 600px です。もし段組サイトが、それ以上の大きさで固定幅にしているなら、利用者は目的の情報を探すために上下左右を探し回らねばなりません。

ここで「カラム落ち」させれば、利用者は上下を探すだけで済みます。ゆえにタスクの達成度が上がると予想できます（実際のサイトで観察してみるまでは、予想にすぎませんが）。

逆に。比較的十分なウィンドウ幅があるにもかかわらず、わずかに 2 カラム分の幅には足りないというだけで「カラム落ち」させたとします。すると不自然な空白が目立ち、利用者は困惑するでしょう。予測できる場所に、あるはずのものがないというのは、利用者のタスク達成を妨げます（これも、実際に観察してみないと確実には言えません）。

「カラム落ち」自体の是非ではなく、それによるタスク達成度への影響という点で考えてみてはいかがでしょうか。これは実際のデザインが大きく関与しますので、一般論として「べき・べからず集」にはしづらい話だと思います。

---
ひとつ指摘しておきたいのは、「カラム落ち」というのは過渡期の現象にすぎない、ということです。

CSS1 の範囲内で段組を行うには float を使わざるをえず、それゆえ予想外の場所に段が飛ぶ「カラム落ち」が問題になりました。

しかし、CSS2/2.1 の display: inline-block を使えば、「カラム落ち」しても比較的予測しやすい場所に行きます。あるいは display: table を使えば表組ができます。「カラム落ち」が問題なら、「カラム落ち」しない方法・しても問題ない方法を選べば良い。問題を抱えた古い方法なんて使わなければ良いのです。

さらに、CSS3 にはマルチカラム・モジュールがあります。これを使えば、ウィンドウ幅に応じて、ページの見開きのごとく二段、三段、四段、……と増えていきます。もう「二段組みの方法」「三段組みの方法」なんてケチ臭い話をする必要もありません、

このように、ページのデザインを動的に変更できる時代になりつつあります。ならば、静的なデザインしかできないゆえに、限られたスペースに多くの情報を配置する必要から生まれた「段組」のテクニックこそ、もはや不要なのではないでしょうか。

ORUKA1951 · Answer

製作者も利用者も誤解している問題ではないかと思います。
HTMLの、もっとも大きな理念・目標は、少し長い引用になりますが、
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。 もし【相互運用性確保の】努力が成されなければ、Webは互換性のないフォーマット毎に分け隔てられた世界に分割され、すべての関係者にとっての商業的可能性が減少することとなるであろう、大きなリスクを負うこととなる。
　・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

★どこにも、「同じに見えなければならない」とは書いてない。『どんな環境からもWebの情報を利用できるようにすべき』と書いてある!!!

極端な話、読み上げブラウザで「カラム落ち」が問題になりますか??

もし、製作者が意図して、幅の狭いウィンドウでは縦に並べて表示されるよう意図しているのなら、それは正解です。

そもそもの思い違いは、「意図したデザインで無ければならない」という点なのです。もし、それを求めるなら、HTMLよりはるかに優れたPDF( http://ja.wikipedia.org/wiki/PDF )という仕様があります。

スクリーン端末に限れば、ある程度のウィンドウ巾の大小を想定してスデザインすべきですし、想定範囲内--640px～1240px、800px～、--においては、利用しやすいように【同じデザインではない!!】デザインするのが普通でしょうね。
　言い換えれば『ブラウザや端末の指定をする』のは、HTMLの何かを知らない--基本を知らないクリエーターと言うことになります。

私は、最近の利用状況をかんがみて、また、クライアントの希望、ページの読者の想定から、以前よりはるかに幅の狭いウィンドウや広いウィンドにも対応するように、また印刷が想定されるページには印刷用のスタイルシートを用意したり、ユーザーの希望で代替スタイルシートが選択できるように、あるいは視覚障害者用に音声端末、点字端末用のスタイルシートを用意することもあります。そのためには、HTML自体が、文書構造に従って正しくマークアップされていることが最も重要になります。--プレゼンテーションはスタイルシートの仕事ですから---
★構造とプレゼンテーションの分離 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )

taloo · Answer

>No.2お礼
>カラム落ちは大目にみてもいいのではないかという
>問いなのですが、その辺は如何でしょう。

カラム落ちさせるためのデザインなのか、
カラム落ちさせないためのデザインでカラム落ちしてしまうのか、
で違いますが、
前者ならそれが目的ですから問題ないというよりも、そうでなければなりません。
もしカラム落ちしなければ、「カラム落ちするように」修正しなければならないと思います。

後者なら、いわゆる不具合です。
その不具合について、「どのブラウザをサポートするか」と同じルールが適用されます。
たとえば、YoutubeはIE6以前のブラウザでは見る事はできないかもしれませんが、
Youtubeはこれを問題なしとしています。
同様に、「ウインドウ幅何ピクセル以下のブラウザでは見る事はできない」というのを許容するのであれば、
後者の不具合は問題ない、無視できる物として処理できます。

ウインドウ幅何ピクセル以下のブラウザをサポートする、かつ、カラム落ちしてはいけないのであれば、
「カラム落ちしないように」修正しなければならないと思います。

どの方法を使うかは、第三者が決める事ではありませんし、決められない事だと思います。
制作の打ち合わせの段階で、どのブラウザをサポートするか、どの環境をサポートするか、しないかを決め、
それに応じて作れば、問題が出たときの対処法も自ずと決まってきます。

taloo · Answer

すべての環境で全く同じ（Webデザインでは全く同じにするのは不可能ですので、可能な限りそれに近い状態）にしなければ気が済まないという、
DTP出身のデザイナーの、芸術家気質による物だと思います。

フレームセットが非推奨と言われた理由の一つに、
メニュー（サイドバーに相当）と本文が、左右に並ぶ状態で固定されるというものがあります。
ウインドウを小さくすると、本文幅もせまくなり、
メニューが邪魔して、せっかくのウインドウ幅を使えなくなります。

CSSレイアウトでは、唯一「カラム落ち」をさせる事で、本文表示幅が広がりますから、
カラム落ちさせない方が悪いデザインにもなりえます。

>カラム落ちするのはユーザが画面を極端に小さくするからで、
違います。
ユーザビリティーでは、ユーザーの環境を限定してはいけません。

参考資料として表示させたい場合は、小さな画面にする事もあります。
その状態でも読みやすいデザインにするのが、ユーザビリティーという考え方です。

naokita · Answer

＞カラム落ちするのはユーザが画面を極端に小さくするからで、
いえ、そうではないですよ。
いくつかのサイトを縮めてみたらどうなりますか？
しっかり設計していれば、カラム落ちなんてしませんので、
特殊環境以外ではユーザーの問題ではなく、運営側の問題だと分かるはず。
設計ミスや大きな画像を入れてしまったとか、確認不足って話でもあって、ミスはミスです。
　１、制作者の技術の無さ
　２、気付かない運営者
　３、問題を放置する無能さ、またはいい加減さ
　４、業者に修正依頼出来ないほどの資金難
　５、閉店・倒産
　６．セキュリティも不安
などの問題や悪いイメージを頭の隅で勝手に想像してしまいますので、
そんな企業への依頼を戸惑うのでは？
他社との競争ならマイナスポイントになると思いますが。

建物でも同じで、建物が傾いてるとか許せますか？
ユーザーの立場なら、看板が傾いてたり腐ってるような
一般企業や店舗ならちょっと危険を感じますよね？
ましてや、ウェブ上での話なのだから。

まあ、ウェブじゃないですが「きたなうまい店」とかありますし、
商用といっても業種や個人規模の商店とかありますから、
小規模ならまあ個人制作として、微笑ましい部分もありますが・・・

＞カラム落ちの何が悪いのか
その企業の自由/勝手なので別に悪くはありませんが、
商用サイトの目的は利益ですから、
少しでも利益が上がるように整えるのが通常。
ユーザーにしたって、贔屓の企業は自分事のように良くなって欲しいし、
だから、悪いという意味ではなく ＝ 修正すればよいのにって事になるでしょう。

少しでも良くしたいってのが人間の心理じゃないですか？

kiflmac · Answer

初めまして

カラム落ちについては、使われているブラウザーに起因する事が関係する事が多く考えられます。そこでユーザーに問題がある訳ではありません。
サイトによって、「IE00～を推奨しています。」と言うアナウンスされていると思いますが、結構そう言うアナウンスする理由としては基本的に保険の様な物で、ブラウザーを特定する意味としては、ネットスケープのソース公開でブラウザーを作り易く（個人でも）なった事が、
あるだけの話です。
基準がIEなのは、ウィンドウズ買ったら付いてくる位で考えているユーザーが増えて来てる事だと思いますよ。

EFA15EL · Answer

もちろん趣味のページでしたらそれは個人のこだわりの範囲でしょう。
しかしながらプロとしてやっているのであれば、対応出来ないのは「無し」です。
制作者がどう思うかは全く関係ないですし、場合によってはユーザーがどう思うかすら関係ない。
ただただ「クライアントが満足するかどうか」が全てです。
明らかにレイアウトが崩れているのに「仕方ない」とするのはプロのする事ではありません。

カラム落ちの何が悪いのか

「ユーザビリティ」という用語が既出ですが、ここでは「利用者がタスクを簡単に達成できるかの指標」と定義します。

製作者も利用者も誤解している問題ではないかと思います。

>No.2お礼

すべての環境で全く同じ（Webデザインでは全く同じにするのは不可能ですので、可能な限りそれに近い状態）にしなければ気が済まないという、

＞カラム落ちするのはユーザが画面を極端に小さくするからで、

初めまして

もちろん趣味のページでしたらそれは個人のこだわりの範囲でしょう。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング