아코디언UI (Accordion UI)
한 줄 정의: 제목을 클릭하면 관련 콘텐츠가 펼쳐지고 다시 클릭하면 접히는, 공간을 절약하는 UI 인터랙션 패턴이다.
쉽게 풀면
제목을 누르면 아래 내용이 펼쳐지고, 다시 누르면 접히는 방식이다.
논문에서는 이렇게 쓰입니다
본 연구는 FAQ 페이지에 아코디언UI를 적용한 결과 페이지 스크롤 길이가 크게 줄어들었음을 보고하였다.
정보를 접고 펼치는 방식으로 화면 길이를 줄인 UI 설계 사례이다.
주의할 점
아코디언UI는 콘텐츠를 숨기기 때문에 중요한 정보를 이 안에 배치하면 발견율이 낮아질 수 있다.