第一回

見てもらえるウェブサイトを考える

ウェブプロデューサー養成講座
株式会社電通 CC 局

中嶋淳＋及川直彦

中嶋淳

1989 年入社。CC 局（当時はPR 局）配属。オリンピック招致コンサルティング、ビジネス情報ビデオ企画制作、デジタル関連企業戦略立案、CD-ROM 企画制作などの後、怒涛の企業ウェブサイト構築屋となる。

及川直彦（株）電通 CC 局業務推進 5 部 主事。
1988 年（株）電通入社。ビール、自動車、海外自治体な
どの PR 作業、情報通信産業関連の CC 作業などを経て、現在はウェブサイトの企画プロデュースを担当。

314 INTERNET magazine 1997/4

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D■はじめにしいコミュニケーションの場として不可欠なものとなっているのは読者の皆様もお気付きになっていることかと思われます。

私たちはこのブームの中で、広告代理店勤務という立場から「いかにして意味のあるウェブサイトをクライアントのために構築できるか？」という観点でビジネス展開をしています。
しかし、それこそウェブサイト構築ビジネスが始まったのもここ 2 年ぐらいです。私たち自身も含め、まだまだ確固たる視点の確立、つまりウェブプロデュース道とはなんぞやという考え方がよく整理されていません。

そこで今回の連載では、企業ウェブサイト構築プロデューサー（もどき）の立場として、個人でウェブサイトをお持ちの方も含めて、ウェブサイトを活用されている方のヒントになりそうな「視点」を共有し、そこから優れたウェブを作るためにどうしたらよいかを一緒に考えてみたいと思います。

「俺、ホームページを持っているんだ！」と言えば、企業でも個人でも見てもらえた時代はもうとっウェブサイトの進化∋

WEBPRODUCE
R

一昨年のブーム以来、多くの企業や団体がウェブサイトの活用を試みており、そのいくつかは実際に新くに終わってしまい、そんな動機で作られたサイトの多くは、「last update on February 3,1996」と■ますます重要になってきたウェブデザイン

かいう表示とともに、サイバースペースの中でそんまず最初に考えてみたいのが、ウェブサイトそのな時代があったことを刻むモニュメントとなってしまものの進化です。

いました（合掌…）。

結論から言えば、ウェブサイトの表現レベルやデその一方で、ウェブというメディアの活用を真剣

ザインは、いわゆる「インターネットブーム」が日に試みている、あるいはすでに実際に活用している本でも始まった1994 年のころとは比較にならないく方々は、いっそう多くの情熱とエネルギー（そしてらい向上しています。これはもちろん、HTML 自体ときには費用）を投じて、この進化を取り入れ、優のバージョンアップやHTML でレイアウトされたページ上で読み込むことを想定した各種の新技術、回線速度の改善などが背景にあるわけですが、まず何よりもウェブサイトで魅力的な表現を発明する多くの優れたデザイナーの情熱の成果であるわけです。
ウェブサイトの数がまだ少なく、珍しかった時代

David Siegel 氏のサイト「Welcome to My Casbah」

jhttp://www.dsiegel.com/

GOOD!!

優れたデザイン例れたウェブサイトを作っています。

「優れたウェブサイト」とは？

■「見てみたい」と思わせるのが優れたには、ちょっとよさそうなウェブサイトがあればアクウェブサイトの条件セスしてもらえたのですが、今日のように膨大にふでは、そもそも「優れたウェブサイト」とは何なくれあがり、表現レベルが高くなると、利用者のほのでしょうか。それは、要するに「見てもらえるウうもそんなに1 つ1 つのサイトをていねいに見ることェブサイト」ということでしょう。ここで、ウェブにができなくなり、一方で目が肥えてきていますから、代表されるネットワークメディアの特性をもう一度トップページをながめたくらいで「ここは面白そう」考えてみてください。

「ここはイマイチ」と即断即決するようになっていま今までのメディアと最も異なる点、それはウェブす。このような状況の中で、デザインというものがサイトにアクセスするかどうか、どの情報を見るか、ますます重要になっているわけです。

ほかのサイトに飛ぶかなどの選択肢が「受け手」にBank of America

jhttp://www.bankamerica.com/

NOT GOOD!!

イマイチな例ある点です。

■第三世代のウェブサイト

