Qu'est-ce qu'un objet média ?
Un objet média est un conteneur qui affiche un élément, tel qu'une image, un audio ou une vidéo, à côté d'un texte descriptif ou d'un autre contenu. Créés par Nicole Sullivan en 2009, les objets média permettent des mises en page propres et efficaces qui nécessitent moins de lignes de code.
Les objets média sont des fonctionnalités courantes de l'interface utilisateur (UI) sur les sites de médias sociaux ou dans les sections de commentaires où ils présentent une icône ou une photo accompagnée d'un commentaire. Cependant, les objets média sont relativement flexibles ; au lieu de texte, ils peuvent inclure des listes à puces ou d'autres objets média.
Les développeurs utilisent des plateformes de développement d'applications pour concevoir et créer des applications logicielles et des créateurs de sites Web pour développer des sites pour les entreprises. Ils utilisent ces plateformes pour saisir et afficher le code UI afin de créer des objets média et d'autres conteneurs.
Éléments des objets média
Lorsque les développeurs codent un objet média, ils ont de nombreuses options pour les éléments à inclure dans la mise en page. Un objet média peut contenir n'importe lequel des éléments suivants :
- Images. Une photo ou un avatar est un ajout courant à un objet média. Ces images peuvent être de différents types de fichiers, y compris JPG, PNG et GIF.
- Vidéo : Pour créer un intérêt supplémentaire dans un objet média, le développeur peut intégrer des fichiers MP4.
- Audio : Il est possible d'attacher un fichier audio, qui peut être lu, mis en pause ou arrêté dans l'objet média.
- Texte de titre : Tout le texte d'un objet média n'a pas besoin d'être de la même taille. Au lieu de cela, les développeurs peuvent utiliser une ligne de texte de titre plus grand et plus gras au-dessus du texte principal.
- Texte principal : La plupart des objets média incluent un texte descriptif sur le côté droit ou gauche de l'image, du fichier audio ou vidéo.
- Objets imbriqués : Les développeurs peuvent imbriquer des objets média dans des objets média.
Types d'objets média
Les outils de création d'applications et de sites Web gèrent les objets média de manière légèrement différente, mais il existe quelques présentations courantes des objets média.
- Objet média standard ou basique. Ce type d'objet média est le plus fréquemment utilisé. Il ressemble à une boîte rectangulaire, généralement avec une image carrée ou rectangulaire à gauche et du texte à droite.
- Objet média aligné. Les développeurs ajoutent du code qui spécifie des alignements verticaux ou horizontaux. Bien qu'un objet média soit généralement aligné en haut, il peut également être centré ou aligné en bas. Le développeur peut également placer l'image à gauche ou à droite du texte.
- Objet média imbriqué. Cette approche se produit souvent dans les fils de commentaires. Un objet média est légèrement en retrait sous un objet média parent, donnant l'apparence d'une imbrication. Une chaîne d'objets média imbriqués peut se poursuivre indéfiniment.
- Objet média listé. Ceux-ci impliquent deux ou plusieurs objets média avec le même alignement, donnant l'apparence d'une liste.
Avantages des objets média
Dans le cadre du CSS orienté objet, les objets média sont devenus fondamentaux pour de nombreux sites Web et applications. Certaines des raisons de leur popularité incluent :
- Facilité d'utilisation. Les objets média permettent aux développeurs d'économiser des centaines de lignes de code, leur épargnant du temps et de la frustration lors de la création d'interfaces utilisateur.
- Flexibilité dans les mises en page. Avec de nombreuses options pour les médias inclus et diverses possibilités d'alignement, les objets média offrent plus de choix aux développeurs Web.
- Prévisibilité des modèles. Les utilisateurs d'Internet se sont habitués au conteneur d'objet média en le voyant utilisé sur le Web dans les sections de commentaires de blogs et sur les plateformes de réseaux sociaux populaires. La grande visibilité de ce modèle confère un sentiment de familiarité aux utilisateurs, notamment sur les médias sociaux.
Lorsque vous créez une application visuellement époustouflante, n'oubliez pas de prendre en compte l'optimisation mobile.
Kelly Fiorini
Kelly Fiorini is a freelance writer for G2. After ten years as a teacher, Kelly now creates content for mostly B2B SaaS clients. In her free time, she’s usually reading, spilling coffee, walking her dogs, and trying to keep her plants alive. Kelly received her Bachelor of Arts in English from the University of Notre Dame and her Master of Arts in Teaching from the University of Louisville.
