アコーディオンメニュー【accordion menu】

概要

アコーディオンメニュー（accordion menu）とは、Webページなどの表示・操作要素の一つで、選択した項目がその場で広がって詳細な内容を表示する形式のメニューのこと。限られた範囲で多数の項目を一覧でき、かつ詳細な内容を即座に参照できるメニュー形式として利便性が高い。

横長の見出しが縦に並んでおり、そのうちの一つをクリックやタップで選択するとその項目の表示領域が他の項目を押しのけて縦に広がり、詳細な内容が表示される。もう一度その項目を選択すると広がった領域が狭まっていき、元の見出しのみの表示に戻る。

ある項目が開いた状態で他の項目を選択すると、開いてい自動的に項目が閉じて、新たに選択した項目が開く。このように任意の箇所が操作に伴って自在に伸びたり縮んだりする様子を、楽器のアコーディオンの蛇腹部分になぞらえてアコーディオンメニューと呼ばれている。

スマートフォンの画面など表示領域に限りがある場合に、コンパクトにメニューの全体像を見せつつ、ページ遷移などを伴わずに即座に各項目の詳細を提示することができる。使い慣れれば必要な項目にたどり着きやすく快適な操作感を得ることができる。

一方、詳細部分をすべて広げて一覧することはできないため、目当ての項目がどこにあるか分からない場合などには何度も項目の開閉を繰り返さなければならずストレスとなることがある。また、表示された項目の一覧がアコーディオンメニューであることはクリック・タップしてみて初めて分かるため、利用者が初見では気づかずに十分に活用されないこともある。

(2022.9.12更新)