松岡正剛の千夜千冊『ウェブ・ユーザビリティ』ヤコブ・ニールセン

第百九十夜【0190】2000年12月13日

Seigow's Book OS / MERE

ヤコブ・ニールセン
『ウェブ・ユーザビリティ』
2000 MdN
Jakob Nielsen : Designing Web Usability 2000
篠原稔和監修・株式会社グエル訳

[表紙]『ウェブ・ユーザビリティ』
© MdN

Amazonへ

オンライン書店 bk1 へ

　2000年があけた朝、インターネットには約1000万のウェブサイトが“店”を出していた。それから半年で２倍以上に膨れ上がった。
　このぶんだと2002年には１億サイトになる。ページ数でいえばいまがざっと100億ページくらいだろうから、この数倍もしくは数十倍にまで膨れあがるはずである。
　こんなサイトの数はもはやユーザーには使いようがない。これはもはや天体なのだ。ガンジスの真砂だ。でなければたんなる化物である。おまけにそのうちの８割以上はゴミといってよい。
　では、デキのよいサイトにめぐりあうにはどうすればいいか。いい手はないものか。ところがこれが見当がつきにくい。たとえば映画については、カメラワークや役者のうまさや監督の狙いなどは、観客にもある程度はつかめるのに、ウェブサイトについてはいったい何がデキがいいのか、その判断がユーザーには見えてはきていない。いやいや、サイトをつくっている当人たちにもわかっていないのである。いつまでも退屈させられるか、適当に妥協して時間をつぶしているか、たいていはそのいずれかなのだ。

　そこで本書の著者ヤコブ・ニールセンが乗り出した。“インターネット伝道師”の異名のある著者は、80年代後半からハイパーテキストをいじりだし、パソコン・ネットワークにおけるユーザビリティを調査研究しつづけてきた。
　その成果はこれまでもしょっちゅう自分のホームページに紹介していたのだが、ウェブのユーザビリティを本格的に案内するには本を書くしかないとおもって綴ったのが、この本である。たちまち全米ベストセラーになったけれど、ウェブ・ユーザビリティをユーザーに教えるにはアンチデジタルな「本に頼るのが一番」だったというのが、ユーザビリティ獲得の難しさを皮肉に告げている。

　この本は、編集工学的には100点満点で40点ほどのデキだが、ウェブ的には70点以上の“正解”と“注告”になっている。むろんこの正解と注告の意味はユーザビリティを重視したうえでのことで、デザイナーの独創性やウェブエディターの冒険性から判断されているのではない。
　けれども、やはりウェブにはユーザーの活用視点が必要である。俗にウェブ感覚といわれるものだ。とくにしばらくのあいだは、そうでなければ誰もついてこなくなる。すなわち、ユーザーがサイトの“そこ”を走っている、見ている、読んでいる、考えているという擬似感覚をつくる必要がある。それが現状のウェブ技術と結びつかなければならない。この組み合わせをまちがうと、まことに一人よがりのウェブサイトになり、やがて廃墟になっていく。
　こういう失敗がおこるのは、もともとウェブブラウザーが理想にほど遠いインターフェースになっているのが大きな原因で、そのためプルダウンメニューひとつとっても、ブックマークをリスト化することそのことが、とんでもなく煩わしい。
　しかしいまのところは、そういうお粗末な技術をあやして使うしかないのだから、そこで冒険をウェブデザイナーが引き取りすぎるのは、またそのことをプロデューサーやウェブエディターが煽りすぎるのは危険なのである。
　ぼくも1999年１月９日からのISIS第Ｉ期の実験で「編集の国」をつくってみて、いかにウェブ・ユーザビリティがすべてを左右しているかを知らされた。この「千夜千冊」もこの実験から生まれたもので、さいわい好評のうちに迎えられてきたようだが、そのほかのメニューには賑わいがなかったものもある。そこで第II期ISISでは一転、「エンサイクロメディア」というとっておきのブックコスモスをお見せするつもりだが、そこではヤコブ・ニールセンの正解と注告を多少は守りたいとおもっている。

