CSSデザインのサイトを評価するスレ
■ このスレッドは過去ログ倉庫に格納されています
※評価するスレなので、各話題(文法など)は該当スレへ!
◆評価するサイトについて
・自薦他薦どちらでもよい(基本は1レスに1サイト)
・CSSでデザインされているサイト(tableを使ったデザインは×)
・ブログなどのテンプレートは配布元サイトのテンプレートを
◆評価する内容
・見た目は良いか悪いか
・サイトデザインと内容(ターゲット層)が合っているかどうか
・ユーザビリティ(使いやすさ)は良いか悪いか
・アクセシビリティ(利用のしやすさ)は良いか悪いか
・(X)HTMLとCSSの文法は正しいかどうか
・ソースは読みやすいかどうか
・各ブラウザでの表示の誤差があるかどうか
◆評価する基準
・見た目は個人の判断
・明確な基準(文法やブラウザの表示など)があるものはそれを使う
>>2-10テンプレ続き 俺の知り合いはあんまりパソコン使わないやつだから
大抵純粋に横スクロールさせてるよ。
俺もブラウザサイズ変えてみるくらいなら横スクロールするけど・・
何個もウィンドウ開いてると後ろのウィンドウが見えたりして気持ち悪いから
ブラウザは最大化しか受け付けない ?????
最大化しててる横スクロールバーが出るほどのクソサイトの話をしてるのか? >>103
悪い説明不足すぎた。
知人→最大化の人 or ウィンドウ表示の人
俺→常時最大化 >後ろのウィンドウが見えたりして気持ち悪いから
いつの時代からタイムスリップしてきた原始人だ いや結構いるんじゃない?
うちの学校でもほかの人の画面見てると
全画面でブラウズしてる人は結構多い 最大化で利用している人の方が大多数だと思うよ。
一部のコアなユーザーは違うだろうけど閲覧者の大多数は
最大化もしくはそれに準じる大きさでみていると思う。
評価するにあたってそういう点も考慮するべきだと思う。
CSSで欠陥の多い方のIEに合わせ(大多数)、その他の欠陥の無い
ブラウザも閲覧できるようにするのと同じように、最大化でみている事が
多いという事実も考慮して画面サイズのことも考えるべきだと思う。 >最大化で利用している人の方が大多数だと思う
>最大化でみている事が多いという事実
なんで統計も何も示さずに「思う」が「事実」になっちゃうの? リキッドデザインの注意点
ttp://www.bebit.co.jp/memo/2006/11/post_46.html >>107
統計的に見ると800〜100pxに縮めてる人が多いって出てるのに。 どうせ自分も周囲も最大化ばっかなんて言ってる奴は
CSS覚えたての初心者だろ、しったかしたいんだろうからほっとけ サイトによってレイアウト違うし、ブラウザはうにうにとサイズ変えて閲覧してる。
世界中のサイト主に同一のフォーマット強要するのはムリだもんね。
読みやすい文字が、32-40未満ってのはうなずける。が、別に横にずらーっと80文字でも読める。
20文字程度でも読める。
以上をふまえて俺はリキッドに組んでる。
だからどうしたってんだ。俺。 「ブラウザの文字サイズ最大」が半数以上――家庭用PC
ttp://bizmakoto.jp/makoto/articles/0709/13/news036.html IE使わない俺って超イケてるって思いたい奴はたくさんいる。とおもう IE使わない俺って超イケてるって思ってるやつはもっと格好よくないけどな イケてなくてもIE1がもっとイケてないので他を使わざるを得ない 広げるのもでかくするのもその逆もユーザーがやる事できる事なんだから、作る側はそこら辺のだいたいの平均を取ればいいんじゃねえの 携帯はCSS無視されると考えれば、マークアップさえなんとかしておけばいいや。
mjd!?
フルブラウザとかじゃなくて!?
し、しらんかった。
友人はみんなドコモなんでてっきり >>131
言いたい放題だなw
自分たちが時代遅れだったり、
これからの環境に適応していこうと思わない奴らが多いのか… > J-CASTニュースが持っている「MacOS9」でログインしてみたところ、
> やはりホームページトップのレイアウトが変だったり、文字が重なっていたり、
> 見えなくなってしまったページもあった。これは「mixi」が動画など機能を強化したため、
> 古いバージョンのパソコンでは対応できなくなっているようなのだ。
> だからこんなカキコミも出てくる。
これはひどいw
「Vistaが推奨環境に含まれていない」ことに突っ込んでる辺りも痛い。・ >>131
無料で使わせてもらっているくせに文句ばかり言う大衆 有料プラン使ってる人もかなり大勢いるよ。
とにかくmixiは道を間違えた。
そして俺はテーブルレイアウトの重要性を再認識した。 >>136
> そして俺はテーブルレイアウトの重要性を再認識した。
ではなく、クロスブラウザを出来ない技術(or技術者)を使う悲劇
だな みくしは閉鎖的な空間なんだから、まだ多数派じゃないOSを排除しても
なんとなく「みくしっぽいな」って思えるからすごい。 正直「mixiを辞める良い機会じゃないか」っと思った俺は変人の部類? mixiはテストせずいきなり導入したのが間違え
このスレ見てるような連中はどうせ大したサイトなんて作ってないけど
mixiのような日に何万人も利用するところはテストしてユーザーの意見を聞くべきだったな
一応mixiってコミュニケーションサイトだろ?w おっし、燃料になるか爆弾になるかしらんが評価スレっぽくいくぞー
ttp://otg.jik.jp/ 細かいところまで作り込んでいてグッジョブでいい
ttp://hareniwa.sakura.ne.jp/ ボーダーの使い方が面白くていい
ttp://www.rusica.net/ 丁寧で分かりよくていい
ttp://www.tia-soleil.net/ CSSやってます!って感じで無難でいい
ttp://www.geocities.jp/two_2dogs/ クールだと思うからいい
箸休め
ttp://park12.wakwak.com/%7Ebongo/city_ver3.html クォリティたかす 見てると面白いよね どこに何があるのか全然わかんねえけど ←CSS関係ないけどチョーオススメむしろ俺の嫁
ttp://torori.holy.jp/ メリハリがきいてていい
↑のサイトで辿ってきたリンク詰まった
まだまだテ−ブルレイアウトや外部CSS使ってないサイトは多い模様。
最初のサイトを選んだ理由は、>>77で紹介された中で一番気に入ったから
正直もうちょっとリンク辿っていけると思ったけど
で、全部見たら分かるけど、結局は個人の好みだよな テンプレで返されるとは思ってなかった
ちぇ。スレルールにのっとって書いていくわ
俺の好み丸出しでもいい?
やっぱり第三者的な始点で評価した方がグっとくる? 個人的には企業サイトじゃなく個人サイトでいけてるCSSデザインのを見たいな。 http://overknee.info/
prev/next要素を可視化してページの左右に配置。
これは機能的にもデザイン的にも良いものだと思った。 画面の端から端、って結構距離あるから改善の余地大いにあると思う。 Opera使いと書いてあるが、Operaではまともに表示されないみたいだな。
Firefoxは対策してあるけど… >154
Operaは元々link要素をブラウザで表示できるから
わざわざ対応させてないんじゃない? ttp://overknee.info/information/update
Operaでやばいのはサイト内のこのページ…これはないだろうと思ったり。 うちの設定がおかしいのかな?
変なスタイルにはしてないんだけどなあ。
ttp://www.uploda.net/cgi/uploader4/index.php?file_id=0000020694.jpg
こんななってるw >>152
これがいわりゆるWiiやiPod touchに特化したサイトですかい? RSS自分で作って更新情報の欄に使うために配信してるんだけど、自分のボムペだけに使っても
意味が無い事にきずいた。個人で役に立つのはチェッカーで文字表示させるくらいかな。 ボムペ=ボム・ページ=バクダン・ページ
つまりこれは爆破予告だったんだよなんだってーAA略 こーゆう類のスレでよく出てくる議論について疑問に思うんだが、
本当に可変幅に合わせてウィンドウサイズを調整するやつなんて居るの?
最大化してウィンドウ切り替えはAlt+Tab、ブラウジングしながらの
作業があるならデュアルディスプレイにでもするのが普通じゃないの? ウィンドウを最大化で使ってないから、サイトによってサイズ変えてるよ
これは俺の周りだけかもしれないけど、あんまり最大化で使ってる人いないっす。
俺はサイドバーで調整してる
でも左側が動くのは嫌なので右寄せ フルスクリーンでブラウズする人ってウイン初心者に多いよ。
1つの作業しかしないので問題ないらしい。
モニターをもう1個つけろとかもう1台とかは条件が違うので論外だけど。
操作もなれてくるとネットしながらビデオ見ながらdvd焼きつつメールかいて
photoshopで作業しながら(ウインの人だと後ろ見えないので無理かw)
とかするようになるんだよ。
うちのサイトは、標準で左にあるメニューをボタンで右に出来るようにしてある。
別のサイトみつつ自分のサイトの情報みながらの時とかメニュー部分を隠すと便利。
>>174
DOS時代からPC使ってるが、フルサイズでブラウジングしてますが何か?
小さくするのが嫌でデュアル化したが…
>>175
だねw >>174
俺は慣れてからフルスクリーンでの作業になった。
てかメール書きながらフォトショなんて同時に作業できる訳ないじゃん。
普通、メール送信完了してから作業しないか?窓4個ぐらい並べてるの? >>177
相手とチャットのようなメールをしつつ
メールの内容でお互い絵を描いてたことならある
お絵描きチャットができてからとんとやってないが >>177
マックのフォトショはウインのと違って余計なグレーのバックがないので
フォトショで作業しててもデスクトップが見えるのですよ。
バックグラウンドでビデオを見ながらとか、メールを見ながらたサイトを見ながらとか
別のアプリのウインドウを確認しながらフォトショで作業が出来るのです。
ウインでそれをしようとすると、グレーのバックを縮めてしなくちゃいけない。
とても不便。と言うかなんのためにグレーのバックがあるのか理解不能。
まさにieの挙動と同じ。 せっかくだし、>>144が出したサイトでも評価するか。 >>184
見た見た。いいんじゃね?
>>185
wktk ではまず
ttp://otg.jik.jp/
から
・見た目は・・・
イイ! これはイイ! 多少の不安定感とゴチャゴチャ感があるが、解説のついたメニューなども丁寧に置いているのが好感度うp。
・サイトデザインと内容(ターゲット層)が合っているかどうか
・ユーザビリティ(使いやすさ)は良いか悪いか
・アクセシビリティ(利用のしやすさ)は良いか悪いか
・(X)HTMLとCSSの文法は正しいかどうか
・ソースは読みやすいかどうか
・各ブラウザでの表示の誤差があるかどうか >>187
いつも思うんだが、tableでいいところをわざわざdlで組む人ってなんなんだろうね
しかもdlのclass名がtableとはこれ如何に
こういう悪習を広めたのはどこのドイツだ ではまず
ttp://otg.jik.jp/
から
・見た目は・・・イイ! これはイイ! 多少の不安定感とゴチャゴチャ感があるが、解説のついたメニューなども丁寧に置いているのが好感度うp。
・サイトデザインと内容・・・合ってない…かな? Memoにはいいけど、他のコンテンツには合ってない気がしないでもない。早い話が創作サイトとしての表情ではないな、と。
・ユーザビリティ・・・丁寧な配置でトップページから先が入りやすいが、帰り道が確保されないので戻りにくい。他のコンテンツへは行きやすいのに、もったいない。
スタイル変更機能とリンク先別窓オプションは便利かもな。閲覧者側から、気軽に反応を送る機能が用意されているので、このあたりは実にフレンドリ。
・アクセシビリティ・・・基本的なことは押さえているの点と、それほど複雑な構造ではないという点から、接近容易性は決して低くないと判断。モバイルからの方がかえって閲覧しやすいと感じた。
・(X)HTMLとCSSの文法は・・・This Page Is Valid XHTML 1.0 Transitional! CSSは未検証。
・ソースは・・・CSSは読みやすい。綺麗に書いてます。
・各ブラウザでの表示の誤差・・・IE7でレイアウト崩れ。すべて右側に配置されてしまってる。
・俺的総評(←サイト名とか関係ないぞ)・・・配色が俺の大好きなチョコミントアイスっぽくて、俺はおおむね好意的。余白の取り方にクセがあるというか、とってないというか、このあたりは好みがわかれると思う。
>>189
そりゃ初手からブロック要素が二重になっているという汎用性の高さだろうね。嫌table 嫌div をかわしながらレイアウトのしやすさを求めるとdlに行き着くのかも。善し悪しはともかく。 >>191みたいな感じの評価、どう? いまいちっすか? もう少しクール&ビューティーにしたほうがいいか、もっとコアな視点で行くべきか(できないけど)
>>191
チラシの裏かブログにでも書いてろよ
きもい >>191
口調はキモイwけど言ってることはいいと思うよ。
個人的にユーザビリティとアクセシビリティに絡めた話はなかなか興味深い。
ブログに書くならURL教えて、見に行くから。 ttp://www.geocities.jp/two_2dogs/
見た目
コンパクトかつ大胆な構成からはプロクリエイター的な匂いがある。小綺麗さが心地良い。
サイトデザインと内容
各コンテンツ毎に、「それっぽさ」を漂わせるデザインを採用しており、制作者と閲覧者との間のブレを感じさせない点は秀逸。
ユーザビリティ
前述した各ページ毎のデザイン・レイアウト。これに多少戸惑うか。
しかし、ボタンやメニューなど基本的な配置であるため、実際の操作感は損ねてはいないように感じる。
アクセシビリティ
全体として、ユーザへの要求が少し高いように思える。
トップへ戻る又は他のコンテンツへ移動するためのリンクの不備、文字サイズ、新窓オープン、配置のためのtable使用など、いくつも挙げることができる。
(X)HTMLとCSSの文法
This page is not Valid HTML 4.01 Transitional!
ここで気づいたが、そもそもこのサイトはCSSデザインではない。インラインでの指定すらしていない模様。
ソース
HTMLは読みやすく、という工夫を見ることができる。第三者の目からも構成を把握できるように書いている点は評価。
各ブラウザでの表示の誤差
どのブラウザでも崩れなし。tableレイアウトの恩恵か。
◇俺的総評◇
良くも悪くもヴィジュアリティに特化したサイト。アクセシビリティとも関連するが、おそらく制作側の「美観を損ねる」という判断のもとに置き去りにされたものが多いように思われる。
ただ、コンテンツを「魅せる」ための技術、アイデアは素晴らしい。ほんの少しの親切設計が加わると盤石となり得る外観良サイト。 >>191
あちこちで貼ってるな、そこ。自演乙
>>197
最小フォント指定してあるとバロス >>197
CSSサイトでもないのに評価か。自演乙 ■ このスレッドは過去ログ倉庫に格納されています