第 10 回

ライオン株式会社

www.lion.co.jp

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

消費者のための最大
限の研
究

取っ
手
１
つにもこだ
わ
る

人間中心設計で市場活性化を図る
ライオン家庭科学研究所

ように働きかけて製品に反映させるなど、の効用は、本連載でも何度か取り上げて成果は数多い。なお、実験の被験者は、江いる。誰もが頻繁に使うこうした製品では、戸川区高齢者事業団に派遣を依頼した。

使い勝手が商品の価値を高めることにな

1936年に「ライオン洗濯科学研究所」とる。なかでも、主機能が洗練されつくし、して設立された同研究所は、同社の研究性能の向上によって競合他社との差別化部門の中で人間中心設計プロセスによるを図ることが難しい成熟製品市場では、ユ製品開発の支援センターとして位置付けらーザビリティーの持つ意味はさらに重い。

れている。人員はおよそ30人。家政学をライオン株式会社の主力商品の1つであ専攻していたスタッフが多い。ユーザーのる洗剤は、「衣類の汚れを落とす」という主利用品質という側面からの製品評価と、そ性能は消費者の要求水準を上回り、洗浄れに基づく情報提供活動を担当する。

力自体を購入の訴求要因とするのが難し「日用品の人間中心設計」というコンセプい段階に入っている。そうしたこともあり、トには、ISO-20282のドラフトなども反映さ

同社の家庭科学研究所では、容器のデザれているが、同社の生活者中心の物作り

インをはじめとする製品の使いやすさにつの歴史自体も長い。1997年に通商産業省

いて研究を進めている。
「製品の主要機能（現経済産業省）によって「消費者志向優良の高品質が実現されると、今度は使い勝企業」として表彰されたのはその表れだ。

谷修 所長）。
たとえば、仕上げ剤「ソフラン」をはじめとする取っ手付きの大型容器には、「姿勢180 +++ iNTERNET magazine +++にも読みやすい大きさ（14ポイント）とする

日用品の使いやすさを向上させること手が品質の評価対象に含まれてくる」（魚photo : Watari Tokuhiro

剤「ブルーダイヤ」の文字表示を、高齢者社外の研究者との産学協同も行っている。たとえば、前述した容器の評価作業は、金沢工業大学の小松原明哲教授と共同で実施した。

を大きく傾けないと使えない」「取っ手が「ユーザビリティー」という概念を意識し小さくて手になじまない」などの問題があて活動を始めたのはおよそ5年前で、社団った。そこで、想定ユーザー層に近い被法人人間生活工学研究センターに加入し験者を集めて指の太さを実測し、使いやた時期になる。同センターが発行する「日すい取っ手の大きさを導き出した。また、本人の人体計測データ」などを利用して潜容器を傾ける際の回転中心と重心の位置在的な使いにくさを検討し始めた。また、を近付け、液体が出始める傾きを30〜45「統計データには表れない潜在的な使いに度にすれば、使いやすさが向上することもくさを発見するためには被験者の行動観確認した。研究成果は現行製品のデザイ察が必要」（渡辺治雄 主任研究員）
なため、ンに反映され、従来品に比べてユーザー同研究所には一般的なキッチンが再現さアンケートでの評価も向上している。

れ、随所にモニター用カメラを設置できるほかにも、購買層の平均年齢が高い洗ようにしている。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D（1-2）
簡潔でわかりやすいメッセージ（タグライン）
は、効果的にアイデンティティーを表現する（1-1）
サイトの内容が明確なトップページ

（1-3）
（1-4）
ロゴマークやインターフェイス要素の表現に一貫性がないと、VIが確立しないユーザーのネット環境に配慮した

上記の情報を見つけやすいナビゲーション

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

身近な生活情報の発信の確立だ。

〜サイトとその運営者の表現

今回はライオン株式会社のコーポレート

特色あるコンテンツとしては、幼児が母