　本書の大前提は、ウェブというメディアの特徴を「短い文章で数多くの関連項目にリンクを張るたのしみがあるメディア」というふうにとらえるところにある。
　それだけなら何をすべきかは明快なのだが、ところがもうひとつの特徴がある。それは、ウェブは「広く浅い知識より、一つの知識をいかようにも広め深めていくことが可能なメディア」でもあるということだ。この二つの異なる特徴をいかしたウェブサイトをつくるので、あれこれのワザが試されるということになる。
　おまけに、もうひとつ別の問題がある。ウェブとは「ハイパーテキストの世界」と同義だが、そのハイパーテキストをハイパーテキストっぽく書いたり、演出したりするライターやエディターがまだまだ少なすぎるのだ。映画をつくるには、映画の特徴にふさわしいカメラワークができる技術者と、それにふさわしいシナリオを書ける者や、それにふさわしい役者などがいなくてはならないが、そのようなクリエイティブ・スタッフがウェブには育っていない。また、ウェブをつくる側にそのようなプロの自覚がない。こういう問題もある。
　そこで勇躍、編集技法と編集的デザイン技法のマスターが問われることになるのだが、ぼくが見ているかぎりはなかなかそのような集中的な季節には突入していない。マンガやアニメやビデオに至らない。ロボットやロックに及ばない。ぼくが『遊』をつくったころのような研究もない。とくに日本語サイトはタテ書き表示が困難なことをはじめ、あまりうまいブレークスルーが出てこない。
　というわけで、ニールセンの注告に耳を貸さざるをえなくなるということなのである。

　本書でニールセンが勧めているのは、まずもってウェブサイトはできるだけ単一のインターフェースにしたほうがいいということである。
　そのためには、コンテンツデザインとナビゲーションデザインの特性を明確に分けておくほうがいい。ここが狂うから、かえって単一性を失っていく。そして、その両方のデザインに共通していることとして、ウェブデザインとは「応答時間を速くするためのデザイン」だということを確信するべきだ、とニールセンは言う。
　が、これが難しい。たとえば、小さなヴィジュアルを合言葉のように頻繁に繰り返し使用できるようにすることはダウンロードを楽にするのだが、それをコンテンツとナビゲーションの両方のしくみに通用させるのが、難しい。けれども、それができなければユーザーの退避率は上がるばかりなのである。退避とはユーザーがそのページの途中で逃げ出すことをいう。だいたいどんなサイトであれ、32Ｋ～33Ｋでの退避率は10パーセント以上になっているという調査結果がある。
　かくていろいろ工夫がいることになる。
　まずトップページでユーザーがそこで何をしたくなるかを強く明示する必要がある。イメージにはATLテキストを属性に使うべきである。それにはページ冒頭部で、ブラウザーがレイアウトされた情報のすべてを入手するようにしなければならない。ということはすべてのイメージにWIDTH属性とHEIGHT属性が含むように設計されるべきなのである。
　こういう観点からは、トップページの前におくスプラッシュページに凝るなんてことは、もってのほかだということになる。

　次に、ユーザーはハイパーテキストのリンクを遊びにくるのだから、リンク機能そのものに編集構造を与える。
　リンクで最も重要なことは、そのサイトのリンク機能によってユーザーが何を予想するかということを、作り手がしっかりと把握することである。そのためには「出発のレトリック」と「到着のレトリック」の二つのちがいが見えていなければならない。むろんリンクにはリンクタイトルがいるが、それらリンクタイトルによって、ユーザーがなぜ現在の文脈から離れるべきか、離れるとどのような価値が待っているかという「出発のレトリック」が伝わり、他方、そうやってリンクの宛先に入った瞬間に、自分が到着した文脈がすぐに理解できるための「到着のレトリック」がユーザーに伝わる必要がある。この二つのレトリックがすばやいアフォーダンスによって連動していなければならない。
　そのリンクにも最低でも３つがある。「埋めこみリンク」「構造リンク」「連想リンク」である。「埋めこみリンク」はページ内リンクのことで、アンダーラインが引かれた単語や画像が、詳細な情報のあるページの入口になる。「構造リンク」はナビゲーションのためのリンクで、階層を移動するためのリンクになる。これはコンテンツには直接の関係はない。なくてよい。むしろユーザーのアタマの中の活性的編集性を構造的にキックするものでなくてはならない。「連想リンク」は“脇見”をおもしろくさせるためのもので、ニールセンはあまり重視していないが、実は最もサイトの特質があらわれるものなので、いちがいにルールは決められない。が、編集工学的にはここには全力を傾注すべきなのである。ぼくと編集工学研究所がつくった「京都デジタルアーカイブMIYAKO」の連想ボタンなどが参考になるだろう。