「すべての人が情報発信者になることができる」と某米国ウェブ専門誌で「Duke of URL」と評されたデビッド・シーゲル（David Siegel）氏は新しいう考え方には、このような落とし穴があるわけです。

いウェブ構築の考え方として「第三世代型ウェブサここで言う「見てもらえるウェブサイト」は、多イト」（317 ページ「Hot Word」参照）を唱えていくのアクセスを集められるということではなく、むします。

ろ、その数は少なくてもかまわないから、確実に初期のころに見られた「Welcome to...」とタイ「受け手」がいるサイトということです。トップの画トルがあって意味不明のグラフィックスが表示され面だけで「BACK」ボタンを押されたり、1 回見てたり、サブディレクトリーの項目にブリット（タイもらえたとしても「一期一会」的なものは「見てもトルの前の●）が並んでいたりするような旧来型のらえる」サイトとは呼べませんね。
「次の画面を見てウェブに別れを告げ、「新しい世代の、新しい世代みたい」、そして「これを作った人と会話してみたによる、新しい世代的な」ウェブサイトでなければい」と思わせるようなもの、これが優れたウェブサ

意味がないとシーゲル氏は言い切っています。

イトなのです。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

PC Card Packaging

jhttp://www.pccardpkg.com/

INTERNET magazine 1997/4315



その荷物がいまどこでどういう状態にあるのかをすぐに教えてくれます。それによって、あなたは「いアイデンティティをデザインする

つでも」
「直接」
「すぐに」ほしい情報を手に入れることができるわけです。

jhttp://www.fedex.com/

これは「早く」「確実に」届くという彼らの商品■何がしたいのかを明確にネットサーフィンをしていていろいろなウェブサイ価値に加えて、高度な付加価値が付いたことになる

トを見るときに、「この人（会社）は何を言いたいわけです。その結果として、このような情報提供をんだろう？」ということが、いまいち分からないもしてくれる会社は顧客に支持され、繰り返し利用しのに出会うことが結構多いものです。そういうサイてくれる顧客を増やすことができるのです。
さらに、このようなサービスがうまくいったことかトは……さっさと通過してしまいます。
意図不明なウェブサイトを作ってしまわないため

ら、FedEx 社自身にも新しい発見や変化があったに、私たちはとても簡単な次のような質問を「最初ようです。同社が新たに始めたFedEx Ship ではソに」「作っている途中に」「公開してからも」お得意フトウェアをダウンロードすることで、発注書の作様と自分たち自身にするようにしています。

成から発注受付までができるようなサービスを開始「あなたは（御社は）、ウェブサイトを使って何をしています。同社は、ソフトウェア開発により顧客したいのですか？」

サービスのリーダーシップの地位を保つべく、さらWelcome to FedEx

なる向上を目指してスタッフを増強しているそうです。

明確な目的を持つ

FedEx のトップページ。
「TRACKING」をクリック■アイデンティティの確立後は■最初に方向性を決めるのが重要コンセプトの構築

アイデンティティをデザインするための第一歩は

FedEx のサイトなどは「誰に、何を提供したいの明確な目的を持つことです。これがしっかりしていか」「誰と、どのような対話をし、関係を築きたい

ないと、たとえあなたが世界で一流の編集者やデザのか」「対話の過程で、自分をどのように変えていイナー、技術者をかき集めたとしても、いいサイトきたいのか？」の明確な例と言えます。

はできません。

ウェブサイトの目的がはっきりすれば、アイデン目的とは、たとえば、ティティをデザインするための次のステップは、▼誰に、どんなことを伝えたいのか？

▼明快なコンセプトでサイトを統合する提供したいのか？

▼論理的なベネフィット（わかりやすい、便利）▼誰から、どのような声を集めたいのか？

および感覚的なベネフィット（楽しい、美しい）をどのような行動をうながしたいのか？
▼誰と、どのような対話をしたいのか？
作りたいのか？
▼その対話を通じて、どのように自分を変えていきたいのか？
といったことです。
我々自身も、ウェブサイトをプロデュースするときはこの部分について考えるのに最もエネルギーをさきます。ここがしっかりしていれば、優れたサイトを作るための八合目くらいまで来ていると言っても過言ではありません。

■顧客のニーズを的確にデザインしている FedEx

国 際 貨 物 サービスの F e d E x 社 のウェブサイト

ここは、それほど高度な編集コピーやグラフィックデザインはありませんが、このような視点から非常に優れたサイトなのです。

