Latest thinking
すぐに使えるノウハウではなく、「なぜそうなっているのか」を考える記事を書いています。デザインの仕事で感じるモヤモヤに、構造から向き合いたい人のための場所です。
知識ではなく知恵を養おう
先日開催された3.4.U [http://www.yasuhisa.com/could/diary/3-4-u/]で、サイバーガーデンの益子さん [http://www.cybergarden.net/] にお会いしました。イベントが始まる前に少し話をすることが出来たのですが、そのとき「知識ではなく知恵を大事にしないとね」という話をされていました。サラッと名言を残し姿を消した益子氏でしたが、よくよく考えてみると仕事においてとても重要な考え方だなと思いました。Webデザインという狭い範囲で考えても当てはまることですね。 他の分野と同様、Webデザインにも幾つかのルールが存在します。検索をすると「すぐ出来る」「知っておきたい」「鉄則」「ルール」あたりの言葉が添えられたノウハウがたくさん出てきますし、書籍も似たような感じです。こうしたルールを示す情報があること自体は重要ですが、これによって本当に「正しいこと」が出来ない場合があると思います。 ルールがある以上、例外は存在します。大まかに「Webサイト」とひと囲みしてもそれぞれ目的や作り方が違うので、ルールに当てはまらない場合は出てきます。
3.4.U!で情報とテクノロジーの変化について話しました
2009年10月8日、JWDA・CSS Nite・PCC の共同イベント 3.4.U! [http://www.jwda.jp/event/e20091008/] にて「コミュニケーションの変化からみる今後のWebデザイン 」とう題名で講演をしました。毎回セミナーに行くと数人知っている方にお会いするのですが、今回はほとんどいなかったので少しだけアウェーな感じがしました。それも恐らくビジュアルデザインやマーケティングなど Web という共通項があるものの、違う立場で仕事をしている方が集まるセミナーだったからかもしれません。こうした場にあまり参加したことがなかったので、新鮮でもあり良い体験をさせていただきました。私の前に話をした un-T factory [http://www.un-t.com/] の中川さん、ニューロテクニカ [http://www.neuro-technika.com/]の細野さん共にプレゼンが上手だったという意味でも刺激になりました。 いろいろ技術が出て来ては消えています。人によっては何を学べば良いのか分からなくなったり、覚えることが多過ぎて気が滅入ってしまうこ
404ページのデザイン提案【後編】
このエントリーは「404ページのデザイン提案」の続きにあたります (前編 [http://www.yasuhisa.com/could/article/designing-404-1/]) (中編 [http://www.yasuhisa.com/could/article/designing-404-2/])スケッチをすることでページの大まかな形が見えてきたところで、早速コーディングに入りました。404という1ページの課題なので、そうしているというのもありますが、最近は Photoshop とかでビジュアルを固めないままマークアップを記述することがあります。結局ブラウザで表示される状態でないと分からないこともありますし、骨格の状態から徐々に色や雰囲気を加えて行く作業は結構楽しかったりもします。構造への意識もしやすいですし、この時点でまたレイアウトを吟味出来る機会があるという意味でもメリットがあると思います。こういう作り方をしているので、ブラウザのデバッグツールが充実しているのは非常にありがたいです。 すべての案件でそうしているわけではないですが、今後はそうしていきたいですし、素早く
Googleが考える新聞の生き残る道
随分前になりますが、今年の 4 月に Google の Eric Schmidt が Newspaper Association of America の集会で 演説を行いました [http://newshare.typepad.com/newshare/2009/04/audio-google-ceo-eric-schmidt-addresses-the-naa.html] 。また、別のサイトで質疑応答の筆記録 [http://www.poynter.org/column.asp?id=101&aid=161441] も公開されています。新聞の発行部数も広告収入も急激に落ちて来ているアメリカでは、Web サイトに様々なコンテンツを掲載し、開けた印象を作り始めています。質疑応答のほうでは良くも悪くも Google 視点な見解と提案がなされていますね。以下に要約をリストアップしておきます。 * いずれかひとつではなく、広告、購読、マイクロペイメントの3つが収入源になるだろう。
404ページのデザイン提案【中編】
このエントリーは「404ページのデザイン提案【前編】 [http://www.yasuhisa.com/could/article/designing-404-1/]」の続きにあたります。なぜ 404 ページが表示されたのか、そして利用者が出来る次のアクションが何かがみえてきました。これからいよいよ大まかなレイアウトのスケッチに入るわけですが、もうひとつ考えておきたいことがあります。ページに表示させたい項目だけでなく、必要でないと考えられる要素も洗い出しておくと、スケッチが最初の段階からある程度洗練されたものになります。 通常のページでは必須項目でも目的が絞られてるページだとそうではない場合があります。「あっても良い」「もしかすると誰か必要になるから」くらいの要素は目的が絞られているページでは省いてしまっても良いと思います。要素を最小限に絞り込むことで、ページで伝えたい目的がより明確になるでしょう。サイト内のリンクからで 404 が表示される割合より、サイト外からのアクセスで 404 が多く表示されています。そこで、サイト内でいろいろ読みたいけど行き詰まった人というよりかは、読みたい
404ページのデザイン提案【前編】
Twitter [http://twitter.com/yhassy/status/4492566304]のほうでひっそりと告知しましたが、404ページ [http://bit.ly/z8X7x] のデザインを変更してみました。なぜこんなところから始めたのかというと、サイト制作でいつも後回しになってしまう部分なので考えてみたかったですし、1ページ完結型なので早く形に出来るというのが理由です。いわゆるエラーページなわけですが、「見つかりませんでした」という結果表示ではなく何か補助出来ないかというのがテーマでした。 機械的なエラーの表示の仕方はケアが必要です。多くの利用者はエラーをみると、たとえシステムエラーでそうなったとしても、自分のせいにしてしまう場合があります。メッセージの出し方によっては「何か誤操作をしてしまったか」「そもそも何が起こったの？」「もしかして壊した？」といった感情を引き出してしまう可能性があります。利用者が悪くないのに、悪いと突き出してしまうような見せ方だけは避けなくてはいけません。 専門用語を使ったり、簡略化過ぎるエラーの説明もよくありません（説明抜きにしておも
IntelとNokiaが学生と一緒に考えたデザイン案
Copenhagen Institute of Interaction Design [http://ciid.dk/] では、インタラクションデザインの修士プログラムが用意されています。ユーザー調査、GUI 研究、データの視覚化など興味深いコースが幾つも用意されていますが、その中でも企業で働くデザイナーを招いたワークショップが注目です。Intel とのワークショップの際はサステナビリティを意識した IT ソリューションの研究がなされました。ワークショップで生まれたアイデアは Webサイトにて公開 [http://dkds.ciid.dk/py/industry-project-intel/projects/]されています。 どのプロジェクトもビデオがあるので文章を読まなくても何をするデバイスなのか分かるのが良いですね。何が出来るというより、ストーリー仕立てで人がどう使うところにフォーカスしているのも分かりやすい理由といえるでしょう。自分が利用したいエネルギーだけ購入し、デバイスごとに制限を設定出来るシール「 Energy Rehab [http://dkds.ciid.dk/py/
Webサイト運営でしてはならない質問
どうやったら人がもっとサイトに訪れるのか？ これは Web サイトを構築・運営においてよく耳にする質問ではありますが、投げかけるべき質問なのかどうか疑問です。私が知っている方の多くは質の高い HTML マークアップが出来る方が多く、妙な SEO トリックを使うことなく検索エンジンの上位に作成したサイトを表示させることが出来るでしょう。しかし、Web サイトにたくさんの方が多く訪れたらそれで良いのでしょうか。1日に数百万の方がアクセスするようになったとしても、彼等がそこで何もしなかったら意味がありません。Web は世界中に広がる大きなネットワークですが、Web だからこそ量ではなく質がものをいいます。訪れる人たちを顔が見えない数字として捉えるのではなく、どのような人たちに来てもらいたいのか、何を提供出来るのか、何を利用者にしてもらいたいのかを問いかけなければいけません。 つまり「どうやったら人がもっとサイトに訪れるのか？」ではなく「利用者に提供したいコンテンツは何か？」を追求するべきでしょう。実はこのシンプルな質問の変化が Web サイト制作・運営に大きく関わってきます。 もしいつ
Chrome Frame はひとつのソリューション
今週リリースされた Chrome のように JavaScript や HTML5 レンダリングを実現することが出来る IE 向けプラグイン、Chrome Frame [http://code.google.com/chrome/chromeframe] 。プラグインをインストールしているブラウザのみ認識するたった一行の meta を記入するだけなので、制作者にもやさしい仕組みになっています。Techcrunch [http://jp.techcrunch.com/archives/20090922google-turns-internet-explorer-into-chrome-yes-seriously/] あたりでは、「笑える」「スマート爆弾」だとおもしろおかしく Chrome Frame を表現していますし、「IE を乗っ取った」と書いている方も見かけますが、個人的にこれは素晴らしいデザインソリューションとして見ています。 まず、構造からして「乗っ取り」ではなく、利用者を意識した配慮がなされています。Chrome Frame は Browser Helper Object