第9回

株式会社アットマーク・アイティ

www.atmarkit.co.jp

先鋭なる創り手は「使いやすさ」に挑戦する﹁ ウサ ェー ブ
ビ サス イ﹂ トと会 全社 体の がす
べてphoto : Nakamura Tohru(mermaid)

194 +++ iNTERNET magazine +++「IT専門家」のためのツ提供は一般消費者向けの取引だが、収コンテンツとコミュニティー益は企業間取引という二重構造だ。

いわゆる「IT業界」の変化は早い。その同社はスポンサーに、バナー広告はもち道の専門家でも、最新技術やビジネスの動ろん、読者の興味を惹く分野の情報や読者向を把握しながら自分の能力を向上させ調査の結果などを提供している。スポンサ続けるためには、しかるべき努力と戦略がーはそれをマーケティングに活用する。ま必要になる。

た、専門性の高い同サイトでは、広告のメそうした自助努力を手助けするのが「アッセージも専門的になり、バナー広告だけットマーク・アイティ」（＠IT）だ。
「自分戦略

では十分に意図を伝達することが難しい。

をつかめ」をコーポレートスローガンとしてそのため、単なるサイトのスペース売りよいる同社では、情報システム関連技術者がりも、記事とのタイアップ広告の提案や関スキルアップやキャリアアップするために、連セミナーの企画が主力商品になる。こうさまざまなコンテンツとコミュニティーを提した継続的な展開にも、多元的なリンクや供している。業界関連ニュース・技術解

双方向といったインターネットの特性が有説・外部組織との提携による技術セミナ効に機能している。

ー・転職エージェントとの面談など、対応領読者は、メールアドレスなどの個人情報

域は技術者の職業的な興味全般をカバーを提供することで「＠IT クラブメンバー」している。
「『自分のビジネス上のシナリオになり、イベント情報の入手・BBSでの発が一本化して見える』というイメージ」（土言権・商品と交換可能なポイントの獲得な屋利佳子 PR/マーケティングスタッフ）。

どのメリットを受けられる。同社はその見同社は、コンテンツを「記事」、顧客を返りに個人の職種や趣味嗜好といった情「読者」と呼ぶにもかかわらず、紙媒体を使報を取得しているが、無差別にアドレスをわず、自らをウェブ専業の「メディア」と位集めるという戦略はとらない。組織内で影置付けている。理由は2つある。1つはコ響力の高い読者の選別も目的だからだ。

ストの問題だ。提供する情報は専門的でこのため、一般読者にはバナー広告であり、個々の記事の読者は少数になる。い薄く広くメッセージを伝え、「＠IT クラブ

わば多品種少量生産だ。
「ハイブローな情メンバー」とはより密なコミュニケーション報を少数の読者へ提供するのがコンセプを図るといった戦略も策定できる。
「メンバト。それをビジネスとして成立させるためーには 1 ランク上のおもてなしができる。には、流通コストのきわめて低いネットが同時にそのおもてなしが商品になる」（樋最適だ」（新野淳一 編集担当取締役）。

口理 事業開発担当取締役）。影響力のあ

2つ目は、ネットの持つ双方向性が同社のる技術者を、「Loyal Reader」（熱心な読ビジネスモデルに不可欠だからだ。同社で者）にできたことで、同サイトはスポンサーは読者からは代金を取らず、「スポンサー」から、企業とプロフェッショナルを確実にと呼ぶ企業から収入を得ている。コンテン橋渡しできるメディアと、評価されている。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D（2-1）
有用な情報は速やかに見つけられないと意味がない（2-2）
問い合わせ先の表示は、ユーザーを受け入れる運営スタンスを示す（1-1）
トップページには明快なタグラインがあるといい（2-3）
余白が多いと、ユーザーは不安に駆られてしまう

短く、一義で、中身を予想できるという表現に変更した。セミナーという表

視点1：アイデンティティー

機能名と記事タイトル

現では読者が内容を想像できないと、ユー〜サイトとその運営者の表現

サイトデザインは編集局が行っている。

ザビリティーテストで判明したからだ。