　いずれにしてもホームページからしかサイトに入れないようではそのサイトは一巻の終わりである。どこにも入口がなければならないし、どこでもリンク（いわゆる深層リンク）が活躍していなくてはいけない。
　外部サイトからのリンクも見逃せない。賑わいには一元さんだけではダメで、フリの客も入ってもらわなければならない。これを促進にするにはすべてのページのURLを固定することである。ユーザーはリンクが必ず無際限につかえるものとおもって、ページのURLをハイパーテキストリンクとしてコピーし、自分のページに貼りつけるとおもえるようにするためだ。これに加えて、どうしてもユーザー登録や購読料を必要としたいなら、自由にアクセスできるURLを別に用意する。
　ニールセンはこうしたことをあれこれ詳細に検討しながら、話を進めていく。そして、サブサイトを含めたサイトの統一感をだすためには、なんといっても「スタイルシート」を使うべきだということをさかんに勧める。スタイルシートがどれほど役立つかは、ウェブエディターとウェブデザイナーの腕次第。なんともいえない。
　と、まあ、そういうことをあれこれガイドしながら本書が締めくくったことは、次のHOMEという４つの頭文字だった。
　　High-quality content
　　Often updated
　　Minimal download time
　　Ease of use
　実にシンプルでごもっとも。反対する気はない。けれども、これだけでは企業がより見やすくて便利なホームページがつくれるだけなのである。そこにはウェブ・レボリューションは、ない。それでも本書が役に立つだろうとおもうのは、現在のウェブサイトがあまりに野放図であるからだ。
　最後に一言。このニールセンという人はサン・マイクロシステムズのドン・ゲントナーとアンチ・マッキントッシュ・インターフェース運動を始めた男である。したがって、MACがどうしても好きだという人は、本書を読まないほうがいいかもしれない。それでもちょっと気になるというなら、まず301ページのコラムから読むといい。では、デキのいいウェブサイト、つまりはISISエンサイクロメディア2001でお目にかかりましょう。

● RSSを表示する ●

松岡正剛の最新情報はこちら

いつでも見たい、松岡正剛

書名、または著者名からバックナンバーを検索できます

千　夜　千　冊　BACK NUMBER

→ [目次]

1144	『海上の道』柳田国男
1143	『異装のセクシャリティ』石井達朗
1142	『日本人の自画像』加藤典洋
1141	『稲と鳥と太陽の道』萩原秀三郎
1140	『猿と女とサイボーグ』ダナ・ハラウェイ
1139	『カムイ伝』白土三平
1138	『江戸の枕絵師』林美一
1137	『ゲイ文化の主役たち』ポール・ラッセル
1136	『悪徳の栄え』マルキ・ド・サド
1135	『非常民の性民俗』赤松啓介
1134	『日本創業者列伝』加来耕三
1133	『市場の書』ゲルト・ハルダッハ＆ユルゲン・シリング
1132	『女帝の手記』里中満智子
1131	『日本／権力構造の謎』上・下　カレル・ヴァン・ウォルフレン
1130	『多文明共存時代の農業』高谷好一
1129	『木村蒹葭堂のサロン』中村真一郎
1128	『江戸商売図絵』三谷一馬
1127	『性的差異のエチカ』リュス・イリガライ
1126	『インターネット資本論』スタン・デイビス＆クリストファー・マイヤー
1125	『ボランティア』金子郁容
1124	『アヴァン・ポップ』ラリイ・マキャフリイ
1123	『笑いの経済学』木村政雄
1122	『ぼくの哲学』アンディ・ウォーホル
1121	『百物語』杉浦日向子
1120	『女性の深層』エーリッヒ・ノイマン
1119	『北条政子』永井路子
1118	『ネット・ポリティックス』土屋大洋
1117	『T.A.Z.』ハキム・ベイ
1116	『江戸の身体を開く』タイモン・スクリーチ
1115	『資本主義のハビトゥス』ピエール・ブルデュー
1114	『猫と小石とディアギレフ』福原義春
1113	『江戸の市場経済』岡崎哲二
1112	『田中清玄自伝』田中清玄・大須賀瑞夫
1111	『黒い花びら』村松友視
1110	『昭和という時代』鈴木治雄対談集
1109	『澄み透った闇』十文字美信
1108	『市場対国家』ダニエル・ヤーギン＆ジョゼフ・スタニスロー
1107	『負ける建築』隈研吾
1106	『未来派』キャロライン・ティズダル＆アンジェロ・ボッツォーラ
1105	『写真ノ話』荒木経惟
1104	『建築的思考のゆくえ』内藤廣
1103	『バイ・バイ・キップリング』ナム・ジュン・パイク
1102	『コンセプチュアル・アート』トニー・ゴドフリー
1101	『モダンデザイン批判』柏木博