web-dev-qa-db-ja.com

ウェブサイトの再設計ナビゲーション構造を整理する方法をどのようにして知っていますか？

私はこの質問が非常に広いことを知っていますが、UX'erがサイトにあるコンテンツを理解し、ナビゲーションの観点からこのコンテンツを整理する方法を理解するための手順を知りたいです。どのコンテンツを何とグループ化する必要があるかをどのようにして知るのですか？メインナビゲーションにあるアイテムをどのようにして知るのですか？

navigationinformation-architecturecontentstructure
11
Reloaded

あなたが尋ねるべき質問は、私のコンテンツ戦略とは何か、そしてサイトナビゲーションを促進するためにそれをどのように定義すべきかです。

つまり、コンテンツ戦略の定義には複数のステップがあります。

コンテンツを計画します：

これはすべてのサイトの初期段階であり、サイトの目的、対象としているユーザーグループ、プライマリオーディエンス、セカンダリオーディエンスなどの質問を含む必要があります。これは、サイト全体のフローとナビゲーションも定義するため、コンテンツ戦略の最も重要な部分です。コンテンツプランニングには次の手順があります。

  1. Discovery：発見とは、クライアントについてすでに知っていることを取り上げ、それを使用してクライアントが必要とするコンテンツを処理することです。クライアントをディスカバリーフェーズに関与させることで、クライアントが必要とするコンテンツ、コンテンツが整理されているのをどのように見ているのか、なぜこのように整理する必要があると考えるのかについて洞察を得ることができます。以下の手法は、ディスカバリーセッション中に非常に役立ちます。

    • Mind-mapping：マインドマップを使用してコンテンツ戦略を定義する方法についての入力を得るには、これを参照することをお勧めします 優れた記事 主要な情報アーキテクチャとサイトの焦点を定義します。記事を引用する>マインドマッピングにより、のようにキーワードをバケットに整理できます。

      コンテンツを整理しています。サイトを最適化したいキーワードの完全なリストがある場合は、それらをマインドマップに組み込むことができるので、製品に関連するさまざまなキーワードバケットをすべてカバーしていることを確認できます。このようにして、プライマリ、セカンダリ、ロングテールキーワードの両方をターゲティングできます。

    コンテンツを優先するための効果的なマインドマップを構築する方法に関する追加の入力を取得する際は、この 優れたUXブースの記事 を参照することもお勧めします

enter image description here

  • Sketchboarding：これにより、チームはサイトのフローに移動し、潜在的なナビゲーションを利用できるため、サイトの構造をより詳細に調べることができます。ユーザーが何を検索しているのか、どのコンテンツを上部に表示する必要があるのか​​を確認するためのインタラクティブな補聴器追加の入力については、これを参照することをお勧めします スケッチボードとUX設計プロセスにおけるその場所に関する優れた記事 。

    1. 要件分析：検出フェーズの後の2番目のステップは、要件を定義し、コンテンツとナビゲーションが要件を満たしていることを確認することです。一部の要件は、免責事項を前もって表示するなどの本質的に合法的なものである場合もあれば、コンテンツ発見フェーズからの情報に役立つ大きなバナー画像を前に表示する必要があるなど、本質的に創造的なものである場合もあります。ナビゲーションとサイトフローを定義します。

コンテンツマッピング

前のステージから、潜在的なユーザーフローを使用して、コンテンツの良いアイデアを得たでしょう。この情報を使用して、ワイヤーフレームまたはコンテンツマップを作成してコンテンツをマッピングします。これは、コンテンツフロー間の相互作用の定義に役立ち、次のようなユーザーナビゲーションの定義にも役立ちます：ユーザーはホームページに移動します->クリックバナーに->商品をクリック->商品をショッピングカートに追加->カートページに移動してチェックアウト->支払い->確認メッセージが表示されます

コンテンツマップを作成し、それを使用してナビゲーションフローを定義することの利点に関する追加の入力について、この 記事 を参照することをお勧めします。記事を引用するには

コンテンツマップの作成はほんの数分で済み、サイトマップの優れた先駆けとなります。

