
慶應SFCのWebサイト、Flashに依存した形にリニューアルして酷評される 105
ストーリー by hylom
いまどき企業サイトでも多くないのに、 部門より
いまどき企業サイトでも多くないのに、 部門より
あるAnonymous Coward 曰く、
SFC研究所の加藤文彦氏が自身のblogにて、慶應大学 湘南藤沢キャンパス(SFC)のWebサイトリニューアルを酷評している。
慶応のSFCと言えば、WIDEの村井先生の根城でもあり、そもそもWebの標準化を担うW3Cのホスト役でもあるわけだが、加藤氏によれば、今回リニューアルされたSFCのサイトが、アクセシビリティ、Flashの使用、速いPCのみ対象、SEO、ユーザビリティの5点で問題があるということだ。該当のサイトを見てもらえば分かるのだが、flash作品としては良く出来ているように見えるものの、情報は大変に探しにくいページとなっている。
灯台下暗しということでしょうかね。
このWebサイトリニューアルには学内外からも多くの意見が出たようで、慶應SFC側はリニューアルサイトに関する対応についてという発表を出し、リニューアル前のHTML版旧サイトを暫定的にhttp://www-old.sfc.keio.ac.jp/というドメインで復活させるという対応を取っている。しかし、旧サイトをほぼそのまま別ドメインにコピーしただけのため、一部リンク切れが発生しているようだ。
コレハ人類ニタイスル警告デアル (スコア:5, おもしろおかしい)
# HTML5+CSS3はまだ策定も終わってないしIEが一切先行実装してないので未知数だけど
# だけどたぶんそれでもデザイナは満足しないだろうという
ウン十万円納めた人だけがWebクリエイターになれるという時代が来てはならぬと。
SFC自らflashへの舵切りをして、技術的な(標準準拠という)観点を排して、経営とデザインの面のみからWeb構築を検討したら「こうなるぞ」と最悪のパターンを示したのです。
経営の立場からは目指すところとコンセプトを打ち出したであろう、デザインの立場からはそれに応じた最高のモックアップを出したであろう、そうしたらコーダーは「flashしかないですね」と言ったんだろう。
# それをもってW3Cの尻を叩きたかったのでしょう。
Re:コレハ人類ニタイスル警告デアル (スコア:1)
現実には、誰でもWebクリエイターになれるから今回のような事態が起きたような……
というかまともなコンサルさえあれば何とかなりそうな気もするから
法人は免許もったコンサルかまさないとサイト立ち上げてはいけませんみたいな
規制したほうがいいかもね。
だめだこりゃ。 (スコア:5, すばらしい洞察)
リンクを可視化して表示するアイディアはよいけど情報が整理されてない。
顔をどばーっと出してさぁ選べと言われても顔を知らないから見に来た人はどうするんですかねー
# せめてα設定した円とか枠でグルーピングして欲しかった
デザインやアイディア先行でユーザーテストしなかったんだろうな。と。
インパクに出すならアリだったんじゃないですかね?
文字ベースの (スコア:3, すばらしい洞察)
Re:文字ベースの (スコア:1)
何気に断定してますけど根拠は?
既に多くのページで使われ携帯電話ですら対応してるものですよ
「文字情報が欲しいだけ」の層は減ってきているんじゃないですか?
Re:文字ベースの (スコア:1)
ヽ(・Д . )ノ
Re:文字ベースの (スコア:1, すばらしい洞察)
スタティックなHTML文書で十分間に合うものを・・・
Re:文字ベースの (スコア:1, 興味深い)
これなんですけど現場のデザイナに聞いたところ
フォントがクライアントによって異なることが「デザインのプロ」として納得できないそうです。
# 例えば同じゴシック(Sans-serif)もMacはヒラギノ、WinはMS Pで、
# 明朝(Serif)はWinはギザって読みにくいので避けるべきとか、Macでは綺麗にAAされるとか。
# OSは同一でもMS Officeに付属するDF,DHPだとか、AdobeCSに付属するものだとか
こういった制限により表現力が落ちていると感じています。
かといってフォント埋め込みはライセンスやら何やらうるさいです。結局一番簡単な方法として画像にしてしまうらしい。(文字データはaltテキストやdisplay:noneの隠し要素でなんとかする)
また、タイトル文字などに至っては、フォントをパスに落として、変形させる等やってますので。
# そんなデザイナに道具を提供してきたAdobeなら彼らの心(creative mind)を掴むのはうまい。
Re:文字ベースの (スコア:1, すばらしい洞察)
そうじゃない (スコア:2, すばらしい洞察)
「表示が乱れてるぞゴルァ」というねじ込みが入る可能性を
排除したいだけでしょう。
対応するフォント増やせば増やしただけ工数が膨れ上がって
採算が厳しくなるし。
# すばらしい技術力があれば解決できない問題じゃないが、
# すばらしい技術を要求すると結局単価が高くなる罠
Re:文字ベースの (スコア:1)
Macのひとはよく分かってます。
とりわけMS明朝なんて、現在となっては信じられないほど汚いフォントですよ。
あんなフォントでドキュメントを納品するから、キャビネットの肥やしになるんです(笑
ニュースサイトをMS明朝で見てみるとよく実感できますよ。
逆に高価なフォントで文章を印刷すると、「読んでいてこんなに目が疲れないドキュメントがあるんだ」って感動しますぜ。
Re:文字ベースの (スコア:1, 参考になる)
本文はやっぱりモリサワのリュウミンが読みやすい。MS明朝も、印刷すると悪くない。
ヒラギノ明朝は、本文の印刷向きじゃない気がする。
PS互換プリンタに組込みの平成明朝は(略)
Re:文字ベースの (スコア:1)
現にキモデブとイケメンの印象が全く違う様に、デザインの悪いサイトは人がなかなか集まらないので、
サイトの見栄え見る側に完全にゆだねて作り手側では何も考えないことには無理があります。
個人的には、altが等価な内容で設定されていれば、むしろ文字が画像であっても何ら問題だとは思えません。
むしろ、画像が表示されていてもそのaltの内容を普通のテキストコピーに近いアクション数で扱えないUAの方が変だとすら言いたい程です。
altは画像表示しない環境のためにしかないと考える方が非効率です。
(だいたい画像に対して「~の画像」とかaltを書くことには、実用上ほとんど意味がありませんし。)
さすがに一文字ごとにまで分解して同じ様にドラッグしてコピーさせるのは困難でしょうけど、
altをクリック可能なポップアップで表示させてコピーできる様にするのは、
プログラムについては素人同然の私には今やれといっても無理ですが、AJAXとかですぐ出来るんじゃないですか?
FLASHの文字情報についても同じ仕組みが組み込めるでしょうし、UAで標準で持っていてもいい機能だと思います。
=-=-= The Inelegance(無粋な人) =-=-=
Re:文字ベースの (スコア:2, すばらしい洞察)
「デザイン」という言葉が所謂見た目チャラチャラだけじゃなく使い勝手をも含む言葉だとして、
その場合気になるのは、
「速度」もまたデザインの一部ではないか、という点です。
ゴテゴテ表示のサイトは、表示が完了すれば綺麗かも知れませんが、
完了するまでに(通信環境またはCPU次第で)凄く時間がかかり、
「待ってられん」ってことになりがちです。
そういうのもたぶん「デザインが」悪いと言っていいんだと思う。
デジタル媒体は得てして「綺麗さ」のために「速度」を犠牲にする傾向があり、
一方で人間のほうは遅いものに対して凄くイライラしやすい生き物であることを、
デザイナ諸兄(プログラマ諸兄もだが)は忘れてはならないと思います。
スローライフならぬスローサイトとでも銘打ってみますかね?>綺麗な画面
Re:文字ベースの (スコア:1)
AdobeならFlashにもフォントぐらいバンドルしちゃえばいいのにね。
Re:文字ベースの (スコア:1)
そこが一番重要なのに!!
他にも… (スコア:3, 参考になる)
ユニバーサルデザイン? (スコア:3, 参考になる)
旧新を比較すると、
旧 受験生の方へ、企業・研究者の方へ、在学生の方へ、卒業生の方へ、教職員の方へ があり
新 在学生の方、卒業生の方、教職員の方 があり
この少子化の中でSFCは受験生と企業・研究者をあてにしないということか。
Re:ユニバーサルデザイン? (スコア:1)
訂正。(用語が適切でないと思うけど)
SFC関係者の反応 (スコア:3, 参考になる)
SFC関係者でWeb上でコメントする人はやっぱりアクセシビリティに厳しい人が多いので,当然厳しい意見に傾いていると思います。オンラインでなくても,金曜日の時点で30人以上の方が事務に出向いて意見を述べたそうです。苦情のみとは限りませんが,まぁほとんどそうでしょう。
しかし,SFCは割とごった煮キャンパスなので,これが全SFCの価値観というわけではありません。ビジュアライゼーションとしておもしろい,Webのパラダイムに縛られていない,といった感じでしょうか。単純にかっこいい,かわいい,楽しいとも。(多くは聞きませんが,しかし私の身の回りはネットワーク屋さんばっかりなのでバイアスかかっているでしょう。)
新サイトデザイン担当の先生の専門が色濃く反映されているようですので,担当が違えばまた違った感じになったでしょう。実際,旧サイトの堅実(またはありがち)な作りからは一変しました。ごった煮キャンパスのいろんな側面の一つに近いです。
個人的には,最初はやっぱり条件反射的に憤りを覚えましたが(笑,広報手段として考えると目を引くのは確かです。実際「かっこいい」意見があるように。まぁFlashから追い出せる部分は追い出したり,アクセシブルなFlashにしたりなどはしてほしかったです。また学生や教員が日頃使うサイトも兼ねているので,その点けっこう不便です。
まぁそういったいろんな方面の専門家をSFC中から集めて作ってみたらおもしろくて検索性がよくてアクセシブルで軽くてメンテナンス性良くて……なサイトができるかもしれませんが,まとまらないかもなぁ……。
# SFC生だけどwww.sfc関係者ではないのでID。でもあまり偉そうにしているとちょっと怖い。
なーんだ (スコア:2, すばらしい洞察)
ふわふわくるくるするもののほうが
見てて楽しいもんね
字ばっかりなんて不親切だよね
って思ってるんだよね
やっちゃったもんはしょうがないからあんまり担当者せめるなょ
記念事業とかでweb予算が増額された? (スコア:3, 参考になる)
http://www.keio.ac.jp/index-jp.html [keio.ac.jp]
多分150周年事業でweb関係予算が増額され?
ついつい「ふわふわくるくるするもの」に配分したのでは?
ターゲットは誰? (スコア:2, 興味深い)
何を研究しているのか、どのような実験が行われているのかというような本質を、Webサイトで調べに来る様な子はほとんど居ないのではないだろうか。
それよりも、見た目の綺麗さ、動き、遊び心が重要で、文字主体のページは開いた瞬間に閉じたり移動したりしていると予想する。
日本のWebサイトを見ていると、cookie100個、javascript100個、ActiveXかFlash必須、拒絶したら追い返す。そんなページばっかりになっている。
詐欺やウィルス配布を行うのに適した環境が揃っていると感じます。
Re:ターゲットは誰? (スコア:2, 参考になる)
Re:ターゲットは誰? (スコア:2, おもしろおかしい)
NOW ROADINGって画面に出ると、画面を見回してSKIPを探すよねw
Re:ターゲットは誰? (スコア:3, 参考になる)
見事に日本のサイトが上位を占拠していますね :-)
こちら [google.com]もあわせてどうぞ.
Re:ターゲットは誰? (スコア:1)
Lode Runnerはどこに行ったのでしょうか?
まあベーマガ世代なら LOAD RUN ner も有り [wikipedia.org]でしょうけど
Re:ターゲットは誰? (スコア:1, すばらしい洞察)
Re:ターゲットは誰? (スコア:2, 参考になる)
http://japan.cnet.com/column/korea/story/0,2000067066,20347185,00.htm [cnet.com]
では過去に訴訟などもあったようですが、これがどうなったかは良く知りません。
http://pc.nikkeibp.co.jp/article/column/20080724/1006299/?P=2 [nikkeibp.co.jp]
などだと、まだお願いベースでしか動けてないようですが。
Re:ターゲットは誰? (スコア:1)
SFCの環境情報の小論文入試問題は、「あなたならSFCでどんなプロジェクトを立ち上げるか」みたいな問題でした。こういう入試ですから、当然、受験生はみなホームページくらいは読んでいます。
Re:ターゲットは誰? (スコア:1)
> そんなページばっかりになっている。
後学のために、そんなページばっかりになっているという根拠となる情報と
そういうサイトのうち代表的なのを数か所でいいのであげていただけるとうれしいですね。
Re:ターゲットは誰? (スコア:1)
(※WindowsXP/Firefox3の環境で)
環境を変更したり、ログインしてサービスを利用したらまた増えるかもですが、
100個はいくらなんでも大げさじゃないですかね。
もし100個のCookieが発行されるような部分があるのでしたらできる範囲で確認するので
指摘してほしいですね。
高校生ではありませんが (スコア:1)
たまたま19日午前1時頃にアクセスし、愕然としました。旧デザインが気に入っていたので。
18日にリニューアルと言う事ですが、なんてタイミングの悪いorz
個人的に好感を持ったのは、β版である事とメールアドレスを明記した上で、
リニューアルについての意見を募った事かな。
SFCという学校の特性上、今回のもまた、実験の一環だったと思いたいです。
>何を研究しているのか、どのような実験が行われているのかというような本質を、Webサイトで調べに来る様な子はほとんど居ないのではないだろうか。
普通の大学だと、確かにそうかもしれません。多くの受験生は、Webサイトの出来を今回酷評した方々のような視点では捕らえないでしょう。
SFCの場合は、#1478220にある通り、ちゃんと情報収集していないと難しいですが。
一方、大学側も、何を研究しているのか、どのような実験が行われているのか、どんな教授がいるのか、ほとんど書いていないところが多いです。
折角研究室のサイトがあっても、工事中とか・・・
そこらへんの情報開示がもっと進めば、受験生にとっても大学にとっても良いのになぁと思います。
Gnash (スコア:2, 参考になる)
お膝元だろうが関係ないと思う (スコア:1, すばらしい洞察)
実は村井先生の研究室の学生さんがアルバイトで作ったというのなら、問題かもしれないが。
それにしてもFlashで無意味にアニメーションされるとムカつくわ。
ただ時間を無駄に食われるだけで、スパッと表示しろと言いたくなる。
Re:お膝元だろうが関係ないと思う (スコア:1, 参考になる)
あの先生がすごい人だと思ってる人も多いようだけど、
実際には日本のインターネット黎明期に環境に恵まれただけで
あの先生が何かすごい仕事をしたとか言う実績は、あまり…。
研究にしたって、なんだかハズしてるものも多い。
ダビング10なんてうまい解決を出したって本人が思ってるのか
それは知らないけど。
教え子には「おれ、あの先生の教え子。すごいだろ。ウッホッホ」
ってやつがいたりしてるのかは、ここには書かないで置く。
想像にお任せする。
なんでリンク切れするのかな? (スコア:1)
ちょっと理由がよくわからない。
旧サイト内にある旧ドメインを、新ドメインに置換するだけでいいんじゃないの?
# つか、同じドメイン内の参照をhttp://から書くのって普通ですか?
Re:なんでリンク切れするのかな? (スコア:1)
そもそも仕様とデザインとで混乱する世の中になっていないのでは。
# / から始まるURLを書いても自動的に頭を付け足す糞CMSと戦ってる人がここにいる。
本家慶応義塾 (スコア:1, 参考になる)
他に関連サイトが色々あるが、その度に別ウィンドウを次々開くのはうざい。個々にはまともなデザインもあるが、よく見るとCMSを使ったサイトだけか(まともというか、今風なのは)。
SFCの新デザインは確かに問題だけど、他の慶応関連サイトのデザインもいくつか問題あるし、技術はいざ知らず、広めるためのソーシャルな取り組みは学内的にもあまり成功してない風。
技術力と表現力のバランス (スコア:1)
技術力とその能力に適した表現力を理解することだと思う。
いろんなものが回ったりアニメーションで変形したりしながら情報を
伝えてくれるならば、それはそれで面白く使いやすさも兼ね備えたものが
作れると思います。
しかし現状の通信技術では、文字ベースでHTMLで書かれたものが
使い勝手がよく、表現方法として適しているというところだと思う。
今回のSFCがそういう新たな可能性に挑戦したという感じでもないしね。
SF映画でよくある情報が浮いていて手づかみで開いていくインターフェイスや
スタートレックのレプリケータみたいなのが横についていて、表示情報と
ともに実体が出てくるものとか、絶対面白いし使えると思うけどな。
これをフラッシュレベルでどう表現するかが腕の見せ所。
Re:技術力と表現力のバランス (スコア:1)
今使ってみて....だめだこりゃ。
皆さんのおっしゃるとおりでした。
作業中? (スコア:1)
つい先ほどまでフラッシュ版・HTML版のサイトのいずれかを選択する画面が表示されていましたが、
今は直接HTML版の旧トップが表示されます。
日本時間だと午後4時前後?
一方www-old.sfc.keio.ac.jpの側は全てリンク切れになっています。
ご報告まで。
Re:作業中? (スコア:1)
個人的にはHTML版の方が見やすい。HTMLがどうとかこうとかよりも、ユーザーが見たときに伝えたいことが、素直に伝わるページになっているかどうかってことだと思うが。
Re:指摘側のblogも大概わかりにくい (スコア:1)
他にもlang属性が無いとか、後は本文中にstyle属性があるのにどんなスタイル言語を使うのか(例えばCSS?)の定義がMETA要素でなされていないとか、XML宣言が無いとかがちょっと気になりますね。
適切なHTMLの記述が無ければ適切な解釈ができず適切なスタイルの適用がませんから、HTMLも適切であることが好ましいと思います。
リンクについて下線を付けるのが好ましい、あるいはリンクではないものについて下線を付けるのは好ましくないっていうのはアクセシビリティでありませんでしたっけ?
ユーザビリティは無くてもかまいませんが、アクセシビリティは確保されている必要があると自分は思います。
しかし、SFC対応早い [keio.ac.jp]ですね。まぁ、それが得意分野として売りの一つだというのにあからさまにへぼへぼなんですから対応せざるを得ないんでしょうが。
まぁ、W3Cのサイトだって昔はテーブルレイアウトだったということもありますし、商売じゃないんだしあんまり気にしなくて良い気もしますが、アクセシビリティさえ確保されてれば。Webデザインの会社としてそれで飯を食ってるなら恥を知るべきだと思いますけれどもね。
◆IZUMI162i6 [mailto]
Re:指摘側のblogも大概わかりにくい (スコア:1)
下線はまあ付けるのが望ましいのはそうですが、常時下線を付けず色分けしただけでマウスオーバーで下線を出すって変化が少ないし、
ツリー内の指摘にある様に特に中央カラムについては区切りもマーカーもないので、ここだけで相当な嫌悪感がありますね。
あと、Operaで見た時に不自然なフォントバランスになったりとか。
あまりにモヒカンになると、幅固定(しかも比較的でかい)なのもたまらんとかいう人も居そうですが(^^;
俺が絶対だーなどと言う気はありませんが(所詮はてなのテンプレートをいじっただけですし)
http://d.hatena.ne.jp/TheInelegance/ [hatena.ne.jp]
うちでは通常リンクは常時下線ありでマウスオーバーで色反転、本文のはてなキーワードやカラムのナビゲーションリンクは
表示方法を変えて見た目の重み付けに差を持たせています。
=-=-= The Inelegance(無粋な人) =-=-=
Re:指摘側のblogも大概わかりにくい (スコア:1)
だからここ/.でも省略されています。
Re:指摘側のblogも大概わかりにくい (スコア:1, 参考になる)
F73: Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision
http://www.w3.org/TR/WCAG20-TECHS/F73.html [w3.org]
加藤氏は自分でWCAG2.0って言ってるのになぁ。
Re:バカ丸出し (スコア:3, すばらしい洞察)
相手の粗を探して罵倒するような書き込みは、自分の墓穴を掘ることが多いからやめたほうがいいよ。なんとかwindowsの教訓もあるだろうに(って意味分かんないこと書いてみる)。
Re:バカ丸出し (スコア:2, すばらしい洞察)
display_errors = Off
とするだけで簡単に回避できるものです。
PHP的には、 display_errors = On で本番サーバを運用するというのはほとんどあり得ないことなので、これをもって SFC のサイトに該当の脆弱性があるとは言えないでしょう。
ほんとにそう思う? (Re:バカ丸出し) (スコア:1, すばらしい洞察)
>
> * OpenSSL/0.9.8c
> * PHP/5.2.6
> * Charset: utf-8
どうしてバージョン番号からセキュリティホールがあると断定できるの?
ヘッダを見ると Server: Apache/2.0.52 (Red Hat) となってるんだけど。
RedHat はバージョン番号を変えないままセキュリティパッチだけバックポートしていくベンダーだよね?