Webサイトはまったく同じ見た目である必要はない

2008年5月5日 2:42 pm

Do websites need to look exactly the same in every browser? (Webサイトはすべてのブラウザでまったく同じように見えていなくてはいけないのか?)

リンクをクリックすると答えが分かるのでぜひどうぞ。去年の暮れから今年にかけてこんな長い URL を使った一問一答系ページが増えており火曜日かどうかクリスマスかどうかTwitterが落ちているかどうかパリス・ヒルトンは刑務所にいるかどうか自分はスゴいかどうかなどたくさんあるみたいです。

最初に紹介した「Webサイトはすべてのブラウザでまったく同じように見えていなくてはいけないのか?」は、Web標準デザインテクニック即戦ワークブックの著者としても知られている Dan Cederholm さんが作ったページ。実際 複数のブラウザで確認すると、見た目が若干違ったりします。

レイアウトが崩れていても良いという意味ではないですが、若干の見た目の違いは『仕方ない』ではなく『当然のこと』だと思います。異なる環境が構築されているパソコン上で異なるブラウザを使っているわけですし、OSもしくはブラウザにカスタマイズがされていればさらにバリエーションも増えるでしょう。ディフォルトだといってもパソコンメーカーごとに何かしらのカスタマイズがされている可能性があるので、純粋にディフォルト環境というものはないかもしれません。利用者側もコントロールが出来るわけですから、Webらしいといえば Webらしいわけですね。

スタイルシートスタイルブック 2 でも紹介したことですが、最大公約数みたいな考え方で古いブラウザとまったく同じ見た目を新しいブラウザに対しても提供することもないのかなと思います。新しいブラウザを利用している方には、それだけ良い体験を提供出来るわけですし、新しいから良いんだと感じてもらうためにも進歩的な見た目の違いは必要だと思います。最近では JS ライブラリで解決出来るものも幾つかありますが、セレクタの使い方をさらに工夫したり text-shadow や opacity といった属性も使える場所に使って行くべきでしょう。

誰でも情報がアクセス出来るようにするのも Webサイトデザインにおけるひとつのミッションですが、それだけでなく見た目だって大事です。ただその見た目のアプローチを紙と同じではせっかくの Webを使っている意味もないかもしれません。過度に見た目が違ったら利用者もクライアントも戸惑うかもしれませんが、ちょっとしたスパイスを新しいブラウザに対して加えることが体験の向上につながることもありますし、新しいブラウザのポテンシャルをフルに引き出すきっかけになるでしょう。

コメント

  1. hiloki Says:

    最近考えてることと、このエントリがマッチしたので思わずコメントです。

    1年以上前はあらゆるハックを駆使してブラウザ間の見た目の違いを整え、
    1年前からはいかにハックを使わずにブラウザ間の見た目の違いを抑えるかを考え、
    最近になって「別に”若干”違ったっていいんじゃないか?」という考えにいたりました。

    この「若干」を昔は許容範囲ではなかったのだと思います。自分の力試し的なものでしょうか。
    あとはエントリ後半にある、『過度に見た目が違ったら利用者もクライアントも戸惑うかもしれませんが』というところで、完璧に同じ見た目のものを求めたりもしてた気がします。

    どうもテクニックそのものに走ってしまいそうですが、『体験の向上』という本来持つべき目的を大事にしないといけませんね。

  2. ヤスヒサ Says:

    @hiloki
    イベントのレポートとか参考にさせてもらっています。
    指摘されているとおり「若干」を昔は許容範囲ではなかったというのは作り手だけでなくクライアントサイドにもうまく教育出来ていなかった部分だったような気がします。WebをWebらしく使ってもらうための工夫もそうですし、利用者が使っているブラウザのポテンシャルを最大限に活かして良い体験を提供するのも、ひとつのサービスなのかなと感じています。

  3. hoop34 Says:

    「意見」キーワードのエントリ、興味深く読ませてもらっています。

    すべてのブラウザで同じ見え方を、というのはブラウザというソフトウェアの否定だと思いながら、クライアントサイド(この場合は発注者の意味ですかね)の要望という言葉に流されるがままになりがちだなと思うところです。

    クライアントへの教育が足りないというのは同意見です。ことあるごとにソフトウェアのあるべき姿とWebという媒体の性質を伝えるのがデザイナの役割の一つだと思います。
    加えて思うのは、クライアントには作り手の姿が見えるので、啓蒙しやすい方ではあるとは思います。が、例えばWebサービスを通じて繋がるユーザには、直接啓蒙できないところをどうクリアするかをよく考えます。

    一問一答サイトは、その1つの解答なのでしょうね。
    私は「使い慣れて知る」というプロセスでもっとアプローチしていきたいと考えてます。
    使いたいという興味を引くサービスしかり、UIしかり・・・

  4. ヤスヒサ Says:

    @hoop34
    「ことあるごとにソフトウェアのあるべき姿とWebという媒体の性質を伝えるのがデザイナの役割の一つだと思います」という言葉は全くもって同感です。我々は専門家という立場であるわけですから、良いと考えられる方向にガイドしてあげるのもひとつの仕事だと思います。『示す』はデザインの語源でもありますし。
    利用者へのどのようにメッセージを伝えるのか、そして興味をもって使ってもらえるか・・・いろいろ考えて行きたいですね。

  5. なかにしゆうすけ Says:

    クライアントへの教育。そういう風に考えたことなかったです。。
    なるほど『示す』はデザインの語源なんですね。頑張んないとなぁ。

    今までの固定概念がガラガラと音を立てて崩れていきます。
    もっと柔軟な思考を身に付けたいものです。。
    皆さんのような鋭い洞察力も。

  6. ヤスヒサ Says:

    @なかにしゆうすけ
    わざわざこちらにもコメント残してくれてありがとう。
    今だからずっと仕事で扱っているこの媒体についてデザインの視点からもっと深く知りたいなという気持ちになってきましたし、そこからどう形にするかをこのサイトを通じて共有出来たら良いなと思っています。これからもよろしく。

コメントを書く

About

東京在住の「デザインする人」長谷川恭久の個人サイトです。

2008年2月より、新しい CMS を利用して再スタートしました。以前の記事はこちらのエントリーリストを。そして、たくさんの方に読まれた人気記事が読みたい方ははてなブックマークの注目エントリーを参考にしてください。

Feedbacks
  • ヤスヒサ: @おかもと コンテンツを作るだけでなく、クオリティ維持と管理もされていた 『編集長』ならでは視点ですね。文章の編集だけでなく、ハイパー リンクなども含め、いかにウェブらしい形に落とし込むのか...
  • おかもと: 某所でお話のダイジェストを拝見しました。昨日までwithDと いう月に100記事ぐらい公開するサイトを運営していましたが、 こちら前任者が構築までやったものの、運営のことが全く考...
  • ヤスヒサ: @T4learning ブログでも紹介されてましたね。ありがとうございます。 ブラウザという存在は知ってもらいたいという思いはありますが、 ちょっと言葉が外来語しすぎていますね。何も連想出来ない...
  • T4learning:  ブラウザ、というコトバには、はうちの学内の職員も?という反 応が多いです。言葉自体、一般の人には馴染みがないでしょうね、 日本では。「ブラウザ=検索」という感覚があるか、今度聞いてみ たいなあと思いました。...
  • Name: 細かいつっこみになりますが@font-faceをサポートして いるFirefoxの次期バージョンはFirefox 3.5です。諸事情で3.1というバージョンはスキップされて繰 り上がりました。