怠惰な日記とメイポ日記など
■2006年06月14日(水)
最近のWebサイト作製に対する傾向と対策
まぁ学校で勉強した事とまとめて、最近のWebサイトの作製に対する現状をまとめてみようかって事で、取り合えず粗方まとめて見ましたわ。
ちなみに、デザイン・レイアウトの事は一切傾向にまとめていないので、その辺はWebデザインの本を見たら大体テンプレで載っているんとちゃう?ヽ(;´Д`)ノ
正直大別するとなぁ・・・ヽ(;´Д`)ノ
で、本題に入るとして、まぁあくまで自分の調べた主観も混ざっているので一概にこうとも言い切れませんが、比較的こういう現状見たいって事で。
先ず初めにこれはどの系統のサイトでも言える事ですが、もぅ見ているユーザー環境は、液晶17インチ・1280×1024の環境以上の解像度のモニターで見ているであろうと考慮して作っていますね。
まぁ、今の液晶17インチの相場の値崩れの現状を見ると仕方ない話ですなぁ・・・( ´Д⊂ヽ
そんな訳で、
1.大体1280×1024環境で「お気に入り」を表示してページレイアウトとして左右に余白が出来るサイト
が基本形になってますねぇ・・・
まぁ、この後で触れますが、テキストメイン・画像メインによって土台部分の大きさも変わって来ていますが・・・
で、ここが一番のポイント。近年はFlashを一時より使わなくなったのよねヽ(;´Д`)ノ
使わなくなったと言うよりは、使い方をピンポイントだけで使うような使い方をしてるんですわ
省スペースで情報量を多く見せる為の広告バーナーとか、Flashを使ってるけどそう見せない作りにしてたり、若しくは動画・画像を簡単にダウンロードされないためにFlashに埋め込ませたりとか、サイトを作る上ではあまりActionScriptもそんなに使われてないのよね。
一時みたいに、入ったらいきなりムービーが流れ出してタイトルテロップ・音楽が流れるってサイト自体少なくなりましたよねぇ・・・(´Д`)
まぁ〜一世代前のFlash2chムービー全盛期に比べたらバリバリ動かす事無くなってそっけなくもなりましたが、ある意味Flashの使い方が上手くなったのもあるんでしょうし、ActionScriptが本気でプログラムして来たのもあって、ゲームやアプリ的な所でそっちを使うみたいな住み分けになって来てる感じな所もあるんでしょうかねぇ?技術屋サラバ見たいな所で(´Д`)
そんな訳で、
2.Flashの使い方はよりピンポイントで
あと、傾向としてサイト自体の構造がよりシンプルにはなって来ていますね。
完全に無くなっている訳では在りませんが、フレーム・アクセスカウンタ・入り口ページですかねぇ・・・
自分のサイトは全部しっかり使ってますがねヽ(;´Д`)ノ
ユーザビリティとかその辺の事を考えてとか、その辺の視点を見てとからしいですがねぇ(´Д`)
まぁ、あとはスタイルシートも随分と標準になって来ましたんでねぇ
テーブル以外でレイアウトをスタイルシートでやっているってサイトも、案外ありますんでね
そんな訳で、
3.ユーザビリティを考慮して解りやすくシンプルに
大体大きくまとめてこの三つに傾向がまとめられてますかねぇ。
まぁ、自分がまとめただけなんで突っ込み所はあるとは思いますが、こんな所を重点にしてサイトを作ってますねぇ
では、タイプ別にまとめてみて、近年のサイトはこんな感じにまとめれるかなぁ〜って事でまとめてみましたわ
1.Flash非(弱)使用型テキストメインサイト
Yahoo!JAPAN
I-O DATE
2.Flash使用型(近年の使い方)テキストメインサイト
三菱電機
株式会社ナナオ
東芝
3.Flash使用型(近年の使い方)画像メインサイト
カカオのぺ〜じ(注:18禁サイト)
4.Flashフル使用型サイト
Every Little Thing OFFICIAL WEB SITE(注:音声再生)
仮面ライダーカブト:テレビ朝日サイト
VAIO-U:typeUを原寸サイズで疑似体験してみよう!
Touch-DS.jp - News!
先にも書きましたけど、Flashの使用傾向はこんな感じに分かれてて、歌手・番組・映画・ファンサイトなどではFlashをフルで使いまくるものが多くありますねぇ
で、テキストメインと画像メインのサイトですが、基本的に見るとテキストメインのサイトが土台の幅が狭目で800以下の幅で収まっていますね。基本的に文字情報の方を詰め込んでるからでしょうねぇ
で、画像メインのサイトの方は土台の幅が850強から1024の間で土台が収まる事を考慮して、ゲームメーカーサイトやインタラクティブに物を見せるなどをするサイトでは、画像情報が多い為そんな感じになってますねぇ。
けっこうサラッとここは流してしまいましたけど、見せたい物によっても大きさを変えてますし、中には画像をメインのサイトでも土台を小さめにしている所もあるので、一概には言い切れませんねぇ
ちなみに、カカオさんのサイトを使ったのはエロゲメーカでもレイアウトがしっかりしてるメーカーだなぁて事で利用させてもらいましたわヽ(;´Д`)ノ
そんな訳で、ザックリとまとめさせてもらいましたけど、流行廃れってサイトの業界でもけっこう良くあるものなんで、数年後はこの傾向も変わってると思いますわ
そんな訳で、サイトを作る時は作る時の最近の流行と傾向をしっかりと調べてからまとめて作るってのがその作った時に周りと比べて流行に乗り遅れてないサイトって事ですので、しっかりと血の循環をさせるかのように情報を仕入れないといけないって事ですわ。
自分のサイトもちゃんとしとかななぁ〜とは思いますがねヽ(;´Д`)ノ
ちなみに、デザイン・レイアウトの事は一切傾向にまとめていないので、その辺はWebデザインの本を見たら大体テンプレで載っているんとちゃう?ヽ(;´Д`)ノ
正直大別するとなぁ・・・ヽ(;´Д`)ノ
で、本題に入るとして、まぁあくまで自分の調べた主観も混ざっているので一概にこうとも言い切れませんが、比較的こういう現状見たいって事で。
先ず初めにこれはどの系統のサイトでも言える事ですが、もぅ見ているユーザー環境は、液晶17インチ・1280×1024の環境以上の解像度のモニターで見ているであろうと考慮して作っていますね。
まぁ、今の液晶17インチの相場の値崩れの現状を見ると仕方ない話ですなぁ・・・( ´Д⊂ヽ
そんな訳で、
1.大体1280×1024環境で「お気に入り」を表示してページレイアウトとして左右に余白が出来るサイト
が基本形になってますねぇ・・・
まぁ、この後で触れますが、テキストメイン・画像メインによって土台部分の大きさも変わって来ていますが・・・
で、ここが一番のポイント。近年はFlashを一時より使わなくなったのよねヽ(;´Д`)ノ
使わなくなったと言うよりは、使い方をピンポイントだけで使うような使い方をしてるんですわ
省スペースで情報量を多く見せる為の広告バーナーとか、Flashを使ってるけどそう見せない作りにしてたり、若しくは動画・画像を簡単にダウンロードされないためにFlashに埋め込ませたりとか、サイトを作る上ではあまりActionScriptもそんなに使われてないのよね。
一時みたいに、入ったらいきなりムービーが流れ出してタイトルテロップ・音楽が流れるってサイト自体少なくなりましたよねぇ・・・(´Д`)
まぁ〜一世代前のFlash2chムービー全盛期に比べたらバリバリ動かす事無くなってそっけなくもなりましたが、ある意味Flashの使い方が上手くなったのもあるんでしょうし、ActionScriptが本気でプログラムして来たのもあって、ゲームやアプリ的な所でそっちを使うみたいな住み分けになって来てる感じな所もあるんでしょうかねぇ?技術屋サラバ見たいな所で(´Д`)
そんな訳で、
2.Flashの使い方はよりピンポイントで
あと、傾向としてサイト自体の構造がよりシンプルにはなって来ていますね。
完全に無くなっている訳では在りませんが、フレーム・アクセスカウンタ・入り口ページですかねぇ・・・
自分のサイトは全部しっかり使ってますがねヽ(;´Д`)ノ
ユーザビリティとかその辺の事を考えてとか、その辺の視点を見てとからしいですがねぇ(´Д`)
まぁ、あとはスタイルシートも随分と標準になって来ましたんでねぇ
テーブル以外でレイアウトをスタイルシートでやっているってサイトも、案外ありますんでね
そんな訳で、
3.ユーザビリティを考慮して解りやすくシンプルに
大体大きくまとめてこの三つに傾向がまとめられてますかねぇ。
まぁ、自分がまとめただけなんで突っ込み所はあるとは思いますが、こんな所を重点にしてサイトを作ってますねぇ
では、タイプ別にまとめてみて、近年のサイトはこんな感じにまとめれるかなぁ〜って事でまとめてみましたわ
1.Flash非(弱)使用型テキストメインサイト
Yahoo!JAPAN
I-O DATE
2.Flash使用型(近年の使い方)テキストメインサイト
三菱電機
株式会社ナナオ
東芝
3.Flash使用型(近年の使い方)画像メインサイト
カカオのぺ〜じ(注:18禁サイト)
4.Flashフル使用型サイト
Every Little Thing OFFICIAL WEB SITE(注:音声再生)
仮面ライダーカブト:テレビ朝日サイト
VAIO-U:typeUを原寸サイズで疑似体験してみよう!
Touch-DS.jp - News!
先にも書きましたけど、Flashの使用傾向はこんな感じに分かれてて、歌手・番組・映画・ファンサイトなどではFlashをフルで使いまくるものが多くありますねぇ
で、テキストメインと画像メインのサイトですが、基本的に見るとテキストメインのサイトが土台の幅が狭目で800以下の幅で収まっていますね。基本的に文字情報の方を詰め込んでるからでしょうねぇ
で、画像メインのサイトの方は土台の幅が850強から1024の間で土台が収まる事を考慮して、ゲームメーカーサイトやインタラクティブに物を見せるなどをするサイトでは、画像情報が多い為そんな感じになってますねぇ。
けっこうサラッとここは流してしまいましたけど、見せたい物によっても大きさを変えてますし、中には画像をメインのサイトでも土台を小さめにしている所もあるので、一概には言い切れませんねぇ
ちなみに、カカオさんのサイトを使ったのはエロゲメーカでもレイアウトがしっかりしてるメーカーだなぁて事で利用させてもらいましたわヽ(;´Д`)ノ
そんな訳で、ザックリとまとめさせてもらいましたけど、流行廃れってサイトの業界でもけっこう良くあるものなんで、数年後はこの傾向も変わってると思いますわ
そんな訳で、サイトを作る時は作る時の最近の流行と傾向をしっかりと調べてからまとめて作るってのがその作った時に周りと比べて流行に乗り遅れてないサイトって事ですので、しっかりと血の循環をさせるかのように情報を仕入れないといけないって事ですわ。
自分のサイトもちゃんとしとかななぁ〜とは思いますがねヽ(;´Д`)ノ
過去ログ | 2006 | 02 06 07 09 |
2007 | 01 02 03 04 06 08 10 | |
2008 | 01 02 04 05 | |
2009 | 03 05 06 11 12 | |
2010 | 05 |
一覧 / 検索