ミステリーミートナビゲーション（ MMNとも呼ばれる）は、ウェブナビゲーション ユーザーインターフェースの一種で、ユーザーがカーソルを合わせるまで各リンクのターゲットは表示されない。このようなインターフェースはユーザー中心設計に欠けており、実用性や機能性よりも、美観、余白、情報の隠蔽を重視している。[1] [2]この用語は、書籍『Web Pages That Suck』と関連ウェブサイトの著者であるヴィンセント・フランダースによって1998年に造語された。[3]
用語
「ミステリーミート」という呼び名は、アメリカの公立学校のカフェテリアでよく提供される肉製品を指し、その形状は徹底的に再加工されているため、外見からは正確な種類を特定できない。[4] [5]同様に、ミステリーミートナビゲーションを使用するリンクのリンク先は、外見だけでは分からない。このようなナビゲーションの使用は、加工肉製品に例えられ、「噛むまで何の肉なのか分からない」と表現される。[6]フランダースは当初、この現象をサターン・コーポレーションのウェブサイトに象徴されるように、一時的にサターン・ナビゲーションと表現した。[7]
練習する
ミステリーミートナビゲーションとは、「ロールオーバーなどのトリックを用いてナビゲーションオプションを軽々しく隠す」行為と定義できます。情報量の多いウェブサイトでは、ユーザーがナビゲーションハイパーリンクのリンク先を認識しにくくしたり、リンクがどこにあるのかを判別しにくくしたりするため、問題視されています。その結果、ユーザーがサイトの使い方を習得するまでの時間が長くなります。 [8] [9]
図像ナビゲーション
ウェブサイトのインターフェース設計者は、視覚的な混乱を減らし、言語ローカライズの必要性を回避するために、アイコンによるナビゲーションスキームを採用することがよくあります。[10]ウェブサイトのナビゲーションで明示的なラベルのないアイコンのみを使用することは、各アイコンの意味に対する設計者の個人的な理解に依存するため、直感的ではない場合があります。 [11]マウスオーバーで表示されるalt属性やツールチップの提供は、地雷掃海（「すべてをロールオーバーして、何か驚きが出てくるかどうか見てみよう」）に例えられる探索要素を導入するだけなので、満足のいく解決策とは考えられません。この手法は、インタラクティブデザインにおける一般的なアンチパターンとして認識されています。[6] [12]テクノロジーライターのシェリー・パワーズも、MMNはJavaScriptに依存することが多く、ブラウザのスクリプトが無効になっている場合、ユーザビリティや検索エンジン最適化に悪影響を与える可能性があると指摘しています。[13]
フランダースは、「MMNの典型的な形式は、マウスカーソルを合わせたときにのみ説明文に置き換わる、目立たないアイコンで構成されたメニューで表される」と書いている。 [7]
"ここをクリック"
一部の技術評論家は、「ここをクリック」というよく使われるフレーズをリンクテキストとして使用することは、一種のミステリーミートナビゲーションであると考えています。このフレーズはリンク先のコンテンツを示しておらず、ユーザーを混乱させるため、問題があると考えられています。[10]
W3CのウェブコンテンツアクセシビリティガイドラインやWebAIMなどの組織は、リンクテキストとして「ここをクリック」などのフレーズを使用しないことを推奨しています。[ 14] [15] W3Cによると、「適切なリンクテキストは、過度に一般的なものであってはなりません。『ここをクリック』を使用しないでください。[...] リンクテキストは、リンク先の性質を示す必要があります。」[16]テキストは、文脈から外れて読んだ場合でも意味をなすものでなければなりません。
さらに、このフレーズは、マウスを使わずにキーボードやタッチスクリーンデバイスで操作するユーザーには不適切です。また、ページ上の利用可能なリンクのリストを読み上げるスクリーンリーダーソフトウェアを使用する視覚障害者や視覚障碍者にとって、特に使いにくくなります。ページを印刷すると、表示が悪くなります。さらに、ページの検索エンジン最適化（SEO）にも悪影響を与えるというデメリットもあります。 [10] [16]
参照
参考文献
- ^ Ward, Mark (2002年11月4日). 「なぜウェブサイトは使いやすくなっているのか」. BBCニュース. 2014年7月11日閲覧。
- ^ Kingsley-Hughes, Adrian (2010年5月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. ナビゲーションとミステリーミート：ミステリーミートナビゲーションは悪魔の落とし子」『ダメなウェブページの息子：悪いデザインを見て良いデザインを学ぶ』サンフランシスコ、カリフォルニア州：Sybex. pp. 163– 165. ISBN 978-0-7821-4020-0. 2023年1月24日閲覧。
- ^ ab ブリンク, トム; ガーグル, ダレン; ウッド, スコット D. (2002). 機能するウェブサイトのデザイン：ウェブのユーザビリティ. モーガン・カウフマン. p. 125. ISBN 978-1-55860-658-6. 2023年1月23日閲覧。
- ^ ab フランダース、ヴィンセント. 「ひどいWebページ：悪いWebデザインを見て良いWebデザインを学ぶ - ミステリーミートナビゲーション」. 2008年7月1日時点のオリジナルよりアーカイブ。 2009年6月14日閲覧。
- ^ Webデザイン の心理学。Smashing Magazine。2012年、p.84。ISBN 978-3-943075-24-3。
- ^ カルバッハ、ジェームズ（2007年8月28日）『Webナビゲーションの設計：ユーザーエクスペリエンスの最適化』オライリーメディア、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インターフェースの設計：リッチなインタラクションのための原則とパターン』オライリーメディア、p.90、ISBN 978-0-596-55445-3。
- ^ パワーズ、シェリー（2008年5月1日）『Webの絵画：ユーザーの視線を捉え、サイトに引き留める』O'Reilly Media, Inc.、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日閲覧。
