¿Qué son los objetos multimedia?
Un objeto multimedia es un contenedor que muestra un elemento, como una imagen, audio o video, junto a texto descriptivo u otro contenido. Creado por Nicole Sullivan en 2009, los objetos multimedia permiten diseños limpios y eficientes que implican menos líneas de código.
Los objetos multimedia son características comunes de la interfaz de usuario (UI) en sitios de redes sociales o en secciones de comentarios donde presentan un ícono o foto junto a comentarios. Sin embargo, los objetos multimedia son relativamente flexibles; en lugar de texto, pueden incluir listas con viñetas u otros objetos multimedia.
Los desarrolladores utilizan plataformas de desarrollo de aplicaciones para diseñar y construir aplicaciones de software y constructores de sitios web para desarrollar sitios para empresas. Usan estas plataformas para ingresar y mostrar código de UI para crear objetos multimedia y otros contenedores.
Elementos de los objetos multimedia
Cuando los desarrolladores codifican un objeto multimedia, tienen muchas opciones de elementos para incluir en el diseño. Un objeto multimedia puede contener cualquiera de los siguientes elementos:
- Imágenes. Una foto o avatar es una adición común a un objeto multimedia. Estas imágenes pueden estar en varios tipos de archivo, incluidos JPG, PNG y GIF.
- Video: Para crear un interés adicional en un objeto multimedia, el desarrollador puede incrustar archivos MP4.
- Audio: Es posible adjuntar un archivo de audio, que se puede reproducir, pausar o detener dentro del objeto multimedia.
- Texto de encabezado: No todo el texto en un objeto multimedia tiene que ser del mismo tamaño. En su lugar, los desarrolladores pueden usar una línea de texto de encabezado más grande y en negrita sobre el texto del cuerpo.
- Texto del cuerpo: La mayoría de los objetos multimedia incluyen texto descriptivo en el lado derecho o izquierdo de la imagen, audio o archivo de video.
- Objetos anidados: Los desarrolladores pueden anidar objetos multimedia dentro de objetos multimedia.
Tipos de objetos multimedia
Las herramientas de aplicaciones y constructores de sitios web manejan los objetos multimedia de maneras ligeramente diferentes, pero existen algunas presentaciones comunes de objetos multimedia.
- Objeto multimedia estándar o básico. Este tipo de objeto multimedia es el más utilizado. Se ve como una caja rectangular, típicamente con una imagen cuadrada o rectangular a la izquierda y texto a la derecha.
- Objeto multimedia alineado. Los desarrolladores agregan código que especifica alineaciones verticales u horizontales. Mientras que un objeto multimedia está típicamente alineado en la parte superior, también puede estar alineado al centro o en la parte inferior. El desarrollador también puede colocar la imagen a la izquierda o derecha del texto.
- Objeto multimedia anidado. Este enfoque ocurre a menudo en hilos de comentarios. Un objeto multimedia se sitúa ligeramente indentado debajo de un objeto multimedia principal, dando la apariencia de anidamiento. Una cadena de objetos multimedia anidados puede continuar indefinidamente.
- Objeto multimedia listado. Estos involucran dos o más objetos multimedia con la misma alineación, dando la apariencia de una lista.
Beneficios de los objetos multimedia
Como parte del CSS orientado a objetos, los objetos multimedia se han convertido en fundamentales para muchos sitios web y aplicaciones. Algunas de las razones de su popularidad incluyen:
- Facilidad de uso. Los objetos multimedia ahorran a los desarrolladores cientos de líneas de código, ahorrándoles tiempo y frustración al crear interfaces de usuario.
- Flexibilidad en los diseños. Con muchas opciones para incluir medios y varias posibilidades de alineación, los objetos multimedia ofrecen más opciones a los desarrolladores web.
- Previsibilidad de patrones. Los usuarios de Internet se han acostumbrado al contenedor de objetos multimedia al verlo utilizado en toda la web en secciones de comentarios de blogs y plataformas populares de redes sociales. La alta visibilidad de este patrón brinda una sensación de familiaridad a los usuarios, especialmente en redes sociales.
Al crear una aplicación visualmente impresionante, no olvides tener en cuenta la optimización móvil.
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.
