愛車:マツダアテンザ
Webを中心とした、ビジネス&テクノロジーに関する思いつき
by F-shin
[ このサイトについて ] [ F-shinについて ] [ トップ ]
author:えふしん
photo_20.jpg
藤川真一について


モバツイの中の人
マインドスコープ(株)社長
人の良いジョンカビラと言われます。
AMN sponsor rolls
モバツイの2つのスマートフォン
アンドロイドアプリ!
アンドロイドアプリ モバツイtouch
全てのスマートフォンブラウザと、Nintendo3DSで! HTML5版Webアプリ「モバツイsmart」
本を書きました!
100万人から教わったウェブサービスの極意 ~「モバツイ」開発1268日の知恵と視点
Google Friend Connect
このカテゴリ[Web系]の最新30件
インターネットの可能性を信じて〜本を書きました。 ネットショップに20万円は高いという感覚は割と普通の感覚だと思う。 ソーシャルメディアの生かし方 インターネットは芸術だ ECサイトはGoolge検索エンジンのプラットフォームに乗ってることを自覚せよ Ubuntu 8.0.4でTwitter apiのSSL通信ができなくなった人向けのメモ インターネットを支える仮想共同体 twitterとfacebookのレイヤーは違う 文脈が共有できていないフロー型コミュニケーションの問題点 身も蓋もなくなるインターネット フェイスブックページっで起きるかなぁ?!って思ってること。 非公式RTじゃないとできないこと。公式RTが目指したもの。 ツイッターのつぶやき価値 ネットコミュニケーションは万人の手段ではない AWS東京リージョンとtwitter apiの関係 Facebookがインターネットになると困る デジタルネイティブではない30代のつぶやき ネチケットとアーキテクチャという法律のあいだに。 相撲の八百長問題に見られる、ITによるフローのストックという構図 Webエンジニアスキルの勘所 ツイッター面白いね WebSig一日学校で考えてたこと ソーシャルメディアについてのメモ User Streamの先にあるtwitter Web Creation Awardsにノミネートされました。 携帯Webのクッキー利用について調べてみたメモ【update】 twitterドラマと今後のツイッター デジハリの杉山学長賞をいただきました。 日経電子版を流行らせる一つの思いつき 商品の良さとリンクは、140文字で伝えなさい
[このカテゴリをもっと見る]
Powered by
Movable Type

January 27, 2008

1000px弱時代のWebデザインに、ユーザーの解像度の話が載っていたので自分も調べてみた。

----------------------------------------
2008年1月分のF's Garageに訪れたユーザーの解像度(1/27調査)
1.1024×768(33.9%)
2.1280×1024(25.41%)
3.1280×800(13.27%)
4.1680×1050(5.48%)
5.1440×900(4.18%)
6.1920×1200(3.73%)
7.1400×1050(3.05%)
8.1600×1200(3.02%)
9.1280×768(2.37%)


以下、全93項目にわたる


一番最初に、僕が注目したいのは全部で93項目もの解像度構成があること。

思いついたときにtwitterにblogのURLをあげているので、モバツイッター経由で携帯やW-ZERO3などからのアクセスが多いってのもあるのかもしれないが、非常に多様な解像度でアクセスされているので、解像度コンシャスで幅を固定してしまうとか、幅に依存した情報構成はとらないほうが良さげ、ということなのかもしれません。


とはいえ、ビジネスマターで、何かと何かで選択を求められたときには、どこかに基準を置くしかないと思うので、もしどうしようもない状況に追い込まれたときは、やはりXGA基準がベストということになるだろう。

(Flashのサイズとかね。RIAなら可変にすべきかもしれないが、映画サイトみたいな大きなビットマップを使うなら可変ってわけにもいかないだろうし。今は違うのかな、でも工数との兼ね合いもあるよね。)

もはやSVGAは、一時期のネットスケープのシェアを下回ってるので、忘れても良いだろう。というかSVGAを気にするなら、それ以外の解像度も気にしたほうがいい、つまり全方位にするか、XGA以上をターゲットにするか?という二択でよい。

受託で対応ブラウザの仕様を決めるときに、顧客の経験、知識が原因で、レガシーな意味でのSVGA対応を求められる場合は、それはもう忘れてくださいっていうのはアリ、そうではなくあらゆるデバイスからビジネスにつなげたい、という前向きな意識があるなら全方位対応したほうが良いでしょう、ということ。

その場合、デザインの内容や情報構成も注意してしかるべき・・・テーブルレイアウトは避ける、コンテンツ変換ゲートウエイにやさしいHTMLの論理構造にしてあげるとか。

逆に、XGA以上のリッチなコンピューターを使うユーザーにだけ体験して欲しいというのであればXGAに基準を取ればよい。


あと、大きな画面でデザインをしている人が忘れがちなのが高さ。

ワイド画面のノートPCは、幅が広くても高さがない。一つのブラウザを最大化するというより、複数のウインドウを切り替えるのに必要な余白を持てるというのが、この幅の画面の使い方ではないだろうか。

Vistaのサイドバーもその余白を利用していると言えるだろう。
ノートPCのワイド画面は、「ちょっと便利なXGA」として考えるのが妥当だと思う。

■同じカテゴリ[Web系]のエントリー
<<前の記事 Movatwitter and Twitterpod are great examples.
>>次の記事 身の回りの多様性
■このblogの書き込み最新3件
インターネットの可能性を信じて〜本を書きました。 バルスのツイート機能に関する謝罪を書いたら沢山反応があった件 モバツイの広告の取り組みについて、発表資料の共有
この記事への提案、提言一覧
この記事への提案、提言









あなたの情報を保存しますか?