Akordeon (ang. Accordion) to interaktywny komponent interfejsu użytkownika, który umożliwia ukrywanie i odkrywanie treści, zwiększając przestrzeń na ekranie oraz ułatwiając nawigację. Składa się z sekcji nagłówka oraz rozwijalnej treści – kliknięcie nagłówka powoduje rozwinięcie ukrytych informacji, a ponowne kliknięcie ich zwinięcie.
Akordeony są szczególnie przydatne w przypadku stron internetowych i aplikacji zawierających dużą ilość informacji, które można pogrupować tematycznie. Pozwalają na ograniczenie długości strony oraz poprawiają przejrzystość interfejsu, eliminując konieczność przewijania długich bloków tekstu.
Akordeony znajdują szerokie zastosowanie w różnych typach interfejsów, takich jak:
Zastosowanie akordeonów w interfejsach użytkownika poprawia czytelność, organizację treści oraz wygodę nawigacji. Umożliwiają one dynamiczne zarządzanie przestrzenią ekranu, co jest szczególnie istotne w projektowaniu responsywnych stron internetowych oraz aplikacji mobilnych. Dzięki nim użytkownicy mogą szybko odnaleźć interesujące ich informacje, bez konieczności przewijania długich stron, co znacząco wpływa na wygodę korzystania z produktu cyfrowego.
