📜 ⬆️ ⬇️

Tabs vs. Accordion


Good day!

Tabs and Accordion. We all came across these interface elements a hundred times. But what is the fundamental difference? Benefits? What where is applicable and where not? I want to express my thoughts on this matter and listen to yours.


Tabs


One of the translations is a bookmark. The interface element to display a group of documents in such a way that only 1 “current” document is shown, and the rest are hidden. This interface interface came to computers from office life: folders with documents were divided by such tabs into groups. And of course, phone books are often separated by tabs alphabetically.
')
Main features :

Main advantages :

The main disadvantages :

Tabs are designed to display information like "1 of N". But, for example, I would not do the phone book with the use of tabs, but would have invented something else so that I could see several “opened letters” at the same time.

Accordion


In fact, it is very similar to tabs, since also shows 1 “current” document, and hides the rest (although there is a variation that shows> 1 of the open document). This email came, probably from Russia, and was originally called a button accordion :) Difference from tabs: as a rule, the vertical arrangement of the “keys” (or “furs”) and, as a rule, the animation of the closing of the previous email simultaneously with the disclosure of the new (as if the movement of furs in the accordion when playing).

Main features :

Main advantages :

The main disadvantages :

I note that although not every housewife plays the accordion, nevertheless, it is quite convenient and simple.

Conclusion


And there is no conclusion. The conclusion is higher in my judgments. However, in my opinion the accordion is from the evil one, it is much more inconvenient and not-usable to use than the tabs (why? See above: pros and cons). Now you have the floor, gentlemen!

Source: https://habr.com/ru/post/62453/


All Articles