内部Webページだけでなく、コンテンツマップには、電子メールやニュースレター、外部でホストされているブログ投稿やビデオなどのコンテンツを含める必要があります。これにより、Webサイト周辺のコンテンツの流れの全体的なビューが提供されます。 enter image description here

調査結果を提示します

この段階で、予備調査結果とワイヤーフレームおよびコンテンツマップを設計チームに提示して、ナビゲーションフローと、設計に影響を与えたものを強調します。

ここにあなたが読むためのいくつかの追加の記事があります

  1. コンテンツ戦略の中心

  2. コンテンツ戦略とストーリーテリング

  3. ガバナンスを活用してコンテンツ戦略を引き出しから引き出します

12
Mervin

私は、クライアントやユーザーとの実際のセッションで、ローテクのカードソーティングを使用してこのタスクを解決しました。

すべてのメニュー項目をインデックスカードに書き留め、参加者が正しいと思う方法でカードを並べ替えます。

あなたはインターネットでより多くの情報を見つけるでしょう： http://en.wikipedia.org/wiki/Card_sorting

10
Stefan

内容を理解する

サイトで現在利用可能なコンテンツを理解できるようにするには、ナビゲーションメニュー、タグ付けシステム、または検索を開始する場所だけに依存することはできません。コンテンツのユーザーや編集者に今日尋ねる前に、コンテンツがどこにあるのかを把握してください。ユーザーはあることを言って別のことをするので、コンテンツの編集者やコンテンツの消費者にインタビューして観察する必要があります。尋ねる質問は、必要なもの（ナビゲーション、タグ付け、検索）をどのようにして見つけるか、そして一定期間の後、プロジェクトの終了後、または他の時間またはタスクの間隔後に、コンテンツを別の場所にアーカイブするかどうかです。彼らがコンテンツを作成および編集するとき、彼らが今日コンテンツをどのように編成するかを尋ねることを忘れないでください。それはあなたに彼らが今日どのように働くかについての考えを与えます。

コンテンツがどこにあるのか、どのように構造化および分類されているのか、そしてワークショップを文書化してスケジュールするのにどれくらい時間がかかるのかについての明確な画像があるときさまざまな部門や役割のユーザーを招待し、コンテンツ管理に関するワークショップを開催し、（文書化されたレポートで）発見したことがワークショップでの説明と同じかどうかを確認します。もしそうなら-あなたは先に進むことができます。

ナビゲーションの観点からこのコンテンツを整理する方法

多くの人がすでに言ったように、コンテンツを整理する最良の方法はカードの並べ替えを使用することです。オープンカードソートまたはクローズドカードソートを使用できます。ユーザーがコンテンツをまとめてラベル付けするように求められるオープンカードの並べ替えから始めることをお勧めします。そうすることで、企業文化が使用している正しい用語を取得できます。ユーザーが慣れているのと同じ用語を使用すれば、作業を進めるときに多くの作業を節約できます。

おそらく、カードソートセッションを数回繰り返す必要があり、クローズドカードソートで終了できます。クローズドカードの種類には、ユーザーが所定のコンテンツを整理するためにあらかじめ決められたラベルがあります。

どのコンテンツを何とグループ化する必要があるか

カードの並べ替えセッションから、ラベルと、ラベル内のニース階層構造のコンテンツをボット化します。ただし、階層が合わない相互に関連するコンテンツをユーザーが検索する必要があるため、厳密な階層にする必要があるという誤りを犯さないでください。これらのグラフエッジは、通常は階層型ナビゲーション構造の一部ですが、それにバインドされていない、リレーショナル/補足ナビゲーションです。レベル4の要素は、リレーショナルリンクとしてレベル2の要素に適切にリンクできます。

enter image description here

メインナビゲーションに含めるアイテム

階層のルートノードに続く要素は、グローバルナビゲーションにある必要があります。コンテンツの分析とカードの並べ替えを正しく行った場合、グローバルナビゲーションは非常に明白で、ユーザーが理解しやすいはずです。

参照：

enter image description here

7
Benny Skogberg

通常、「最初に次の機能を示す必要がある」などのクライアントの目的があり、簡単な説明やワークショップで説明されています。

次に、ユーザー調査に基づいてペルソナから導き出された「これをどこで購入できるかを知りたい」というユーザー目標があります。

