先鋭なる創り手は「使いやすさ」に挑戦する

Photo：Nakamura Tohru（mermaid）

第 1 回 オムロン株式会社
ソーシアルシステムズビジネスカンパニー

OMRON
228 +++ iNTERNET magazine +++www.society.omron.co.jp/jx/

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

ATM開発に見る力を得て、ウェブサイトにおけるユーザビている。ディスプレイでは、あたかも窓口ユーザビリティーの取り組みリティーの原則を探っていきたい。

で接客を受けているかのように画面上部オムロンが開発するATM（Automatedを銀行側、下部を利用者側と位置付ける

ここ最近、ウェブサイトをデザイン、制作

Teller Machine：自動預金支払機）は、郵「銀行メタファー」を従来機種から採用してする現場や企業の担当者の間で「ウェブユ便局や銀行、最近ではコンビニエンスストいるほか、新たに画面の角度を 0 °からーザビリティー」という言葉が盛んに取りアでも目にするようになった代表的な公共16°までの4段階に調整できるようにした。

上げられるようになってきた。
「ユーザビリ機械だ。元来ATMは、人がお金を引き出この製品は開発期間が短かったこともあティー」とは、日本語にすると「使い勝手、したり預金したりするなどの目的をサポーり、生産開始後に、障害者をはじめとした使いやすさ、わかりやすさ」のことで、こトするための機械であり、「究極の姿は、想定される利用者ターゲットを選定し、それまでプロダクトやソフトウェアの開発現使い手が機械の存在を意識することなく、のうえで使い勝手を試す「ユーザビリティ場で、ノウハウが蓄積されてきた。この考目的を達成できるマシンをデザイン・開発ーテスティング」を実施した。現在開発中

え方が、ウェブサイトという一見誰もが制すること」（オムロン株式会社 ソーシアルシの製品では、UCD（ユーザー・センタード・作者や開発者になることのできる新しいメステムズビジネスカンパニー 技術開発セン

デザイン：ユーザー中心のデザイン）の考ディアの中にも取り入られようとしている

タ企画室 名田平太氏）にある。

え方を全面的に採用し、開発の初期段階

ことは、とても喜ばしい。なぜならユーザ

このような中、オムロンの次世代 ATMからテストを行い、使い手にとって最適なビリティーが向上することで、単に見た目「JX」では、これまでの ATM の使いやすデザインや機能を生み出すことに活かしてのよさだけの追求ではない、使い手に配さを徹底的に見直したうえに、身障者や高いる。オムロン ソーシアルシステムズビジ

慮したものが増え、ウェブサイトがよりよい齢者にも配慮したユニバーサルデザインのネスカンパニーでは、この UCD のプロセコミュニケーションのための道具へと進化考え方を採用している。たとえば、車椅子

スを今後の製品作りの中で定着させ、「社することにつながるからだ。そこでこの連を利用した人がATMに横付けして使える員の1人1人が使いやすいものについて考載では、従来のプロダクトやソフトウェアでように「アプローチバー」を標準で設置しえる」（同氏）ために、ユーザビリティーに展開されるユーザビリティーの成果や取りたり、紙幣や硬貨の入出口部にミラーを施関する専門講師を招いた講演会の開催な組みを紹介すると同時に、その企業の協したりするなど、随所にその工夫がなされど組織的な啓蒙活動を続けている。

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

イトJX 品サ製

ニュース

tycie トSo ブサイ
サIR事業／製品■サイトマップR＆D
オム
つ ロンにいてホーム

求人

情報

N トRO サイ
OM バルーグロ（1-1）
OMRONブランドの掲示（2-2）
わかりにくいナビゲーションバー（1-2）Societyブランドの掲示（1-3）製品ブランドの掲示（2-1）統一感あるレイアウト（3-1）
リンクに見えてクリックできない（3-2）画像のスワップ（前）230 +++ iNTERNET magazine +++（3-3）
画像のスワップ（後）インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

企業がウェブサイトにる。ウェブサイトの目的として、新規ユーザで洗練されたイメージ作りを意図してのも求めるもの

ーの確保と最先端技術を訴求することにのと思われるが、わかりやすさが阻害され主眼を置いている。また、広告など既存のているとすれば、改善の余地があるだろこれまでの企業のウェブサイトは、訪問メディアでは訴求しきれていない内容を補う。一方、ヘッダーやフッターなど各ペー者数の増減の推移を指標にその効果が判完したり、問い合わせフォームなどを活用

ジを構成する要素のレイアウトは全体を通断されてきた。しかし、いかに多くの訪問したりすることで、顧客とのインタラクティじてシンプルに統一されて、ユーザーが迷者を獲得できたとしても、サイト内の情報ブ性の重視をその狙いとしている。

子になるのを防いでいる（2-1）
。

ンや検索などの機能が使いにくかったりす

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

視点3：インタラクション

ると、ユーザーはすぐにそのサイトから立〜サイトとその運営者の表現〜動的な構造と使いやすさの構造がわかりにくかったりナビゲーショち去ってしまう。ウェブサイトの開発やプウェブサイトの目的や運営者のアイデンウェブサイトはユーザーの連続したアクロモーションに莫大なコストを費やしても、ティティーをきちんと表現することは、ユーションに反応してその構造やコンテンツを必要な情報やサービスを訪問者に正しくザーにとって自分の求める情報がそこにあ効率的に伝える必要がある。インタラクシ

届け、彼らを顧客に転換させることができるかどうか、情報に信頼性があるかどうかョンによる画面要素の変化が、ユーザーのなければ意味がない。サイトを訪れたユーを把握するために重要な意味を持つ。
「JX」

今の状態や、次に起こすべき行動を表現

ザーの体験を有意義なものにし、他のサのサイトでは、ページ上部の「OMRON」のできていなければならない。