ユーザーは「特定の情報」または「自分スタッフ全員が紙媒体の雑誌編集の経験個々の記事タイトルも「短く、一義的に、中に有益な何らかの情報」を求めてサイトを者で、同社に入るまでウェブサイト制作の身を予想できるようにする」（新野氏）。内訪れ、そのサイトが目的に合致しているか経験がないスタッフも多い。

容のわからないタイトルはクリックされなどうかを一瞬で見極める。大半のユーザ「基本フォーマットは自分でデザインし、い。読者の興味を惹き、逃がさない工夫もーがサイト内で最初に訪れるトップページグラフィックは専属のデザイナーが行った」

必要だ。
「紙媒体で言えば、目次よりも電車

では、「ここには自分に必要な情報が存在（新野氏）。パソコン通信のフォーラムやアの吊り広告に近い」（樋口氏）。メールマガしているか」を直感的に判断できるように、メリカのコミュニティーサイトなどを参考にジンの広告でも、同じ内容で違うコピーを明確なアイデンティティーの表出が必要だ。

して、専門家同士が知識を交換し合うため用意してクリック件数を比較し、効果的な＠ITのトップページ（1-1）には、「タグラの仕組みを考え、サイト構造やページデザ表現を探している。

イン」（テキスト文字による簡潔なメッセー

また、読者はモニターで文字を読むことジ）が存在しない。現状のデザインでは、ユーザビリティーの検証・改善は編集局に慣れてはいるが、視覚上の負担は大き

広告バナー下の「動かないテキスト」や上と事業開発局が共同で担当している。サい。そこでプリントアウト用に記事を整形部に大きく表示される記事タイトルが、サイイトをオープンした2000年とリニューアルし直す機能を付けた。帰りの電車内で記トの理念や目的と誤認されてしまう可能性した2001年には、大規模なユーザビリティ事が読めることもあり、好評だという。

がある。
「＠IT」ロゴのそばに、適切なタグインを決定した。

ーテストを行った。また、アクセスログの解また、運営上の問題として、機能性とス析などにより、サイトが意図どおりに機能ポンサーニーズの対立は避けられない。ユ

一方、新着記事のタイトルと掲載月日を示しているかを日常的に確認している。

ーザビリティー的に重要なエリアは、広告すことで、新鮮で膨大なコンテンツの存在使い勝手を向上させるため、特に言葉の認知度も高いため、機能用ボタンとバナが表現されていることは評価できる。サイ遣いに気を配っている。たとえば、「セミナー広告で取り合いになる。そこは工夫しト全体の構成や基本的な情報分類などもー案内」というボタン名を「スキルを磨く」て折り合いを付けているのが現状だ。

表現できれば、より好ましい。

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

ラインを配置するといいだろう。

+++ iNTERNET magazine +++195

（3-2）
メニューの表現には、一貫性が求められる（3-1）
エラーページには、主要項目へのリンクが配置されていてわかりやすい（3-3）
「パンくずリスト」
は、サイト全体の情報構造の把握に役立つ

視点2：情報アーキテクチャー

ほとんどのページ下部に存在する「お問〜静的な構造とわかりやすさい合わせ」へのリンクでは、ユーザーを受膨大なコンテンツを適切に分類しても、分類基準が伝わらなければ、ユーザーはどけ入れようとする運用者側の積極的な姿勢が表現できている（2-2）
。

こを見ればいいかがわからない。分類名には、一貫性と明快さが求められる。
＠ITの主要カテゴリーを指す「フォーラ〜動的な構造とわかりやすさム」という名称は、一般的に「BBS」のようユーザーは、今見ているページに関連な双方向型コンテンツを意味するため、ユする情報のありかを認識できると、安心しーザーを混乱させる恐れがある。て閲覧行動を続けることができる。

また、サイト内には「全記事一覧」（2-1）

＠ITでは、全ページに「パンくずリスト」など、有用なページが多数存在しているに（コンテンツ階層を表すリスト）があり、大もかかわらず、そこへのリンクそのものが変わかりやすい（3-3）
。また、シンプルな検見つけにくい。情報構造を視覚的に表現し索機能も使いやすい。独自のエラーペーた「サイトマップ」が必要だろう。