これら2つの要素のバランスが、ナビゲーションを作成する最初の試みに影響を与えるはずです。同意を得るための最良の方法は、クライアントと潜在的なエンドユーザーの両方からデータを取得することです。

http://www.optimalworkshop.com/optimalsort.htm および https://www.bagelhint.com/ などのオンラインツールを使用しました

しかし、カードの物理的なスタックと5分の時間も同様に機能します。

3
steven_craig

特にコンテンツを理解する必要性に対処するため、まだ理解していない場合は、おそらく2つのステップを実行する必要があります。

1つ目は徹底的なコンテンツ監査を実行することです。これにより、整理する必要のあるコンテンツの幅と深さを知ることができます。ナビゲーションソリューションは、ふるいにかけなければならないコンテンツの量に応じて変化する可能性が高く、さらに監査を実行すると、パターンスポットが可能になり、後で使用できるいくつかの自然なカテゴリまたは階層が提案されます。

コンテンツ監査には、利用可能なコンテンツの完全なリストが含まれているだけでなく、利用可能な利用状況データ（サーバーログ、分析）も含まれているため、現在使用されているコンテンツを把握できます。後で優先度を決定するときに使用できる重要度の指標。

2番目は対象分野の専門家と協力するです。このアプローチの主な利点は、全体論的な観点からコンテンツを理解できることです。どのコンテンツが重要であるか、またどの部分がユーザーが実行することが期待される一般的なタスクに適合するかです。 A SMEは、コンテンツの部分が関連している可能性があるさまざまな異なる方法を強調することもできますが、メンタルモデルを完全に採用しないように注意する必要があります（親しみやすさのためにバイアスを受ける可能性があります） ）中小企業はドメイン知識の利点も持っています。これはコンテンツ自体（潜在的には技術分野の障害）を実際に理解するのに役立つ場合があります。

この方法でコンテンツに精通することで、ナビゲーションを構築する際に、より良い決定を下せるようになると期待しています。

3
dhmstark

私は多くの異なるサイトを編成し、そのプロセスからいくつかのことを学びました。それらのいくつかは他の人が言っていることに対抗しています。

サイトを整理するには、まずすべてのコンテンツを把握する必要があります。完全にコンテンツ監査および「現状のまま」のサイトマップを手動で生成することが重要です。このプロセスを自動化して最終結果を生成できますが、これにより、既存のコンテンツを理解するための重要なステップがスキップされます。

次に、ユーザーが実行しているタスクと、それが実際の生活の中で何をしているのかを理解する必要があります。実際のユーザーと話し、ユーザーシナリオを作成して、彼らが何をしているかを説明します。 site analyticsを使用して、人々が現在何をしているかを確認します（現在のサイトがある場合）。コンテンツベースのサイトの場合、サイトはタスクEVENに従って編成する必要があります。

内部ワークショップは、ビジネスが何を望んでいるかを理解するのに役立ちます。サイトの目的の明確なセットを取得することが重要です。機能の優先順位付けは、ポストイットノートと「ホームページ」をスケッチしてストーリーを伝える人々を使用して行うことができます。

私はcard sortingを使用せず、サイトを使用する必要があるときに、その出力をテストするのがうまくいかないことを発見しました。多くの場合、似たようなサウンドに集中しているサイトを作成しますが、実際の使用パターンは作成しません。そのため、その他の理由から、サイトの情報アーキテクチャを明らかにするための主要な方法としてそれを使用することはお勧めしません。

TreeJackerなどのツールを使用して、純粋なナビゲーション構造をエンドユーザーとテストすることをお勧めします。

1
Stewart Dean

あなたはサイトを再設計していて、最初から何かを組み立てているわけではないので、私は単にあなた自身のサイトの経験/印象に頼るつもりはありません。再設計するときに誰もが使うべきいくつかの主要なツールがあると思います...

1）ナビゲーションはどのリンクで構成する必要がありますか？

