Skip to main content

Pestañas

Las pestañas organizan contenido similar en secciones individuales en la misma página.

Anatomía Grid

Cuándo utilizar

  • Tienes mucho contenido que se puede dividir en tareas independientes.
  • Tienes opiniones relacionadas.

Cuándo no utilizar

  • Si desea conectar contenido en distintas pantallas,
  • Tiene muchos grupos (más de, digamos, 6 pestañas)

Comportamiento

Mantén todo lo necesario en una sola pestaña

  • Si bien es importante que las pestañas estén relacionadas, también es fundamental que su contenido esté separado. Los usuarios no quieren estar cambiando de pestaña una y otra vez para realizar tareas.
  • Asegúrese de que todo lo necesario para completar una sola tarea esté contenido en una sola pestaña.

Limitar el número de pestañas

  • Las pestañas ayudan a mantener una gran cantidad de información en un contexto sin ocupar demasiado espacio. Sin embargo, tener demasiadas pestañas aumenta el desorden y puede resultar abrumador.
  • Intente no tener más de 6 pestañas a la vez para que la organización sea clara para los usuarios. 

Recursos

Recruso de Figma