Grafika akordeonu je svisle naskládaný seznam položek, jako jsou textové štítky nebo miniatury . Každý prvek lze „rozbalit“ nebo „rozbalit“, aby se zobrazil obsah spojený s daným prvkem.
Tento termín je spojován se stejnojmenným hudebním nástrojem , u kterého se při natažení rozvinou části měchu.
Běžným příkladem akordeonu je operace Zobrazit/Skrýt v jedné oblasti, kterou lze rozbalit a zobrazit obsah více sekcí v seznamu.
Harmonika je svým významem podobná rozhraní s kartami , což je seznam položek, kde je právě jedna položka rozbalena do panelu (tj. položky seznamu štítků odkazují na jednotlivé panely).
Harmonika je řada tlačítek nebo štítků naskládaných na sebe. Když je tlačítko aktivní, prostor pod tlačítkem slouží k zobrazení jednotlivých oken. Sekce jsou obvykle omezeny na šířku velikostí textového pole. Při otevření sekce se textové popisky pod ní posunou do výšky rozbaleného okna. V daném okamžiku může být aktivní pouze jedna sekce akordeonu. Aktivní sekce může mít posuvníky .
Několik oken se navzájem překrývá. Všechny jsou skryté, viditelné jsou pouze jejich názvy. Pokud jeden z nich stisknete, aby byl aktivní, roztáhne se. Další okna v akordeonu jsou umístěna podél horního nebo spodního okraje.
Typickým případem použití akordeonu je operace Zobrazit/Skrýt oblast, ale na rozdíl od jiných prvků rozhraní shromažďuje akordeon několik těchto skrytých sekcí do jednoho seznamu.
SlideVerse je příklad akordeonu používaného k poskytování přístupu k webovému obsahu. [jeden]
Prohlížení seznamu v Google Reader také používá akordeon.