196 +++ iNTERNET magazine +++視点3：インタラクション

ジ（3-1）には、＠ITへのアクセスに失敗しまた、本サイトで多用される縦長のペーたユーザーに対する配慮がうかがえる。

ジでは、ユーザーはスクロールを続けない

一方、メインカテゴリーの入り口であるとページ上の全情報を把握できない。下「フォーラム」メニューは、場所によって略部に余白があるページ（2-3）では「スクロ称が使われていたり（3-2）、配置場所がまールし続けていいのか」と不安を感じる可

ちまちだったりするため、ユーザーを混乱能性もある。ページ上部にはナビゲーショさせる。コンテンツ全体のデザインガイドラ

ン機能を、下部にはページの終わりを明示インを作るなどして統一をとる必要があるする罫線やフッターを付けるといい。

だろう。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D（4-2）
タイトルだけを見ると、これが＠ITのページであることはわからない

アイデンティティー（50%）［総合評価と考察］（4-1）
画像を見られないユーザーにはボタンの機能が理解できない
主観的満足度（75%）

アクセシビリティー（70%）

サイト全体が、専門性が高く、新鮮な情報が揃っているが、運営者のポリシーを情報「＠IT」というブランドに直結させる「アアーキテクチャー（40%）
イデンティティー」の訴求、サイト全体の情報構造の視覚化、メニュー表現の一貫性が保たれていない点など、解決すべき課題も多い。
「アクセシビリティー」
面では、一部の問題を解決することで、格段に使いやすいサイトになることが期インタラクション
待できる。
（60%）

視点4：アクセシビリティー

方法を統一すれば、よりわかりやすくなる〜さまざまな環境への配慮だろう。

閲覧環境や身体にハンディキャップを持つユーザーは、ブラウザーの一部の機能が視点5：主観的満足度使えないことがある。サイト内の特に重要〜エンターテインメント性と付加価値な情報に関しては、ユーザー環境がいかサウンド、ムービー、動画などを駆使しなるものであっても円滑に閲覧できるようたマルチメディアコンテンツや、JavaScriptに、配慮しておくことが必要だ。

を使用した独自の演出などは、サイトの表

＠ITでは、画像ファイルに対してALT属現力を向上させ、ユーザーの主観的満足性が記述されていない箇所が多い（4-1）。

度に貢献する。一方、過剰な演出は情報検特に、メニューや見出しなどの重要な文字索の効率を低下させ、ユーザーのストレス情報が画像化されている部分は、画像をになってしまう可能性がある。

閲覧できないユーザーには情報がまったく伝わらないことになる。

＠ITでは、奇抜な演出や独特な表現手法はあまり見られない。しかし、サイトをテキスト文字の配色はすべて、大半のブ構成するコンテンツが「情報の検索性や信ラウザーが初期設定で採用している「テキ頼性」を重視するものであることを考えれ

スト文字は黒色」「リンクテキストは青色」

ば、ユーザーの目的に合致した妥当なデ「訪問済みのリンクテキストは紫色」というザインであると評価できる。また、フォーラ

配色に則っており、ユーザーは未読の情報ムごとに設けられた「会議室」の存在は、を一目で把握できる。

コミュニティー形成のために役立つだけでブラウザーの「履歴情報」などでも使用なく、ユーザー自身が参加することで主観されるタイトルタグ（4-2）には、サイト名と記的な満足度を向上させる場として、大変に事名を並記するなど、ルールを設けて表記有効だろう。

執筆：篠原稔和＋石川達朗＋嵯峨園子（ソシオメディア株式会社）
使いやすいウェブサイトを制作するためのコンサルティン
グから教育・ソフトウェア開発までを手がける。現在、
ウェ
ブ サイトの ユー ザ ビリティーを 診 断 するサービ ス「Sociomedia Clinic」を展開し、また 6月25日に、ウェブサイトのアクセシビリティー診断・修正ソフト「LIFT forMacromedia Dreamweaver」を発売予定。

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

www.sociomedia.co.jp+++ iNTERNET magazine +++197

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この 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.