イタリアの雑誌 L’Espresso から、ウェブデザインの未来 についての記事を書いてほしいと依頼された。以下が、その(長めの)英語版テキストだ。

オンラインの次を考えるのは楽しい。なぜなら、願えば叶ってほしいものは、たいてい実現するからだ。商業製品は市場の法則に従うが、その法則の一部は、製品を作るために必要な資源にも左右される。一方、ウェブはユーザーによって定義される。ユーザーが何かを欲しがれば、手に入るか、自分で作るかのどちらかだ。今日のウェブの限界の先を見るには、必要なものを見ればいい。

シンプルさ

今のウェブサイトがまだあまりに使いにくいことには、多くの人が同意するだろう。関係のない情報と分かりにくい機能であふれかえっている。現代のニュースサイトを開けば、機能と広告にたたみかけられる。多くのサイトは、あまりにも多くを、あまりにも急いでやろうとしている。主に次の 3 点が足りない。

A) ビジネスモデル

いまだに、明確なビジネスモデル、あるいはビジネスプランさえ持つサイトオーナーはごく少ない。多くのサイトは、押しつけがましい広告や、雑多な E コマース機能を山ほど積み上げて、提供すればするほど稼げると考えている。しかし、GoogleFlickrWorld of Warcraft のような成功したオンライン製品が示しているのは、その逆だ。

  1. ひとつのことを本当にうまくやる!
  2. 単純化する!
  3. やみくもな広告に頼らない!

サイト運営者は、もっとオンラインで稼ぐには、合理的なビジネスモデルと合理的なサイト構成が必要だと学ばなければならない。

機能を積み上げる代わりに、ウェブサイトはもっと賢くならなければならない。入力を少なくし、フィードバックを多くする。ばらばらなデータを減らし、関連性の高い情報をもっと届ける。

B) ロジックと細部

ウェブサイトが機能的に分かりにくいのは、十分に繊細でないからだ。十分に丁寧に設計されてこなかったからでもある。ウェブサイトはもっと単純である必要があるが、単純化は物事をバカにすることではない。むしろ逆だ。シンプルさとは、誰かが細部に気を配ることだ。

たとえば Google を見てほしい。見た目はシンプルだ。ユーザーは検索の技術的な細部に煩わされない。機械がそれを解き明かし、よく考え抜かれた形で表示してくれるので、デザインのことを考えさせられない。今後、ますます多くのウェブサイトが、このシンプルで繊細なやり方で機能するようになるだろう。私が好きだからではない。細部がきちんと扱われるのは、誰にとっても気持ちがいいからだ。ウェブデザイナーは、もっと慎重になる必要がある。

痛いほど面倒な作業を、ロジックと細部への配慮で簡単にしているウェブサイトの数少ない好例のひとつが、The Invoice Machine だ。

C) 自己認識

あなた自身がウェブデザイナーでないなら、たいていのウェブサイトはチェスの試合のように見えるだろう。多くのウェブ関係者は、この業界にいない人たちに、サイトの複雑なロジックを伝えることなど想像できない。

状況は変わりつつある。ウェブデザイン学校では、デザイナーの盲点を考慮したトレーニングが行われるようになった。また、デザイナーもクライアントも、使いやすさが重要であり、大掛かりなやり直しよりも A/B テストのほうがサイト改善に役立つと理解し始めている。

速度

同僚の多くが驚くかもしれないが、テレビがいまだにこれほど人気のある媒体である最大の理由は、どんなウェブサイトもリモコンの速さには勝てないからだ。画面デザインは、紙のページをめくるような即時性にもかなわない。ラジオも同じだ。iPod を準備するより、ラジオをつけて局を回すほうがずっと簡単だ。速度という点では、従来のインターフェースが今もウェブデザイナーの基準だ。

人々が E メールの代わりに TwitterFacebook でダイレクトメッセージを使い始めたのは、メッセージ送信に必要な物理的操作が少ないからだ。未来のウェブデザイナーは、表面的なデザインよりも、物理的操作を減らしてプロセスを速くすることに注力するだろう。高速なインターフェースを学ぶ最良の方法は、ドアノブ、引き出し、シャンプーボトルのような日常のインターフェースを研究することだ。ウェブデザイナーは、もっと伝統的なプロダクトデザイナーから学ぶべきだ。

美しさ

ウェブデザイナーはよく、自由が足りないと不満を言う。まったくのナンセンスだ。自由は十分すぎるほどある。むしろ、多すぎる。だからこそ、多くのサイトがあれほどひどく見え、ひどく感じるのだ。

ユーザー体験は、サーフェスではなくインターフェースにある。 モバイルサイトを見ればわかる。モバイルがどれだけ話題になっても、モバイルサイトは派手には見えない。たいてい表面的なデザインは最小限だ。それでも私たちはみな、それを気に入っている。主に、画面サイズと通信回線の帯域が、モバイルサイトのデザイナーに装飾要素を削ぎ落とさせ、純粋なインタラクションに集中させるからだ。ウェブデザイナーの視点から見ると、これはとても健全な環境だ。

