Su sitio web nunca tiene una segunda oportunidad de causar una excelente primera impresión. Entonces, ¿estás haciendo el correcto? Estos diez consejos principales de diseño web impulsarán su negocio hacia el 2021 y más allá:
1. Tiempos de carga ultrarrápidos
Bien, sabemos que tener un sitio rápido es esencial. Pero, ¿sabía que un retraso de un segundo en el tiempo de carga de la página reduce las visitas a la página, disminuye la satisfacción del cliente y reduce las conversiones? La velocidad es vital si también quieres posicionar bien en Google. En resumen, si le preocupan sus resultados finales, asegúrese de que su sitio se cargue rápidamente.
2. Diseño receptivo
Para aquellos que necesitan un recordatorio, el diseño receptivo significa que el sitio web es flexible: escala automáticamente su contenido y elementos de acuerdo con el tamaño de la pantalla en la que se está viendo. Está optimizado visualmente (y funcionalmente) si lo desea. Se acabó el diseño de un sitio web móvil dedicado, así como un sitio de escritorio, solo diseñe un sitio receptivo.
Más importante aún, Google hizo el cambio a la indexación de dispositivos móviles primero para toda la web en septiembre de 2020. Esto significa que es más importante que nunca tener un sitio diseñado de manera receptiva. Pero el diseño receptivo no es el objetivo final porque debe ser receptivo de una manera fácil de usar. Comience con la sencilla prueba de optimización para dispositivos móviles de Google y explore la facilidad de uso con esta herramienta, que es un recurso invaluable para quienes no son desarrolladores.
3. Mezcla de gráficos con fotografía
Esta técnica creativa tiene mucha personalidad y le brinda muchas oportunidades creativas. Se ve fresco, moderno y puede agregar profundidad e intriga a su sitio web. Puede ser una excelente manera de reforzar su marca a través de colores, formas y gráficos que se alinean con la personalidad de su marca. Piense en fotografías de alta calidad y gráficos llamativos para lograr el máximo estilo creativo.
4. Ve a oscuras
El modo oscuro es moderno y súper práctico porque reduce la fatiga visual. Es exactamente lo que dice: el diseño del sitio web es oscuro en lugar del tradicional blanco. Los gigantes tecnológicos lanzaron el modo oscuro hace varios años, pero la tendencia sigue creciendo entre las pequeñas y medianas empresas.
Lograr el equilibrio adecuado de color y luz requiere habilidad. El diseño efectivo del modo oscuro abarca mucho más que una simple opción de alternar. La clave para el éxito de los sitios web oscuros incluye considerar cómo el contraste de color afecta la legibilidad y dónde llama la atención el brillo.
5. Contenido desnatado
Todos lo hemos hecho: navegue por un artículo largo leyendo solo el encabezado y los subtítulos, y todos hemos abandonado artículos que parecen un gran bloque de texto pequeño. Cuando se trata de diseñar su sitio web, tenga en cuenta que los lectores navegan en un patrón en forma de «F». Según Nielsen , hojearán la página, leerán los titulares y las oraciones iniciales y resumirán los párrafos. Los mejores diseños de sitios web tratan el contenido y los elementos visuales como activos vinculados, no como dos entidades separadas. Cree contenido que se puede escanear en texto grande, en negrita y que no se puede perder.
6. Microcopia atractiva
El diseño y el contenido van de la mano. La microcopia cubre todos los pequeños fragmentos de escritura que rellenan la experiencia del usuario y responden a sus acciones. ¿Sus mensajes de error, notificaciones, preguntas de formulario, señales paso a paso e instrucciones breves funcionan para usted? ¿Están en el tono de voz de su marca?
La microcopia agrega un contexto útil, pero también es una herramienta infrautilizada para establecer una conexión significativa. Cada vez más diseñadores web han descubierto cómo la microcopia conversacional, personal y amigable puede mejorar los resultados. Si encaja con el estilo de la marca, ¡el humor y el ingenio siempre son bienvenidos!
7. Microinteracciones desencadenadas
Las microinteracciones, cuando se realizan bien, respaldan el viaje de los usuarios al involucrarlos en los momentos adecuados para maximizar la interacción en los puntos de contacto clave. Lleva al usuario directamente a la acción con pequeñas animaciones que resaltan, refuerzan y recompensan sus movimientos. Estos funcionan como pequeños empujones para su usuario y deben estar bien diseñados, ser suaves y no invasivos. Dirija la atención del usuario hacia los elementos y acciones más importantes del sitio, como agregar un artículo al carrito, colocar el cursor sobre una CTA o desplazarse por la historia de su marca.
8. Repetición de fondos de video
Los fondos de video en bucle son fragmentos cortos de secuencias de video que se repiten sin problemas. Úselos en lugar de una imagen estática, para agregar interés y movimiento que atraigan la atención del espectador y hagan que su sitio se vea más elegante. Cuando se hacen bien, se ha demostrado que ayudan en el tiempo de permanencia y aumentan la conversión. Funcionan mejor cuando se utilizan para establecer un tono específico, crear una cierta vibración o provocar una respuesta emocional. Los videos de fondo basados en historias agregan un elemento dinámico a su diseño y funcionan bien si está vendiendo un producto o servicio porque puede mostrar a las personas que experimentan su producto.
9. Diseños asimétricos
Todos estamos familiarizados con los sitios web basados en un diseño de cuadrícula. Este ha sido un enfoque de diseño práctico y popular durante años. Pero la asimetría es una tendencia que está reescribiendo las reglas de diseño. Un gran diseño asimétrico debe equilibrar el atractivo visual con la máxima usabilidad. Las oportunidades para la creatividad son infinitas.
10. Capas y efectos flotantes
Las influencias de los álbumes de recortes, los cuadros de sombras y los diseños de revistas se están apoderando del espacio digital. Esta tendencia es ganadora para el diseño de sitios web para pequeñas empresas porque irradia creatividad y amabilidad con un toque personal. Sea creativo con fotos superpuestas, texto en capas, contornos de tipografía flotante y sombras 3D suaves.
Comments are closed.