たとえば、あなたがFedEx 社を利用して荷物を送っているとき、あるいは待っているとき、「Tracking」のページであなたのトラッキングナンバーを入れれば、316 INTERNET magazine 1997/4となりますが、つづきは次回にいたしましょう。

トラッキングナンバー、発送先、発送日を入力して「Request Tracking Info」をクリック

WEBPRODUCE

こうした目的性の高いサイトとして有名なのが、（http://www.fedex.com/）です。

ξ

実現する編集方針と世界観の構築
関係を荷物の出荷状況が確認できる

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

Hot WordWebsite

今月の気にキなるーワード「第三世代のウェブサイト」「Creating Killer Websites」なる本の存在を皆さ ん は ご 存 じ で し ょ う か 。 Earth's BiggestB o o k s t o r e と銘 打 つ a m a z o n . c o m（http://www.amazon.com/）でも96 年の年間ランキングで2 位と、インターネット分野でのベストセラー。著者はHIGHFIVE というウェブデザインアワードサイト（http://www.highfive.com/）を主宰しているデビッド・シーゲル氏です。彼が手がけるウェブサイトはどれも「第三世代ウェブサイト」と・扉を開けて、中を見渡して、店員に声をかけられて、自分の席まで歩いてもらう演出。
・席についたあと、分かりやすく、シズル感のあるメニューを見せられるかどうかの演出。

ホームページ・ 1 つ1 つの料理は当然おいしく。そしてそれぞれがある種の全体感を醸し出す演出。
・会計したあとに、満足して席を立ち、店の外に出てもらえるかどうかの演出。
・フッとしたときに、もう一度行ってみようと思わせる記憶の演出。

呼ばれています。
Mosaic が出てきた時のHTML に準拠したありきこれらの演出の考え方すべがウェブデザインに当たりのトップページのデザイン。そしてホームページてはまるというのが彼 の主 旨 です。 詳 しくはとそれぞれのサブディレクトリーコンテンツが一対一

amazon.com（http://www.amazon.com/）などの構造で構成されたウェブサイトが「第一世代」

で著書をお買い上げになるか、またはウェブサイト

（図 1）
。

（http://www.killersites.com/）をご覧ください。

次のページ

り豊かなビジュアル表現が可能になり、視覚に訴えとにかく、こうしたポイントや、彼が提唱する膨るウェブサイトが作られるようにはなったが、「構造大なHTML の美学（これらに関しては、私たちがい的」には「第一世代」と変わらないサイトを「第二つも念頭に置いている点と重なるところが多いので、世代」と定義しています。

次回以降具体的に説明します）にきちっと適応してそして、「第三世代」とは一体？という問いに、いるサイトが「Excellence in SiteDesign」として彼は「レストランモデル」なる比喩でこの概念を紹表彰されるわけです。そして世界中のプロのウェブ

たとえば、あなたがレストランの経営者だと仮定

残念ながら、日本のサイトはまだ1 件も表彰されして出ていき、常連になってもらうまでのプロセスていません。もちろん英語コンテンツでないというこをどうデザインするか。これと同じことがウェブサイとも大きな要因ですが、やはりここはひとつ本誌読

1
入口
トンネル

ページ

A

2
入口
トンネル

1

B

中心のページ・一見の御客にとって、店の造りが自分とフィッ

出口
トンネル

1

ページ
出口
トンネル

C

2って、デビッド・シーゲル氏を見返してしまおうで

●

トンネル
バイパス

ページ

者のみなさんも私たちも グッとくる ウェブを作トデザインにも言えるということです。

次のページ

入口
トンネル

GIF を張り付けるべく、日夜努力しているわけです。

してみましょう。あるお客が自分の店に入り、満足

次のページ

入口
ページ

プロデューサーは自分のサイトにHIGHFIVE の認定介しています（図 2）
。

次のページ

図 1 ：第 1 ・第 2 世代のウェブサイト

●また、ネットスケープナビゲーターが登場して、よ次のページ

ページはありませんか！

Dトするかどうかの演出。

出口図 2 ：第 3 世代のウェブサイト

The High Five Award Page

Creating Killer Websites Online

jhttp://www.highfive.com/

jhttp://www.killersites.com/core.html

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

ベストセラー「CREATING KILLER WEB SITES」
45.OOUS ドル

INTERNET magazine 1997/4317

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.