Internet es sin duda un lugar extraño. Esos misteriosos algoritmos de Google están en constante evolución y las preferencias de los usuarios cambian todo el tiempo.
Sin embargo, una cosa que permanece constante es la importancia de usar fotos en el diseño de sitios web. Una imagen puede valer más que mil palabras, pero usar una foto granulada o confusa puede complicar los problemas en su sitio en lugar de resolverlos. Hoy voy a compartir los principales errores cuando se trata de usar fotos en sitios web, errores que debes evitar a toda costa.
¿Sabes qué? Podría estar cometiendo estos errores yo mismo en mis blogs, así que profundicemos…
1 Uso del formato de archivo JPEG
JPEG es un formato de archivo común, pero no siempre es la mejor opción. El formato comprime las imágenes para reducir el tamaño del archivo y ahorrar espacio en el disco duro, pero también reduce la calidad. Si va a imprimir o mostrar sus fotos en alta resolución, querrá usar otro formato como PNG o TIFF en su lugar. JPEG es una buena opción si:
- No te importa la calidad de la imagen (o estás usando una foto que ya es de baja calidad).
- Debe enviar fotos rápidamente (por ejemplo, enviar fotos por correo electrónico a amigos).
- Desea reducir el tamaño del archivo para fines de almacenamiento o ancho de banda: JPEG usa compresión con pérdida, lo que significa que descartará algunos detalles de sus imágenes para reducirlas. Sin embargo, esto también significa que las diferentes partes de su foto se comprimirán de manera diferente; si alguna vez hay algo en su foto que se ve demasiado borroso cuando lo ve en tamaño completo, es probable que se haya perdido durante la compresión y no sea visible si lo guarda como JPEG nuevamente más tarde (aunque todavía habrá algo de pérdida).
2 Uso de fotos no lo suficientemente grandes y borrosas
¿Qué tan grande es tu foto? ¿Está utilizando una imagen de alta resolución o una imagen de baja resolución? Esto puede parecer obvio para algunos, pero es fácil pasarlo por alto cuando tienes docenas de imágenes en tu sitio.
La resolución se refiere a cuántos píxeles hay en cada pulgada de una imagen (por lo tanto, cuanto mayor sea el número aquí, mejor). Una foto de alta resolución será de mayor calidad que una de menor resolución. El tamaño del archivo se refiere al tamaño de una imagen en el sistema de archivos de su sitio web. Al seleccionar imágenes para su sitio web, es importante que no ocupen demasiado espacio porque los tiempos de carga lentos pueden afectar negativamente la experiencia del usuario. La densidad de píxeles se relaciona directamente con la resolución; poder ver más detalles en una imagen significa tener una mayor densidad de píxeles, lo que se traduce en imágenes más claras para los usuarios cuando las ven en línea.
Dicho esto, solo asegúrese de que sus fotos sean lo suficientemente grandes y no borrosas..
3 No hay suficiente espacio para respirar
Tomemos un momento para considerar las imágenes en su sitio. ¿Están siendo tratados como las cosas hermosas y delicadas que son?
Si no, ¿cómo podemos ayudarlos? Como ejemplo de lo que NO se debe hacer: tomemos este sitio web como una organización de donaciones. Las fotos son pequeñas y estrechas en un intento de incluir más información en la página. El remedio es sencillo! Solo dale a esas fotos espacio para respirar. Dale a cada imagen un respiro en la página asegurándote de que haya suficiente espacio a su alrededor para que no se sienta aplastada o invadida por otros elementos a su alrededor. Dale a cada imagen un respiro en tu diseño observando cuánta distancia quieres entre los elementos (como el texto y las imágenes). Dele a cada imagen suficiente espacio para que cada parte de ella tenga mucho espacio, ¡esto incluye las áreas de fondo y de primer plano!
4 Colores inapropiados
A menos que se trate de un componente de diseño útil, ahorre a los visitantes de su sitio los colores brillantes y discordantes. Descubrirá que la mayoría de los sitios web tienen tonos apagados y suaves que van de la mano con sus marcas. Esto se debe a que conocen a su audiencia y entienden cómo usar los colores para afectarlos positivamente. Si está diseñando para una empresa o marca con una paleta de colores establecida, algo así como el rojo, el blanco y el azul de Coca-Cola, apéguese a esa paleta cuando elija colores para las fotos en su sitio web.
5 No cambiar el tamaño/recortar la foto para que se ajuste a su propósito
Recortar y cambiar el tamaño de las fotos es importante porque te ayuda a eliminar elementos innecesarios, que suelen ser el fondo o los bordes de una foto. Recortar también puede hacer que una imagen sea más atractiva visualmente al enfatizar lo que realmente importa en esa toma específica. Cambiar el tamaño de las fotos es igualmente importante porque permite a los usuarios ver esas imágenes claramente sin que pierdan su calidad original.
Por ejemplo, si está utilizando una imagen para el fondo o el encabezado de su sitio web, recortar algunas partes de la imagen antes de cargarla en su sitio dará como resultado una mejor apariencia general en comparación con el uso de imágenes recortadas en línea que se han tomado directamente de sus archivos de origen (generalmente JPEG). Lo mismo ocurre con el cambio de tamaño: si cambia demasiado el tamaño de una imagen, podría resultar borrosa y pixelada, así que asegúrese de cambiar el tamaño solo lo suficiente para que encajen correctamente en cualquier elemento de la página en el que se encuentren.
Hay varias formas de recortar y cambiar el tamaño de las imágenes. Puede hacerlo manualmente abriendo Photoshop o Gimp (herramientas gratuitas) y editando cada uno usted mismo; sin embargo, este método requiere mucho tiempo y es tedioso, por lo que recomendamos utilizar herramientas automáticas como Image Optimizer de GraphicBurger.
6 Exagerarse con los filtros
Cuando agregue filtros a sus imágenes, tenga en cuenta que puede parecer poco natural si se excede con ellos. Si desea usar filtros en las fotos, intente agregar solo uno y vea cómo se ve antes de aplicar más. Un exceso de filtros hará que sus fotos se vean borrosas y poco profesionales, y peor aún, pueden dar a los clientes potenciales la impresión de que su empresa no sabe lo que está haciendo (o peor aún, que no le importa cómo se ven las cosas) . Exagerar con los filtros hará más daño que bien.
7 Empaquetar demasiadas fotos en un solo lugar en su sitio web
No empaque demasiadas fotos en un solo lugar en su sitio web. Si tiene muchas imágenes, use el diseño de cuadrícula para darles espacio y estructura. Una galería de fotos o un control deslizante pueden ayudar a que las imágenes fluyan de una manera atractiva.
Los carruseles también son excelentes para mostrar varias imágenes a la vez, al mismo tiempo que le dan a cada imagen suficiente espacio para respirar.
8 Hay algunas cosas que siempre debe tener en cuenta al colocar fotos en su sitio web. No ser consciente de la ubicación de la foto
Hay algunas cosas que siempre debe tener en cuenta al colocar fotos en su sitio web.
- Evite usar varias fotos: intente evitar usar más de una foto en una página determinada, especialmente si la página es larga. Si decide utilizar varias imágenes, asegúrese de que estén relacionadas y no parezcan dispares entre sí.
- Evite colocar fotos en la parte superior de la página: esto puede parecer obvio, pero hemos visto algunos sitios web donde la información más importante se encuentra en la parte inferior de su página de inicio. Esto simplemente no tiene sentido porque los usuarios tendrán que desplazarse por todo lo demás antes de encontrar lo que están buscando (lo cual no es lo ideal).
- Evite colocar fotos en la parte inferior de su página web: una vez más, esto puede sonar tonto, pero algunas personas piensan que deberían poner todo su contenido debajo de su eslogan para que no se corte debido a que el tamaño de la ventana del navegador de alguien es demasiado pequeño o grande. El problema de hacer esto es que los usuarios comenzarán a leer antes de pasar a cualquier otra cosa (como una introducción) porque se colocó después de todo lo demás.
ASEGÚRESE DE EVITAR ESTOS ERRORES DE USO DE FOTOS AL PUBLICARLAS EN SU SITIO WEB
La primera y más básica regla para usar fotos en su sitio es asegurarse de no arruinarlo.
- No uses demasiadas fotos. Una buena regla general es no publicar más de tres a la vez, sin suficientes descansos entre ellos. Usted no quiere que los ojos de su visitante se pongan vidriosos tratando de asimilar todo a la vez (y lo harán).
- No uses fotos demasiado pequeñas. Si bien algunas personas pueden argumentar que grande es mejor, no siempre es cierto cuando se trata de imágenes, especialmente si las usa como enlaces o botones en su sitio web o publicación de blog. Si el espectador apenas puede distinguir lo que se supone que debe mostrar la imagen, o peor aún, si no puede averiguar qué parte de la imagen hace qué, entonces es muy probable que no haga clic en nada más que en un ¡El botón «X» en su lugar!
Con tantos peligros potenciales, podría estar pensando que es mejor no usar ninguna foto en su sitio web. Imagínese un mundo sin ningún tipo de gráfico: sería tan estéril y sin vida como una habitación de hospital. Y al igual que con los hospitales, a veces demasiado de algo bueno puede hacerte daño; no queremos desanimarlo de usar imágenes donde podría beneficiarse de ellas. En su lugar, piense en esta publicación de blog como una póliza de seguro para su imagen en línea. Le hemos proporcionado todas las herramientas que necesita para evitar tomar los caminos fotográficos equivocados, ¡así que todo lo que queda es que los aplique correctamente!
Evita estos errores con la ayuda de un experto
Cuando se trata de diseño web, hay muchas cosas que pueden salir mal.
Con tantos elementos diferentes que se unen en un solo sitio web, es fácil que algo se escape. Y no importa qué tan bien se vea su sitio web, si no es usable y fácil de navegar, no le servirá de nada.
Es por eso que hemos elaborado esta lista de errores de usabilidad que debes evitar al usar fotos en tu sitio web. ¡Y con la ayuda de nuestro experto, podrá evitar estos errores y asegurarse de que su sitio sea lo más fácil de usar posible!
Relacionado: 5 cosas que tiene cada gran página de inicio. ¡Aproveche al máximo cada visitante!
¡Suscríbase al canal de YouTube de José Silvera y obtenga nuestros consejos y trucos para sitios web dos veces por semana, en vivo!
¡Obtenga los mejores desarrolladores web y vendedores en línea en Las Vegas, Nevada!
Sitio web oficial de Strive Enterprise
Echa un vistazo a nuestro Portafolio
También ofrecemos marketing digital para empresas pequeñas y medianas. Grandes empresas, SEO, comercio electrónico, WordPress, desarrollo de campañas de PPC y amp; Gestión para Google, Bing & ¡Yahoo!, anuncios de Facebook y más.
¡Le deseamos mucho éxito!
¡Hasta pronto!