見た目の派手さに時間を使い、クライアントと「緑か黄色か」「セリフ体かサンセリフ体か」を議論する代わりに、インターフェースを構成するものに集中しなければならない。私は、ウェブデザインの未来では、見た目のスタイルは今ほど重視されなくなると確信している。そう言えるのは、見た目よりインタラクションを重視するサイトのほうが売れるからだ。そして、それこそがサイト運営者の関心事だ。

見た目のスタイルへのこだわりは、90 年代の残響だ。90 年代はもう終わった。トップの意思決定者や、ばかげた企業組織がデザインプロセスを邪魔することは、よく知られている。はっきり言おう。車を運転できるからといって、車の設計者になれるわけではない。言い換えれば、CEO はウェブデザインに口を出すのではなく、ウェブのビジネス戦略に関わるべきだ。

そう言うのは簡単だ。典型的な企業のデザインプロジェクトはトップダウンで決まる。そこで扱われるのは、たいてい「ロゴは丸いほうがいいか、四角いほうがいいか? 青か、緑か?」という、きわめて些細で取るに足らない話だ。一方で、ウェブサイトはユーザーが何を欲し、何を理解するかの問題だ。

幸いなことに、「CEO が望むもの」から「ユーザーが必要とするもの」への移行は、ウェブデザイン以外の分野でも起ころうとしている。Wii と iPhone が、はるかに大きな競争相手に勝てた理由のひとつは、競合製品よりユーザーフレンドリーだったからだ。

主なトレンド

@font-face とその関連技術によって非標準フォントが使えるようになった一方で、ウェブサイトは、画面上で最適に表示されるよう作られた、少数の標準フォントで読まれるものだと受け入れる健全な流れもある。理想的には、ウェブサイトのサーフェスデザインは、フォント選びと同じくらい標準化されていくだろう。

ウェブ技術とウェブデザインの標準化は、大きな前進だ。モバイル機器の表面デザインを見てほしい。ウェブデザイナーが標準要素を組み合わせることだけに専念できるなら、製品ははるかに使いやすくなる。ウェブデザイナーは、技術的・視覚的な標準や、文字のコントラスト、フォントサイズ、アクセシビリティのような基本的な使いやすさについて、ますます強い意見を持たなくなる。デザインが高度になるほど、それは見えなくなる。あるいは Apple の Jonathan Ive が言うように。

そういう製品で私たちがしていることの多くは、デザインを前面に出さないようにすることだ。そう考えると、それはほとんど必然のように感じられるし、ほとんどデザインされていないようでいて、ほとんど「当然そうあるべきだ」と感じられる。ほかの形である必要があるだろうか?

ウェブサイトをどうデザインするかという理論上の可能性は、今後も無限だろう。だが現実には、本当にうまくいくものはわずかしかない。ウェブデザイナーにとって大きな助けになるのは、グリッド、レイアウト、タイポグラフィの定義を備え、使いやすいレイアウトづくりを助ける CSS 開発用のさまざまなフレームワークだ。

個別にデザインされたサイトから、TwitterFacebook、~~Posterous~~ Tumblr のようなソーシャル・パブリッシング・プラットフォームへ移るユーザーが増えるほど、これらのプラットフォームの実際のデザインは、経済的な理由から、美しさよりもインタラクションに集中するプロの手に委ねられる。

ウェブのユーザーインターフェースを統一するもうひとつの大きな助けが、ユーザーインターフェースライブラリの jQuery UI だ。jQuery UI には、サインアップフォームやモジュール式の写真ギャラリーなど、すぐに使えるインターフェース要素が大量にそろっている。無料で、実装しやすく、安定したコードを使い、GUI を再発明しようとするのではなく、フロントエンドのデザイン標準を採用している。

逆の流れ

タイポグラフィは、派手なフォントを選ぶことではなく、ユーザーにとって最高の読書体験を保証するように文字を配置することだと理解するウェブデザイナーは増えている。現代のウェブデザイン(そしてプログラミング)には、プロジェクトごとにウェブデザインをゼロから作り直す非効率な流れから離れ、使いやすく標準化されたフレームワークへ向かういくつかの傾向がある。もちろん、どんなトレンドにも、それに対抗する面白い逆流がある。

こうした技術的な進歩は、ウェブをますます均質な場所にしていく一方で、同時に、記事ごとに異なるデザインを使う、高度にキュレーションされたサイトを作ろうとする流れもある。

考え方としては、記事の見た目はサイトのブランドアイデンティティに従属するべきではなく、サイトのほうが色や形をコンテンツに合わせるべきだ、ということだ。そうしたデザインのカメレオンの好例が、Jason Santa Maria の weblog だ。

結論

技術はしばしば、原始的なものから複雑なものへ、そして単純なものへと発展する。ウェブは従来の技術よりも速く、しかもクライアント中心に発展する。ウェブ開発はより安く、より柔軟で、そして何よりも、誰もがその発展に参加できる。具体的に言えば、より良いインタラクションデザイン、より少ないグラフィックデザイン。より良いユーザー体験、味の議論はより少なく。より速い技術、より信頼できるデザイン標準。

この動きを裏づける技術的・社会的トレンドはいくつもある一方で、物事を面白く保つ逆流もいくつもある。次世代のブラウザによってウェブデザインの開発がずっと容易になれば、ウェブデザインにはさらに機能的な自由が生まれ、見た目の標準化も進むだろう。