ユーザーは、コーポレートサイトを見るサイトを取り上げる。1996年にオープンし親とともに楽しむことを狙った「ライオンキ

とき、そこにその企業全体が凝縮している

たのち、2000 年にはリニューアルを実施ッズ」というページがある。家庭科学や口ような印象を持つ。そのため、コーポレーしている。コンテンツの拡充を図ってきた腔衛生に関する知識をやさしく解説した

トサイトでは一貫したアイデンティティーや結果、ページが増えて検索性が下がってきり、ゲーム仕立てにしたりと、楽しみなが企業ブランドの表出が求められる。

たのが主たる理由だ。検索性やナビゲーら学べるような工夫を凝らしている。
「夏休「ライオン」では、トップページ（1-1）で、ションを向上させるため、従来はコンテン

みの自由研究や小学校の総合学習などに「あしたに、あなたにLION」（1-2）のメッセツの担当部署ごとに切り分けられていたも、よく利用されている」（広報部 小八木ージを大きく表示して、サイトの目的やアイメニューを、顧客の視点で製品情報や生敏行 副主任部員）。

デンティティーを効果的に表現している。

活情報などの4カテゴリーに再構成した。

広報部と統合システム部が合同で運営

しかし、トップページ以外では「LION」

同サイトには3つの方針がある。1つはの事務局を担当している。マーケティングのロゴマークの利用やインターフェイス要

生活情報の充実だ。前述の家庭科学研究色の強い会員制ページ「クラブライオン」は素の表現に一貫性がないため（1-3、1-4）、所や、大正時代からの歴史を持つライオン宣伝部の主管だ。研究所など情報提供部

サイト全体としてのVI（Visual Identity：歯科衛生研究所などから情報を発信して署が原稿を作り、事務局がコンテンツとしその企業の情報だと一目でわかる視覚的いる。2番目はユーザーのインターネット環て整理やコーディングを行う。近年は、定特徴）を確立するまでの強調には至ってい境に配慮した情報提供だ。旧式ブラウザ

番ブラウザーのセキュリティーホール問題ない。サイト内で用いられる共通要素のレーや低速回線でもアクセスできるように、を 重 視し 、サイト内 で 用 いら れて い る

イアウトルールを検討し、ロゴマークや主特殊な規格や新しすぎる技術は使わない。

JavaScriptをCGIに変更する作業を進め要カテゴリーのメニュー、問い合わせ窓口

特別に正確を期する必要のある決算報告ている。
「安全なページを提供することは、や利用条件ページへのリンクなどを、視覚などの数値情報はPDFファイルで提供して生活者中心のメーカーとして重要だ」（統合的に一貫性を持たせて提供できれば、ユいるが、あくまでこれは例外だ。3 つ目はシステム部 椎名淳之氏）。

ーザーは信頼感や安心感を抱くだろう。

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

（4-1）
適切なALT属性が付けられており、音声ブラウザーによる閲覧にも対応できる（2-1）
スプラッシュページは、ユーザーに「時間の無駄」を強いる（3-1）
同じ色形なのに、クリックできるボタンとできないボタンが混在し、ユーザーは機能を認識できない（3-2）
右側と左側に表示される同一のメニュー項目は、ユーザーを悩ませる

182 +++ iNTERNET magazine +++視点2：情報アーキテクチャー

視点3：インタラクション〜静的な構造とわかりやすさ〜動的な構造とわかりやすさ

コンテンツの要不要やサイト構造を検討

見た目は同じなのに「振る舞い」が違うするときには、ユーザーがどこでどんなこ要素や、異なる意味なのに似たような名称とを知ろうとするかを考える必要がある。の項目が同一のページにあると、ユーザー「ライオン」のサイトでは、まず最初に表は混乱する。

示されるスプラッシュページ（トップページ「ライオン」のサイトでは、並列する同の表示直前に現れるページ：2-1）が、特定色・同デザインの「ボタン」の中に、クリッの情報を探すユーザーの行動を阻害する。

クできるものとできないものが混在する（3-