イトへ流出してしまうのを防ぐには、経験ロゴ（ 1 - 1 ）と 同 社 の 推 進 事 業 で あ る「JX」サイトでは、製品の特徴をマウスオ

則と実検証に裏付けられたユーザビリテ「Society」のロゴ（1-2）により、サイトの相ーバーによる画像の変化を使ってわかりィーの考え方をウェブサイトの開発に取り対的な位置付けを表現し、「JX」という製やすく説明している（3-2）。ユーザーはマ入れる必要がある。

品ブランドの大きなロゴ（1-3）が一連のメ

ウスポインターで画面に表示された製品のニューから構成される情報の独立性を示

各部を触ることにより、それらの持つ特徴

本連載では、ウェブサイトのユーザビリティーを構成するさまざまな要素を、5つのしている。

を直観的に把握できる（3-3）。JavaScriptを使ったこのような仕掛けは、うまくデザイ視点から検証し、使いやすいウェブサイトの原則を導き出す。以下で詳しく解説す視点2：情報アーキテクチャー

ンしなければくどくなり、かえってユーザるこれらの要素は、互いに関係し合ってウ〜静的な構造とわかりやすさーを混乱させる原因になりがちだが、ここでは非常に効果的に使われている。

ェブサイトのユーザビリティーを決定してウェブサイトはドキュメントの集合体のたいる。そのため、ウェブサイトのユーザビめ、各ドキュメント同士の関係と全体の構

一方、ナビゲーションに関しては、インタリティーにとって重要なことは、すべての造をわかりやすくユーザーに伝えなけれラクションが適切に行われていない箇所が視点を満たすことではなく、それぞれの視ばならない。
「JX」サイトの場合、ページ上ある。特に、リンクに見えても実際にはク点に対する評価のバランスが、サイトの目部に水平に配置されたナビゲーションバーリックできない箇所がいくつか見受けられ的や利用者の期待にいかにマッチしてい（2-2）が、サイト内にあるコンテンツ全体をる。たとえば、文字の横にある三角形はリるかという点なのだ。

見渡す役割を果たしている。しかし細部ンクであることを示すのが一般的だが、リでは、オムロンの製品「JX」のサイトの検を見てみると問題点が見つかる。たとえンクではないただの見出しに付けている証に入ろう。
「JX」のウェブサイトは、左ペば、項目名がすべて英語で書かれているのは混乱のもとだろう（3-1）
。また、ページージのサイトマップからもわかるとおり、オほか、スペースの制約からか文字が非常上部のナビゲーションバーの中で、現在見ムロン全体のサイトに対してサブサイトのに小さいため、一瞥してすぐに全体の構造ているページがどこなのかを示す手がか位置にある「Society」の中に存在していを把握するのが困難だ。これらは、先進的りがまったくない点も改善の余地がある。

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

（5-2）
ビジュアルイメージによる効果（4-1）
画像化されたテキスト（5-1）
JavaScriptによる演出効果

アイデンティティー（90%）

主観的満足度（60%）

情報アーキテクチャー（80%）［総合評価と考察］（4-2）
画像を表示しなければ内容がわからない
アクセシビリティー（50%）

インタラクション（70%）

大手メーカーサイトの一製品の紹介ながら、強いブランドイメージを打ち出した独立サイトになっている。先進的で洗練されたイメージは製品の「アイデンティティー」を強く反映する一方で、ユーザーの理解を助ける「情報アーキテクチャー」や「アクセシビリティー」とのバランスが今後の課題と言えるだろう。

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

相対的なサイズ指定を行ったりするなどし〜さまざまな環境への配慮て、できるだけ多くの閲覧環境に適応する

ウェブサイトはあらゆる種類のコンピュように努力することが大切だ。

ータやブラウザーで閲覧される。画像を表示しないテキストブラウザーや、内容を視点5：主観的満足度

音声で読み上げる音声ブラウザーでもそ〜ビジュアルとエンターテインメント性の内容がわかるように、アクセシビリティー

ウェブサイトでは、動画や音声などのさへの配慮が必要になる。ウェブサイトのア

まざまなメディア表現によってユーザーのクセシビリティー向上のために、まずはテ主観的な満足度を上げられる。反面、動キストによる情報に主体性を持たせたい。

画や音声は運営者側のひとりよがりな用い「JX」サイトでは、背景色と文字色とのられ方によってユーザビリティーを大きくコントラストが低い部分が多く、全体的に低下させる原因にもなる。

文字の大きさが固定されている点が問題「JX」サイトでは、ゆっくりと動く製品イになる。また多くのテキストを画像化してメージのアニメーションやJavaScriptによいる（4-1）ほか、IMGタグに適切なALT属るゲーム的な情報演出などが一部で見受性がない（4-2）など、画像を表示しないブけられる。これらは全体として製品のブララウザーではほとんど内容が理解できなンドイメージを向上させ、効果的に使われ執筆：篠原稔和（ソシオメディア株式会社）い作りになっている。その結果、閲覧環境ている（5-1、5-2）。しかし「JX-Concept」の「ユーザビリティー」と「情報デザイン」の研究・各種サービスを行うソシオメディア株式会社を2001年に設立。代表取締役。現
在、診断サービスの「ウェブ・ユーザビリ
ティ・クリニック」を展開中。
www.sociomedia.co.jp

が限定されてしまっていると言えるだろう。

ページに見られる印刷媒体からの流用の色使いや文字の大きさはデザイン性とのような画像は、それ自体が機能や情報を持バランスが問題となるが、見た目の表現にたないため、ダウンロード時間に見合うだ関する指定をスタイルシートにまとめたり、けの価値を見いだせていない。

232 +++ iNTERNET magazine +++インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この 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.