サイトがコンテンツ主導であり、収入源として広告を提供している場合、それはすべてコンテンツに関するものです。 eコマースサイトの場合のように、ユーザーに最終的に表示してもらいたいターゲットページはほとんどありません。これを念頭に置いて、コンテンツベースのサイトの場合、 上位のコンテンツ分析データ の発言に焦点を当て、コンテンツを人気順に並べます。 eコマースサイトの場合、私は Google Analyticの目標 を使用して、顧客が私のサイトを経由して購入に至るさまざまなルートの効果を測定します。

2）ナビゲーションに適した場所はどこですか？

Googleは ページ解析 も提供しています。これは、Webサイトの設計内で最も効果的なUI要素を決定するのに役立ちます。ナビゲーションアイテムまたはリンクの色を変更すると、大きな違いが生まれます。そういうものをこのツールで測れます。

1
Webnet

ほとんどの回答は、ユーザーが情報をナビゲートする方法に関する情報アーキテクチャの設計戦略をカバーしています。ここで、アダプティブコンテンツデザインに関連するポイントを追加したいと思います（ Karen McGrane はこれについて多く話します）。コンテンツを柔軟かつ順応性のあるものにするという問題もあるので、ウェブサイトのコンテンツが変更するすべてのナビゲーションを引き裂く必要はありません。これは、ナビゲーションの再設計においても考慮する必要があります。

1
Michael Lai

私は最初にデータにこだわり、後でヒューリスティック評価を通じて人間の行動を補強するのが好きです。

私がこれを行うのは、チーム（およびプロジェクトに関係する監督者）を扱う場合、情報の編成方法が感情的に扱われることが多いためです。特定のVPとSVPは、「見た目が良い」ため、特定の項目を一番上に表示するのを好みます。したがって、データを使用すると、感情的な部分を方程式から取り除くことができます。私と一緒に。

最初にデータ。アナリティクスは、ユーザーが最もクリックしたものを示し、主要な項目の優先順位付けに役立ちます。これの欠点は、ナビゲーションが悪い、欠陥がある、または不完全であるため、人々がそれらのアイテムを最もすぐにクリックする可能性があることです。

参考：O'Reilly Information Architecture Book（Polar Bear book）

次に、サイト/アプリで人々が何を検索しているかを調べます。これは、人々が何を見つけることができなかったか、したがって実際に検索する必要があるかを判断するのに役立ちます。

参照： http://www.uie.com/articles/time_search/

これらの方法には、まだいくつかの弱点があります。多くの研究は、一般的に2つのタイプの人々-検索する人とクリックする人がいることを示しているようです。

これらのことの後で（これらのことの前に言う人もいますが）、チーム/会社は、ユーザーがサイト/アプリにアクセスしたときに実行する目標/アクションを決定する必要があります。

これで、サイトでユーザーが何をしていて何をしていないかに関するデータが得られました。あなたは上司から、人々がサイトで何をする必要があるかについての命令を持っています。

この時点で、チームと共にカードの並べ替えテクニックを紹介できます。しかし、今では、あなたの研究に武装して、チーム（およびそれ以上の上級者）がユーザーが何を求めているか、そしてあなたの会社が彼らに何をする必要があるかを見るのを助けることができます。

参照：[上記のカード並べ替えリンク]

ナビゲーションが整ったので、ヒューリスティックな評価を行います。これは詳細を解決します。

参照： http://www.nngroup.com/topic/heuristic-evaluation/

今、あなたは微調整してライブに行きます。 （完璧な世界で！うん！よくできました！）

次に、Googleアナリティクス（または選択したトラッキングメカニズム）で目標達成プロセスを構築し、目標到達プロセスを設定して、人々が目標を達成していることを確認することをお勧めします。

そして最後に、これは終わりのない分析だと思います。これは私個人の可能性がありますが、ナビゲーションを成功させるために定期的に少し注意を払うに値するものだと思います。

1
Mak

できるだけ少ないタップ/クリックで貴重な情報にアクセスできることを目標にしてください。

内部ページから入り、そこからあなたのウェブサイトを探索し始める人のために最適化してください...

上記の誰かが提案したように、エンドユーザーがカテゴリ/コンテンツをどのようにソートおよびグループ化するかを学びます。

この分野ではルーの本が最も価値があります http://shop.oreilly.com/product/9780596000356.do

1
Alex Debkaliuk