Anatomía de una Bandeja de Entrada Email: Elementos UI Clave Explicados

Ya uses Gmail, Outlook, Yahoo o cliente de escritorio, toda bandeja comparte una estructura común. Aquí está el desglose de componentes estándar:

1. Barra Superior

• Botones de acción: Redactar, Actualizar, Buscar, Ajustes (icono engranaje).
• Avatar/nombre cuenta: Perfil, cambio de cuenta, cerrar sesión.

2. Panel de Navegación (Barra Lateral Izquierda)

• Carpetas del sistema: Bandeja, Destacados/Pospuestos, Enviados, Borradores, Spam/Junk, Papelera.
• Etiquetas/carpetas personalizadas: Categorías creadas por usuario (Trabajo, Viajes, Recibos).
• Filtros/Etiquetas: No leídos, Adjuntos, Importante, Categorías (Promociones, Social, Actualizaciones).

3. Barra de Búsqueda

Campo prominente arriba (o integrado en barra superior) soportando operadores: from:, to:, subject:, has:attachment, before:/after: fechas.

4. Lista de Mensajes (Centro)

• Columnas: Remitente, Asunto, Fragmento/Vista previa, Fecha/Hora, Icono adjunto (clip), Estrella/Flag.
• Interacciones: Hover para acciones rápidas (archivar, borrar, marcar leído/no leído, posponer, mover).
• Selección: Checkboxes para acciones en lote.

5. Panel de Lectura (Derecha o Abajo)

• Muestra cuerpo completo del mensaje, imágenes y adjuntos inline.
• Botones responder/reenviar inline, cabeceras expandidas, "Mostrar contenido recortado".

6. Botón Redactar

Prominente "+" o "Redactar" — abre modal nuevo mensaje o editor a pantalla completa.

7. Barra de Herramientas del Mensaje (Dentro del Panel de Lectura)

• Responder, Responder a todos, Reenviar, Imprimir, Borrar, Archivar, Mover a, Etiquetar, Marcar no leído, Estrella, Más (⋮).

8. Adjuntos

Iconos clip en lista; en panel lectura, miniaturas con descargar, guardar en Drive/OneDrive, previsualizar.

9. Paginación / Scroll Infinito

Números de página, flechas "Antiguos/Nuevos", o scroll continuo con trigger cargar más.

10. Ajustes / Personalización

Icono engranaje → Densidad, Tema, Tipo bandeja (Prioritarios, No leídos primero, etc.), Firma, Respuesta automática, Atajos teclado, Modo offline.

Aunque el estilo visual varía, estos elementos forman la gramática universal de clientes de email.