Loading article…
ミステリーミートナビゲーション（ MMNとも呼ばれる）は、ウェブナビゲーション ユーザーインターフェースの一種で、ユーザーがカーソルを合わせるまで各リンクのターゲットは表示されない。このようなインターフェースはユーザー中心のデザインに欠けており、実用性や機能性よりも美観、余白、情報の隠蔽を重視している。[1] [2]この用語は、書籍および付随するウェブサイト「Web Pages That Suck」の著者であるヴィンセント・フランダースによって1998年に造られた。[3]
用語
「ミステリーミート」という呼び名は、アメリカの公立学校のカフェテリアでよく提供される肉製品を指し、その形状は徹底的に再加工されているため、外見からは正確な種類を判別できなくなっています。[4] [5]同様に、ミステリーミートナビゲーションを使用するリンクの宛先は、外見だけではわかりません。このようなナビゲーションの使用は、加工肉製品に例えられ、「かじってみるまで何の肉か分からない」と言われています。[6]フランダースは当初、この現象をサターン社のウェブサイトがこの現象の典型であったことにちなんで、一時的にサターンナビゲーションと表現しました。[7]
練習する
ミステリーミートナビゲーションの実践は、「ロールオーバーやその他のトリックを使用してナビゲーションオプションを軽々しく隠す」と定義できます。これは、ユーザーがナビゲーションハイパーリンクの宛先を認識したり、その場所を識別したりすることを困難にし、ユーザーがサイトの使用方法を習得するのにかかる時間が長くなるため、情報量の多いWebサイトでは問題になると考えられています。 [8] [9]
図解ナビゲーション
ウェブサイトのインターフェース設計者は、視覚的な混乱を減らし、言語ローカリゼーションの必要性を回避する方法として、アイコンによるナビゲーションスキームを使用することに決めることが多い。[10]ウェブサイトのナビゲーションで明示的なラベルのないアイコンのみを使用することは、各アイコンの意味に対する設計者の個人的な理解に依存するため、直感的ではないと考えられる。 [11]マウスオーバーで表示されるalt 属性やツールチップの提供は、地雷掃海（「すべてをロールオーバーして、何か驚きが出てくるかどうか見てみましょう」）に例えられる探索の要素を導入するだけなので、満足のいく解決策とは考えられていない。この方法は、インタラクティブデザインの一般的なアンチパターンとして認識されている。[6] [12]テクノロジーライターのShelley Powers はまた、MMN はJavaScriptに依存することが多く、ブラウザのスクリプトが無効になっている場合はユーザビリティに悪影響を及ぼし、検索エンジンの最適化にも悪影響を与える可能性があると指摘している。[13]
フランダースは、「MMNの典型的な形式は、マウスカーソルをその上に置いたときにのみ説明文に置き換わる、目立たないアイコンで構成されたメニューで表される」と書いている。 [7]
"ここをクリック"
一部の技術評論家は、よく使われるフレーズ「ここをクリック」をリンクテキストとして使用することは、一種のミステリーミートナビゲーションであると考えています。このフレーズはリンク先のコンテンツを示しておらず、ユーザーを混乱させるため、問題があると考えられています。[10]
W3CのウェブコンテンツアクセシビリティガイドラインやWebAIMなどの組織は、リンクテキストとして「ここをクリック」などのフレーズを使用しないことを推奨しています。[14] [15] W3Cによると、「良いリンクテキストは、過度に一般的なものであってはなりません。「ここをクリック」を使用しないでください。[...] リンクテキストは、リンク先の性質を示す必要があります」。[16]テキストは、文脈から外れて読んだときにも意味をなす必要があります。
さらに、このフレーズは、マウスを使わずにキーボードやタッチスクリーンデバイスを使って操作するユーザーにとっては不適切です。また、ページ上の利用可能なリンクのリストを確認するスクリーンリーダーソフトウェアを使用する視覚障害者や視覚障害のあるユーザーにとっても特に困難です。ページを印刷すると、ページが損なわれます。さらに、ページの検索エンジン最適化を妨げるという欠点もあります。 [10] [16]
参照
参考文献
- ^ Ward, Mark (2002-11-04). 「なぜウェブサイトは使いやすくなっているのか」BBCニュース. 2014-07-11閲覧。
- ^ Kingsley-Hughes, Adrian (2010-05-11). 「iPad アプリが 1990 年代半ばの「ミステリーミート」ユーザー インターフェイスの問題を再現」ZDNet。2010 年 5 月 13 日時点のオリジナルよりアーカイブ。2014年 7 月 11 日閲覧。
- ^ フランダース、ヴィンセント (1998)。ひどいウェブページ: 悪いデザインを見て良いデザインを学ぶ。サンフランシスコ: Sybex Inc. ISBN 978-0-7821-2187-2。
- ^ボーモント、アンディ、ギボンズ、デイブ、カー、ジョディ、スティーブンス、ジョン（2013年11月11日）。使いやすいWeb メニューの構築。Apress。p.16。ISBN 978-1-4302-5358-7。
- ^ フランダース、ヴィンセント、ピーターズ、ディーン (2002)。「8. ナビゲーションとミステリーミート: ミステリーミートナビゲーションは悪魔の産物」。ダメな Web ページの息子: 悪いデザインを見て良いデザインを学ぶ。サンフランシスコ、カリフォルニア州: Sybex。pp. 163–165。ISBN 978-0-7821-4020-0. 2023年1月24日閲覧。
- ^ ab Brinck, Tom; Gergle, Darren; Wood, Scott D. (2002). 機能する Web サイトの設計: Web のユーザビリティ。Morgan Kaufmann。p. 125。ISBN 978-1-55860-658-6. 2023年1月23日閲覧。
- ^ ab Flanders, Vincent. 「Web Pages That Suck learn good web design by looking at bad web design - Mystery Meat Navigation」。2008年7月1日時点のオリジナルよりアーカイブ。2009年6月14日閲覧。
- ^ Webデザインの心理学。Smashing Magazine。2012年、p.84。ISBN 978-3-943075-24-3。
- ^ Kalbach, James (2007 年 8 月 28 日)。Web ナビゲーションの設計: ユーザー エクスペリエンスの最適化。O'Reilly Media。p . 149。ISBN 978-0-596-55378-4. 2023年1月23日閲覧。
- ^ abc MacDonald, Diana (2019年6月25日). デザインシステムのための実用的なUIパターン: シームレスなユーザーエクスペリエンスのための高速インタラクションデザイン. Apress. p. 194. ISBN 978-1-4842-4938-3. 2023年1月23日閲覧。
- ^ポッツ、ケビン（2007年11月25日）。ビジネスウェブサイトのため のウェブデザインとマーケティングソリューション。Apress。p.78。ISBN 978-1-4302-0262-2. 2023年1月23日閲覧。
- ^ ビル・スコット、テレサ・ニール（2009年1月15日）。Webインターフェースの設計：リッチなインタラクションの原則とパターン。オライリーメディア。90ページ。ISBN 978-0-596-55445-3。
- ^ Powers, Shelley (2008 年 5 月 1 日)。Web の描画: ユーザーの目を引き、サイトにとどめておく方法。「O'Reilly Media, Inc.」p. 16。ISBN 978-0-596-55392-0. 2023年1月23日閲覧。
- ^ 「Webコンテンツアクセシビリティガイドライン1.0」。W3.org 。 2012年5月7日閲覧。
- ^ 「Webアクセシビリティ入門」WebAIM 。 2012年5月7日閲覧。
- ^ ab 「HTML Techniques for Web Content Accessibility Guidelines 1.0」。W3.org 。 2014年7月11日閲覧。