S'en tenir à la forme réelle du contenu
Utilisez le squelette lorsque vous connaissez la structure du contenu ; Cela ne signifie pas que les données sont disponibles.
Squelette Système de conception
Indique le contenu à venir sans faire sauter la mise en page.
Contenu de la checklist
Progression de la vérification
01
Structure et signification
Comparer les informations et la présentation dans le contexte d'utilisation.
02
Interaction et convivialité
Essayez l'opération, modifiez le statut et continuez à travailler.
La progression est enregistrée automatiquement dans ce navigateur.
GUIDE
Comment vérifier
EXEMPLES
Exemples d’utilisation
S'en tenir à la forme réelle du contenu
La carte des résultats de chargement comporte une zone d’image, un titre et deux lignes de description.
Variantes et cas d’usage
Un squelette fidèle à la structure réelle
Dimensionnez les espaces réservés selon les images et le texte à venir pour éviter les déplacements de mise en page au remplacement.
Comparez le squelette de chargement aux données réelles avec des titres longs ; la hauteur principale doit rester stable.
Exemple La carte photo en attente possède la même zone carrée et le même pied de carte avec l’auteur que la carte chargée.
Nom d'affichageActifFormes adaptées au type de données
Utilisez un cercle, une ligne de texte ou un bloc d’image selon leur rôle, plutôt qu’un grand bloc identique pour tout.
Testez une liste avec des avatars et des photos ; sa structure doit permettre de deviner le contenu à venir.
Exemple L’avatar en attente utilise un cercle, le titre une courte ligne et la photo un carré.