Anatomie d'une boîte de réception email : éléments UI clés expliqués

Que vous utilisiez Gmail, Outlook, Yahoo, ou client desktop, chaque boîte de réception partage structure commune. Voici décomposition composants standards :

1. Barre supérieure

• Boutons action : Nouveau, Actualiser, Rechercher, Réglages (icône engrenage).
• Avatar/nom compte : profil, changement compte, déconnexion.

2. Volet navigation (barre latérale gauche)

• Dossiers système : Boîte réception, Marqués/Reportés, Envoyés, Brouillons, Spam/Indésirables, Corbeille.
• Libellés/dossiers personnalisés : catégories créées utilisateur (Travail, Voyage, Reçus).
• Filtres/Tags : Non lus, Pièces jointes, Important, Catégories (Promotions, Social, Notifications).

3. Barre recherche

Champ proéminent en haut (ou intégré barre sup) supportant opérateurs : from:, to:, subject:, has:attachment, before:/after: dates.

4. Liste messages (centre)

• Colonnes : Expéditeur, Objet, Aperçu/Extrait, Date/Heure, Icône pièce jointe (trombone), Étoile/Drapeau.
• Interactions : survol actions rapides (archiver, supprimer, marquer lu/non lu, reporter, déplacer).
• Sélection : cases à cocher actions groupées.

5. Volet lecture (droite ou bas)

• Affiche corps message complet, images, pièces jointes inline.
• Boutons répondre/transférer inline, en-têtes développés, « Afficher contenu masqué ».

6. Bouton rédaction

Bouton proéminent « + » ou « Nouveau » – ouvre modal nouveau message ou éditeur plein écran.

7. Barre outils message (dans volet lecture)

• Répondre, Répondre à tous, Transférer, Imprimer, Supprimer, Archiver, Déplacer vers, Libellé, Marquer non lu, Étoile, Plus (⋮).

8. Pièces jointes

Icônes trombone dans liste ; dans volet lecture, vignettes avec téléchargement, sauvegarde Drive/OneDrive, aperçu options.

9. Pagination / Défilement infini

Numéros pages, flèches « Plus anciens/Plus récents », ou défilement continu avec déclencheur chargement plus.

10. Réglages / Personnalisation

Icône engrenage → Densité, Thème, Type boîte réception (Prioritaire, Non lus d'abord, etc.), Signature, Répondeur absence, Raccourcis clavier, Mode hors ligne.

Bien que style visuel varie, ces éléments forment grammaire universelle clients email.