このページは何かを知りたいという目的を1）。これではマウスオーバーしないと、ク持つユーザーには無用のステップだからリックできるかどうかがわからない。フレだ。製品情報に商品名を並べたメニューームで分割された複数エリアに同じメニュしかないのも問題だ。たとえば、各ハミガー項目が表示される（3-2）場合もあり、そキの違いを知りたいと思ったユーザーは、れらの違いや同一性を把握しづらい。

すべての製品ページを見て回り、自分でそまた、サイト内のページ移動の指示に、れらの違いを推測しなければならない。

「次へ」「戻る」といった文脈に依存する表

商品の特性や想定ユーザー層の違いなど

現や、「HOMEに戻る」「ライオン株式会社を示す情報を付加することが望ましい。の先頭頁へ」といった同じ意味なのに異な

また、上位カテゴリー名をタイトルタグる表現が用いられており、ユーザーを混乱（ブラウザーの履歴表示などで用いられさせる。新規ウィンドウを開くリンクを多用る）にしているページが多いため、コンテしているのも問題だ。迷ってしまったユーンツの違いがユーザーに認識しづらく、あザーを支援するための「検索機能」「サイトとで特定のページを探すのは困難だ。

マップ」なども不足している。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D（5-1）
親しみの持てるキャラクターを用いた演出は、主観的満足度に貢献する（4-2）
PDFファイルのみでの情報提供は見られないユーザーの行動を阻害する

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

主観的満足度（75%）

アクセシビリティー（60%）［総合評価と考察］
理解しやすい図版や、親近感を与えるキャラクターを用いた演出は効果的に機能している。トップページでは明確に情報アーキテクチャー 訴求できているVI の表現が、サイト全（50%）
体としては一貫性を失っているのは問題だ。補助コンテンツ（サイトマップや検索機能など）も含めた共通要素を抽出し、ページデザインのルールを決めれば、アイデンティティー、情報アーキ
テクチャー、インタラクションが格段にインタラクション向上するだろう。
（50%）

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

視点5：主観的満足度〜さまざまな環境への配慮〜エンターテインメント性と付加価値広い層に情報を提供することを目的とす

テレビコマーシャルなどで頻繁に目にするサイトでは、どんな環境にあるユーザーるキャラクターを用いた演出は、サイトににも、一定限度の情報を確実に提供でき親しみを感じさせる効果を持ち、結果的るようにコーディングしておくべきだろう。にブランドイメージが向上することも期待

たとえば、画像表示やJavaScript、スタイできる。

ルシート、フレーム表示などに対応してい本サイトでは、多くのユーザーに馴染みないブラウザーや、音声ブラウザーの利があるライオンファミリーのキャラクターを用などに配慮する必要がある。

各所に配置することで、ユーザーの主観的本サイトでは、ほとんどの画像に適切な満足度の向上に貢献している。

ALT属性が付けられており
（4-1）
、音声ブ

子供用（5-1）や女性向けのコンテンツをラウザー利用者などに代替情報を提供で用意していることも評価できる。あらゆるきる。また、重要情報に英語コンテンツが層に対して幅広く情報提供を行う姿勢があるのも好ましい。

ユーザーにも伝わるだろう。

しかし、リンクテキストの文字が黒色のMacromedia Flashによる「発毛促進メページがあり、通常テキストと見分けにくカニズム」の解説や、ダイヤグラムなどの図い。ブラウザーの初期設定と異なるデザ版を多く用いた「生活情報」も、ユーザーインは避けるべきだ。決算報告などがの理解促進に貢献している。

PDFファイルで提供されている（4-2）が、主また、会員制サービス「クラブライオン」

要情報はブラウザーのみで見られることがは、ユーザー自身が積極的にサイトに参加

望 ま し い 。ま た 、N O S C R I P T やするほど満足感を得ることができ、コミュNOFRAMESタグが不十分なのも問題だ。

ニティー型コンテンツとして優れている。

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

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

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

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