主題/説明の長いリストを表示するときのアコーディオンの代替
私が誰かが現在JQuery UIアコーディオンを使用してコマンドの長いリストを表示し、クリックしたときに何をするかを明らかにしているWebサイトを改善する手助けをしています。 http://stats.neurobots.net/botstats.php?id=1 しかし、コンテンツ領域の多くに1行しか含まれていない場合でも、アコーディオンは適切にスケーリングされません。これを表示するより良い方法は何でしょうか？
上記の2つのコメントにほぼ同意します。多くの場合、アコーディオンの最良の代替手段は、単にアコーディオンを使用しないことです。
多くの場合、ページのスクロールは、アコーディオンでパネルを意図的に展開/折りたたむよりもはるかに簡単です。
ルールの例外は、各アコーディオンに大量のコンテンツがあり、ユーザーが1つのパネルだけに関心を持つ可能性がある場合です。ただし、その時点では、その状況ではコンテンツが別のページに分割される可能性があるという兆候だと私は主張します。
過度に長いアコーディオンリストの適切な解決策は、片側ページのフローティングサイドナビゲーションのあるウェブサイトを用意することです。
あまりよくない例： http://blackestate.co.nz/
基本的に、フローティングナビゲーションにすべてのタイトルをリストし、それを使用してリーダーをページ上の場所に移動します。スクロールアニメーションは、常にこの相互作用を快適にします。
内容が一重線になっているだけなので、アコーディオンをつけるのは得策ではありません。これがあなたにできることです、cmdタブを考えてみましょう。
アイコンを使用して、ユーザーが必要なものをすばやく見つけられるようにする
これをフォトショップでモックアップしました
このようなビューのグリッドを使用できます。