Elementos visuales del sitio web
Elija imágenes que ayuden a explicar el producto
Prepare y seleccione imágenes para las páginas públicas, manteniendo cada elemento visual vinculado al mensaje que debe apoyar.
Un elemento visual debe respaldar un mensaje claro
- Adapte la imagen a su ubicación
Revise la página y la sección a las que pertenece la imagen.
- Aporte una referencia real
Cargue una imagen adecuada para la ubicación compatible.
- Revise el resultado
Compruebe cómo aparece el elemento visual seleccionado en la página generada.
Elija imágenes que expliquen el producto
Una imagen de la página de inicio y una ilustración detallada del producto cumplen funciones distintas. Seleccione un elemento visual que respalde el título de la sección y el comportamiento que ofrece realmente el producto.
Utilice material que tenga derecho a publicar. Las capturas de pantalla del producto deben representar la aplicación real y evitar exponer información privada de clientes.
Mantenga la imagen vinculada a su ubicación real
Explique una funcionalidad disponible. Una imagen del producto es útil cuando facilita la comprensión de la explicación que la acompaña. Una vista real de la aplicación debe representar el comportamiento disponible, mientras que la información privada de los clientes queda fuera de la presentación pública.
Elija el nivel de detalle adecuado para la sección. La primera impresión del producto y la explicación de una tarea concreta necesitan niveles de detalle distintos. Lea la finalidad de la ubicación antes de elegir una imagen, para que lo importante se siga leyendo dentro de su marco y en el diseño móvil más pequeño.
Mantenga una elección existente. Una imagen se selecciona para una ubicación de página. Al cambiar un elemento visual, revise las demás elecciones antes de guardar. La asociación mantiene un archivo cargado vinculado a su mensaje previsto en lugar de convertir cada carga en un reemplazo global.
Mantenga la elección visual junto a la página
Las selecciones visuales de las páginas públicas están asociadas a su ubicación. Así, la imagen elegida sigue vinculada a su página en lugar de tratar cada carga como intercambiable.
Después de aplicar una selección modificada, revise el resultado publicado en ordenador y en móvil. Compruebe que el contenido importante sigue visible dentro del área de imagen prevista.
Muestre la parte del producto que explica el texto
Una ilustración útil centra la atención en una función: un campo, un resultado o un pequeño grupo de controles. Su papel es facilitar la comprensión de la explicación que la acompaña.
Revise la imagen al tamaño en que la verán realmente los visitantes. Mantenga legible el detalle importante y compruebe que la imagen respalda la promesa de la página sin añadir una afirmación infundada.
Del material adecuado a una imagen de página revisada
Lea la ubicación. Abra el contenido gráfico de la página y consulte la finalidad y la imagen elegida actualmente. Identifique lo que debe explicar la sección.
Cargue y seleccione. Utilice una imagen compatible y respete los límites del panel de carga. Elija el archivo disponible para la ubicación correspondiente y guarde esa selección.
Revise el resultado aplicado. Siga el cambio del sitio web y examine la imagen junto al texto real en ordenador y en móvil. Compruebe el encuadre y la legibilidad del detalle importante.
Utilice la imagen para que la explicación sea más clara
Elija un elemento visual fiel y pertinente para la sección y verifíquelo en la página publicada, no solo en la biblioteca de cargas.
Preguntas sobre los elementos visuales del sitio web
Una carga pone un archivo a disposición. Todavía hay que seleccionarlo para la ubicación prevista y aplicarlo al sitio web. Son etapas distintas del flujo de trabajo.
Utilice material vinculado a la funcionalidad disponible y al mensaje de la sección. Una captura de pantalla debe reflejar la aplicación real, sin exponer información de clientes ni sugerir controles que no estén disponibles.
Las selecciones están asociadas a sus ubicaciones. Revise el mapa guardado y conserve las demás elecciones válidas al modificar un elemento visual.
La imagen ocupa un marco más pequeño. Los detalles importantes pueden volverse ilegibles o quedar recortados aunque el archivo completo pareciera útil en una pantalla grande.
El contenido de la documentación no ofrece por sí mismo una ubicación de imagen del sitio web. Utilice las herramientas gráficas de la página del sitio web correspondiente para su presentación pública.