web-dev-qa-db-ja.com

カテゴリ表示の問題を解決する

Reddit.comに触発されたニュース集約システムに取り組んでいます

サイトには、ユーザーが作成した複数のカテゴリを含めることができます。スタイル、使いやすさ、デザインを犠牲にすることなく、できるだけ多くのカテゴリーをフロントページに表示したいと思います。

次の2つの選択肢があります。

左側の縦方向のリスト-利点:縦方向に配置するとスペースが無制限になるため、多くのカテゴリをリストできます-欠点:カテゴリのテキストサイズに基づいて、カテゴリとコンテンツ間の外観と間隔が損なわれます

垂直メニューの場合、質問がポップアップ表示されます。「詳細」リンクをクリックすると、カテゴリページに移動する必要がありますか? javascriptを使用して、より多くのスクロールでより多くのカテゴリにマウスオーバーする必要がありますか?多分もっと上にマウスオーバーすると、メニューが下に展開してより多くのカテゴリが表示されますか?

サイト上部の水平方向のリスト-利点:設計を損なわない-欠点:ユーザーの画面解像度に応じてスペースが制限される

これを実現する方法は他にもあります。たとえば、垂直または水平のメニューを部分的に非表示にするなどですが、JavaScriptをベースにしたサイトレイアウトが適切かどうかはわかりません。

これについてのご意見をお待ちしております。私は何を勧めますか?

Horizontal Menu of categories

Vertical Menu of categories

1
DavidW

私が見つけたものから、水平方向のナビゲーションは、多くのコンテンツが表示されているウェブサイト(あなたのサイト)でよりよく利用されています。サイトの全幅に及ぶため、サイトナビゲーションに強い存在感を与えます。また、垂直方向のナビゲーションよりも占有面積がはるかに少ないため、水平方向のナビゲーションも好みます。

これは、垂直ナビゲーションが機能しないと言っているのではありません。私はA/Bテストを行うことをお勧めし、何が最良の応答を示すかを確認します。

また、横のナビゲーションをロゴの下に移動して、そのナビゲーションがそのサイトに向いているように感じます。

この件については Smashing Magazine も参照してください。

1
PL3X

オプションは、ディレクトリ構造を使用することかもしれません。 http://dir.yahoo.com/ CookieといくつかのクリエイティブJSを使用すると、アカウントを持つユーザーが、スーパーヘディングではなくトップに優先するようにピン留めすることができます。これにより、新しい訪問者が興味深いトピックを見つけるために探索する機会が与えられます。おそらく下の縦のリストで最もアクティブなグループを持っているか、新しいグループを強調表示しています...テキスト/オプションの壁を提供するのではなく、サイト訪問者を引き込みます。

1
Tamler