web-dev-qa-db-ja.com

FAQスタイルのプレゼンテーションのUIのベストプラクティス

私が取り組んでいるWebアプリケーションには、質問とその回答のリストが表示されるいくつかのページがあります。すべてのページには、全体的な見出し(ユーザーが精通している)にグループ化された質問があり、各見出しの下に3〜5個の質問があります。 1つのページで、カテゴリ間で非常によく似た質問があります(つまり、「これを取得するにはどうすればよいですか?」という質問がいくつかの異なるカテゴリの下に表示されることがありますが、カテゴリに基づいて異なる回答があります。

この種のインターフェースのベストプラクティスに関する提案はありますか?あなたが本当にうまくやっていると思う階層的なFAQスタイルのページ?

ページの上部にカテゴリのアンカーリンクを配置し、質問/回答をデフォルトで表示させることができます(1つの長いリスト、ページナビゲーション内の標準アンカー付き)。または、jqueryを使用してカテゴリ全体を表示/非表示にするか、質問をクリックしたときに回答を表示する必要がありますか?

8
Voodoo

私の知る限り、これらは基本的な2つの改善点です(== --- ==)FAQ page

  1. 実際によく尋ねられる質問、または別の方法で本当に興味深い質問。
  2. 答えがその場所に表示されるようにします

[〜#〜] moo [〜#〜] かなりうまくいきますと思います。例えば:

  • ページの上部にカテゴリドロップダウンがあります(トップメニューの[MOOに質問]にカーソルを合わせます)
  • 回答に応じてページレイアウトが異なります。 listssmall appstips and downloadsimages など.
  • 他の場所で見つけたより多くの情報を提供します。つまり、サイトの残りの部分は、それを入手し、周りのヘルプテキストを取り除くことができる人にとって十分に洗練されている可能性があります
  • 素敵なテキストを書いて、よくある質問に時間を費やすのはほとんど楽しいことです!

また、A List Apartは、FAQのよくある質問についての良い記事を書いて、上記の多くを扱っていますもっと。

5
Lode

従来の静的なFAQ=ページは今日ユーザーが期待するものではなくなったと思います。一般に、ユーザーはカテゴリや質問の長いリストを通過する時間や欲求がありません。読む代わりに答える。

したがって、FAQページで上部に目立つ検索機能を提供することをお勧めします。

その下に、FAQリストからのよく読んだ質問へのリンクを表示します。

さらに下では、FAQカテゴリを表示し、jQueryなどを使用して、ユーザーがクリックしたときに情報を表示および非表示にします。シンプルなバックエンドを使用すると、最もよく読まれている質問の数を記録できます。

この情報は、よく読まれる質問を表示するために使用されます。また、ユーザーが特定の質問を頻繁に読む必要がある場合、Webアプリケーションまたはいくつかのプロセスの潜在的な問題点を強調します。

1
user6072

FAQページ-通常、ページの上部にあるすべての質問のリストで、以下の回答にリンクします。このパターンはよく知られています。 、そしてできるだけそれに準拠する必要があります。とはいえ、このよく知られたパターンにはいくつかの問題があります。

  1. ページに多くの質問がある場合、それらを見つけることは困難です。
  2. 彼らが答えようとしている質問がそこにない場合(または、彼らがそれを見ることができない場合)、ページに他に行くべき場所を示すリソースはめったにありません。

最初の問題は解決が非常に困難です。質問をページ内の先行入力検索などのカテゴリに整理することで改善できます。ただし、主な問題は解決されていません。つまり、質問は自由形式です。 、そしてさまざまな方法で尋ねられる可能性があります。この制限に対処する1つの方法は、受け取った質問の多くの順列のすべてを(目に見えるかどうかにかかわらず)含めることです(実際に頻繁に尋ねられる場合、これは問題になりません。問題であれば、頻繁ではありません)入力済みの検索用語として。

FAQページではページ付けは実際には適切ではありません。ページ付けは、一部のユーザーが使用を強く求める組み込みのブラウザー検索機能を破壊するためです。

最もよく使われるものの1つFAQ私が今まで見たページはここにあります: http://www.parashift.com/c++-faq-lite/

これが何らかの助けになることを願っています。

1
idbentley

私の意見では、FAQページはクイックスキャンに対応する必要があります。これは言われていますが、ユーザーは頭の中で特定の方法で質問を作成しますが、FAQページは異なる場合がありますまったく同じ質問の言い回し。

スキャンに対応するには、次のテクニックが役立ちます。

  • 情報密度を高めることができます。
  • 利用可能なカテゴリのドロップダウンは、常に表示されるリストに置き換えることができます。
  • カテゴリ間のナビゲーションのためのページの再読み込みは、ユーザーが関連情報をスキャンするのに役立ちません。
0
Denzo