魅力的で役に立つホームページを作るには、そのデザイン性の高さが重要だと思われています。しかし、訪問者を前進させる本当の底流は、サイトの使いやすさとナビゲーションです。ユーザーの満足度は、ウェブサイトの情報アーキテクチャと必要な情報をどのように提供するかに大きく依存します。残念ながら、ページ内を簡単に移動し、必要な情報を見つける能力は、美観よりも優先されることが少なくありません。しかし、残念ながら、ページ内を簡単に移動し、必要な情報を見つける能力は、美観よりも優先されることが多いのです。最高のユーザー体験と訪問者の満足のためには、ウェブページのナビゲーション能力を最適化することが不可欠です。そのために、ナビゲーションストレステストを実施します。このブログでは、ユーザーナビゲーションの重要性と、それをどのように活用するかを紹介します。
ナビゲーショナルストレステストは、ウェブサイトの全体的な使いやすさを測る定量的な指標のひとつに過ぎません。コンバージョン率最適化へのアプローチは、サイト上の多くのパラメータを洗練させることで行われます。私たちは、これをSHIPメソッド：Scrutinize（精査する）, Hypothesize（仮説を立てる）, Implement（実装する）, Propagate（行き渡らせる）によって実現していきます。
SHIPメソッドとは
SHIPの手法は、Webサイトのコンバージョン率を評価し、どのように最適化できるかを12段階の包括的なアプローチで検討します。このコンバージョン数に影響を与えるパラメータの1つが、Webページのナビゲーションのしやすさや「香り」です。異なる動機や興味を持つ訪問者AとBを獲得することは、すなわち彼らが求めていた適切な情報をフラストレーションなく見つけることができるよう、必要な要素を提供することを意味します。
ナビゲーションストレステストは、当サービスのSHIP（精査、仮説、実行、伝播）プロセスの重要な領域の1つです。 このプロセスの各パートは、マーケティング担当者が訪問者、彼らの行動、そして彼らのためにデザインする方法について理解を深めるように設計されています。
精査とベストプラクティス
ナビゲーションストレステストの基本コンセプトは、ウェブページをその意図する目的に基づいて検査し、そのウェブページがどれだけ情報を伝えることができるかを確立することです。ページは、訪問者がどこにいて、どこに行く必要があるのか、必要な情報を簡単に表示できなければなりません。訪問者は、これらの質問に対する答えを得るために、最小限の努力しか必要としてはなりません。
サイトの情報アーキテクチャとナビゲーションがどれほどの影響を与えるかを理解するために、「Skinnyties」を例に挙げてみましょう。このサイトは1997年に開設されましたが、数年の間にサイトのリニューアルが必要になりました。
以下は、レイアウトを刷新する前のトップページのスクリーンショットです。
いきなりですが、提供する製品の範囲や規模が明確ではありません。「マイアカウント」「マイカート」「ログイン」などのリンクは、比較的重要度が低いにもかかわらず、ページの上部に配置されています。これは、ビジュアルを重視するこのようなサイトにとって重要な、優れた特別な利用方法を損なうことになります。連絡先情報は、訪問者が様々な製品を見た後、ページの最後に提供されるべきです。これは、訪問者の注意が直接中央の画像にそれてしまうからです。そのため、関連するリンクを見つけることが難しくなります。
画像のすぐ下にある、見本帳に関する無関係なコンテンツは、訪問者の方向性を決めるのに役立ちません。また、ページの最初の括りでは、スペースの使い方が悪いです。
次に、2012年10月にリニューアルされたskinnytiesのページについて考えてみましょう。
必要最小限のコンテンツで、「より良い着こなしをするために、豊富な種類のネクタイを揃えたい」という意図を伝えています。ネクタイの特徴を再定義することで、訪問者は自分好みのネクタイを見つけやすくなりました。コレクション、色、幅、生地などによる絞り込みは、1本半、2本、特価品などよりも効果的であることが証明されました。また、これらのフィルターは戦略的に配置され、より簡単にアクセスできるようになりました。
開発者は、ストアの情報アーキテクチャ（IA）を商品レベルから外側に再構築しました。Brendan Falkowskiが下記のように説明しています。
「すべてのネクタイは、幅、長さ、色、生地、柄の属性を構造化されています。オープンエンド・ナビゲーションは、すべての製品に複数のエントリーパスを設け、いつでも任意の属性で絞り込めるようにしています。」
このウェブサイトは、新しいデザインを開始した後、42.4%の収益増となりました。
ウェブページのコンテンツが多すぎると、お客さまを混乱させることになります。しかし、必要な情報を必要な場所で提供することで、より効果的に情報を伝えることができます。
ナビゲーションストレステストについて専門家たちの見解
サイトのナビゲーションパフォーマンスを定義するために使用されるパラメータの1つに、ツリーテストまたはカードベースの分類によるものがあります。これは、ウェブサイト全体における製品やページの見つけやすさを定義するものです。サイトの情報アーキテクチャは、情報の分類や整理に大きく左右されます。小見出しやタイトルが分かりやすいと、訪問者は迷うことなくウェブサイト内を移動することができます。
視聴者の多くは、トップページを経由してページを訪れていないのです。リンクやブログ、広告、URLなどを経由して、特定のページに移動する間接的なトラフィックが一般的です。このことを念頭に置き、各ページをユーザーにとって分かりやすいものにすることが重要です。もしユーザーが特定のページに馴染めなければ、最終的には興味を失い、サイトを放棄してしまうでしょう。これを防ぐために、情報アーキテクチャは重要な役割を果たす。これについて、 Nathaniel Davisはこう説明しています。
「情報アーキテクチャの構造への関心は広く深く、だからこそ、環境の構造的な関心事を、ビジネス目標、ユーザーインサイト、技術などの広範で戦略的な要因から切り離すことは難しいのです。」
偏りのない意見は、新鮮な視点をもたらし、普段は気づかないような問題点を発見することができます。コンテンツ戦略、テクニカルライティング、インタラクションデザイン、スペース利用、カードソート能力など、さまざまな要素を、偏見のない専門家チームが評価するのです。Kevin Parkerはこう説明します。
「IAはファインダビリティを向上させます。多くのコンテンツが作成されたものの、決して見つかることはなく、時間とリソースの無駄になっています。IAを改善することで、関連するコンテンツを結びつけ、適切な顧客に適切なタイミングで提供することができます。」
ナビゲーションストレステストの仕組み
ウェブページの主な機能は、情報を伝えることです。そのためには、ページに関する3つの基本的な質問をする必要があります。
- ここはどこだろう？
- これは何についてのページ？
- ここからどこに行けばいい？
上記の3つの質問は、どちらのシナリオにも当てはまります。ユーザーがあなたのページを訪れたとき、これらの質問に対する答えが必要なのです。
この概念をよりよく理解するために、例を挙げて考えてみましょう。以下は、Suzanne CollinsのWebページへのリンクで、この点をよりよく理解できるようになっています。Suzanne Collinsは「ハンガー・ゲーム」本三部作の著者です。彼女のウェブページへのリンクは以下の通りです。
ここはどこだろう？
地図を使うには、地図上の自分の位置を知ることが必要です。それと同じように、ユーザーはウェブページの中で自分の位置や居場所を知ることで、より良いナビゲーションをすることができます。上記のリンクを考えてみると、このページの欠点は、訪問者が4つのサブカテゴリのうちどれを訪れているのかを理解するのが難しいということです。「ホーム」なのか、「バイオグラフィー」なのか、「作品」なのか、それとも「インタビュー」なのか。ユーザーがURLを読んだり解読したりすることによって、自分の位置を解読する必要はないはずです。さらに、サブカテゴリのリストもうまく配置されていません。
これは何についてのページ？
この質問は明白なものです。ページでは、情報を効率よく、シンプルに伝える必要があります。問題のリンクは、そのページの目的を説明していません。 本のアイコンへのリンクを提供しないのは、硬直したナビゲーション経路を示しています。そしてもちろん、良質なコンテンツを持つことは最も重要なことです。
ここからどこに行けばいい？
ページのコンバージョン率を向上させるためには、訪問者／ユーザーに特定の行動を完了してもらう必要があります。この一連のステップの実行は、合理的なプロセスである必要があります。ユーザーは望む以上の努力を要求されれば、結局はそのタスクを放棄することになります。そのため、次のステップを魅力的に、かつアクセスしやすい方法で提示することが重要です。このリンクは、何かの本を購入するための直接的な道筋を示すものではなく、左上や「Suzanne Collins」という名前が表示されている中央には、ホームページへの直接のリンクが表示されていないのです。
これらの質問は、Navigational Stress Testに影響を与える主要な要因ですが、それだけではありません。しかし、それらについては、後で少しお話します。
ナビゲーションストレステストは、どのようなデータを提供するか？
簡単に言えば、目に見えるデータです。
ナビゲーショナルストレステストのコンセプトは、ユーザーによるテストを必要とせず、ウェブページのナビゲーション要素を検証する方法を採用することです。その代わりに、専門家が提供する洞察を用いて、ページの能力を結論づけるのです。
そのデータはどのように活用できるのか。
ナビゲーションストレステストが実施され、必要な洞察が得られたら、このデータの活用について、いくつかのアプローチがあります。テストの結果、ページがすべての基準をクリアしていれば、問題ありません。しかし、現実的な話として、一回で完璧なものはありません。そこで、テストによって問題が見つかった場合、次にどうすべきなのでしょうか。
- テストの結果に基づいて、誤ったナビゲーション要素をいくつか設計し直すかです。そして、繰り返したデザインのパフォーマンスを確認するために、NSTプロセスを繰り返すか、あるいは
- その結果を検証するため、あるいはNSTで得られた結果をより深く理解し洗練させるために、ユーザーテストを実施する。
これらは通常の選択肢ですが、テスト結果が十分に適切でないと感じ、現在のページデザインとナビゲーション要素を継続するという第3のルートも存在します。
ナビゲーショナルストレステストの実施方法
1.ここはどこでしょうか？
ページのタイトルの周りに長方形を描いてください。
2. これはどのようなサイトですか？
サイト名を○で囲んでください。
3. このサイトの主なセクションは何ですか？
それらのセクションにX印を付けてください。
4. このページはどのセクションにあるのでしょうか？
2のバツの上に三角形を付けてください。
5. このページからより上の階層に行くにはどうしたらいいですか？
Uでマークしてください。
6.このページからサイトのトップページに行くにはどうしたらいいですか？
Hのマークを付けてください。
7. このページが属するセクションのトップページに行くにはどうしたらよいですか？
Tのマークを付けてください。
8.それぞれのリンクセットは何を表しているのでしょうか。
リンクとラベルの主要なセットをマークします。
- D：現在のページのサブページ。
- N：現在のページと同じレベルのページと同じセクション。
- S：同じサイトのページだが、同じセクションのページではない。
- O：サイト外のページ。
9.トップページからこのページに行くにはどうしたらいいのでしょうか？
実行することになる選択項目のセットを余白に入力します。
このような手順を踏むことで、気づかないうちに発生しているユーザビリティの問題を表面化させることができます。
以下は、理解を深めるために実施した演習のスクリーンショットです。
この手順は、バイアスのかかっていない複数の人が個別に実施した方が良い結果が得られます。比較することで、より多くのインサイトを得ることができ、より洗練された結果を得ることができるのです。
結果データの解釈方法
私たちが実施するナビゲーショナルストレステストに基づき、ページ上の特定の要素を、不要、必須、要修正と定義することができます。不要な情報やリンクは、「不要」「必須」「要修正」に分類されます。 これにより、訪問者がページにアクセスした際の情報提示が改善されます。
必須要素は、クリック数が最も多いため、優先的に表示し、アクセスしやすい方法で表示する必要があります。
修正が必要な要素は、その意図を明確に示し、インパクトのある方法でページに貢献するように変更する必要があります。
ページのナビゲーションを最適化するベストプラクティスの1つは、以下のステップを踏むことです。
- クリックされることが少ない項目は、重要でないなら削除する。
- クリックされることが少ない項目は、重要であれば名前を変更するか、ラベルを付け直す。
- よくクリックされる項目は、先頭に移動させる。
まとめ
ナビゲーショナル・ストレス・テストは、インターネットがまだ黎明期であった1998年に開発されました。しかし、このテストが今日、重要でなくなったわけではありません。Webサイトが企業を左右する世界において、この手法はユーザーとのインタラクションを定量化する上で、ますます重要なものとなっています。
情報アーキテクチャは、Webサイトのナビゲーション機能に大きく影響されます。
