Tres tendencias de diseño de sitios web de WordPress que necesita saber

Piense en cuánto ha cambiado desde 2011. ¿Cuántas tendencias de diseño de sitios web y nuevas tecnologías han caído en desgracia? ¿Cuántos dispositivos nuevos llegaron al mercado? ¿Cuántas nuevas tendencias surgieron y ganaron popularidad?

No sorprende que WordPress haya evolucionado con la web. El WordPress de hoy es una bestia muy diferente del WordPress de hace cinco años, y casi irreconocible en comparación con el WordPress de 2003. Pero eso es algo bueno.

Después de todo, la única constante en la web es el cambio. Como diseñador, lo sabe mejor que nadie, al igual que sabe que es su trabajo estar al tanto de lo que está cambiando y de lo que cambiará en el futuro. Afortunadamente, si sabes dónde buscar, eso no es difícil.

He hecho la búsqueda por usted: estas son algunas de las tendencias más destacadas y esenciales que afectan al mundo del diseño de WordPress (y la web en general) este año, todas las cuales están estrechamente relacionadas con la movilidad.

El diseño sin páginas seguirá dominando

Abriéndose paso por primera vez en la web en algún momento de 2014, los sitios web de una sola página han ido ganando popularidad al ritmo de un tren de carga fuera de control. Especialmente adecuados para pequeñas empresas, agencias de diseño y sitios de productos, estos sitios web de "página de destino" son ideales tanto para la captura de clientes potenciales como para la narración de historias. Con esto en mente, no es de extrañar que los temas de WordPress de una sola página también estén ganando mucho terreno.

Pero, ¿qué está impulsando esta tendencia, exactamente? ¿Por qué los sitios web 'sin página' son tan prominentes ahora? ¿Y cómo puede saber si su propio sitio debería hacer lo mismo?

“Los sitios web tradicionales tienen una lista completa de problemas igualmente graves”, explica Chuck Longanecker de Digital Telepathy. “Son los bocazas en el cóctel, balbuceando a cualquiera que esté al alcance del oído una ráfaga de información auto-engrandecedora sin ningún tipo de interés en la persona que escucha… Con conexiones rápidas y una audiencia acostumbrada a experiencias de desplazamiento largo en aplicaciones móviles, diseño sin páginas se aparta del camino del visitante para que pueda disfrutar del flujo y completar su objetivo”.

En otras palabras, los dispositivos móviles han cambiado los hábitos de navegación de nuestras audiencias. Como diseñador, debe tener en cuenta sus nuevos hábitos: su expectativa de un sitio web simple y optimizado, su tendencia a navegar en sus teléfonos o tabletas y su deseo de contenido fácil de digerir.

Este cambio de mercado ha tenido otro efecto secundario más inesperado: los temas polivalentes se han disparado en los últimos años. Estos temas, ricos en funciones y fáciles de instalar, permiten a los propietarios de sitios web personalizar fácilmente sus páginas para dispositivos móviles, computadoras de escritorio y mucho más. Están preparados para el futuro y permiten la creación de sitios web bien diseñados que también son muy funcionales.

Más imágenes, más tipografía, más parallax

Estrechamente relacionado con el movimiento hacia el diseño sin páginas, los sitios web se están centrando cada vez más en la tipografía, las imágenes y el desplazamiento de paralaje. El minimalismo es el rey del castillo aquí, y cuantos menos elementos visuales pueda arrojar una página al usuario sin dejar de transmitir su mensaje, mejor. No solo ayuda a que un sitio se vea más nítido, sino que también reduce los tiempos de carga en un grado considerable.

En cuanto a la tipografía, con el cambio al minimalismo, los propietarios de sitios, los editores y los usuarios han comenzado a esperar diseños más limpios en los sitios que visitan. Parte de la clave para eso radica en proporcionar un texto mejor presentado y de mejor apariencia. Herramientas como Google Fonts y Adobe Typekit también han hecho mucho para ayudar, facilitando mucho la creación de sitios web con texto mejor y más profesional.

Finalmente, el desplazamiento de paralaje, que siempre he disfrutado mucho, está recibiendo mucho amor recientemente. Para los no iniciados, la forma en que funciona es bastante simple: simplemente configura su sitio para que el fondo se mueva más lentamente que el primer plano (si es que lo hace). Esto no solo crea la ilusión de profundidad de campo, sino que es una excelente manera de darle un toque extra a los sitios web de una sola página.

Mucho ruido y pocas nueces sobre las microinteracciones

Las aplicaciones móviles han echado a perder un poco al usuario final, si te paras a pensarlo. Los mejor diseñados están llenos de funciones conocidas como microinteracciones: pequeños fragmentos de comentarios que se le dan a un visitante en función de cómo interactúan con su sitio. Por supuesto, este concepto no es especialmente nuevo. En 2013, Foster de Pantalones misteriosos se refirió a ellos como interacciones de plástico de burbujas. Esto se debe a que son satisfactorios y mejoran en gran medida la experiencia del usuario al hacer las cosas más viscerales.

Para usted, esto significa que, especialmente dado el cambio generalizado a los dispositivos móviles, debe aprender sobre las microinteracciones y cómo incorporarlas en su sitio.

“En UX, lo que importa es cómo tratas a los usuarios y cómo se sienten cuando usan el producto [en este caso, tu sitio web]”, escribe Dmytro Svarytsevych, de Web Designer Depot. “Las microinteracciones brindan a los usuarios la retroalimentación necesaria y una comprensión de los procesos en curso, lo que hace que una interfaz sea accesible sin importar cuán complicada pueda ser la lógica detrás de ella”.
Así es como puede agregar una microinteracción a su sitio, según Creative Bloq:

• Conozca el desencadenante: esto es lo que ocurre para iniciar la microinteracción. Puede ser cualquier cosa, desde que un usuario inicie sesión en su sitio por primera vez hasta que deje un comentario en un artículo o compre un producto. Los mejores disparadores son aquellos en los que el sistema observa el comportamiento de un usuario y lo usa para el contexto, es decir. proporcionándoles una página que visitan con frecuencia cuando llegan a su sitio.
• Establezca reglas: 'Reglas' puede ser un nombre un poco inapropiado aquí. Esencialmente, son las pautas que determinan cómo funciona una microinteracción en particular: qué puede suceder, qué debería suceder y qué no puede o no sucede. Por ejemplo, un sitio de comercio electrónico podría advertirle si sin darse cuenta agrega dos veces el mismo producto a su carrito.
• Determine la retroalimentación: ¿Qué retroalimentación brindará al usuario? ¿Cómo mejorará su experiencia en su sitio?
• Averigüe cuánto dura la microinteracción: ¿su microinteracción finaliza automáticamente sin la intervención del usuario? ¿Cómo cambia cada vez que se usa?

“La retroalimentación es el lugar para agregar una apariencia de personalidad a su microinteracción”, dice Creative Bloq. “A veces, un poco de humor o de vanguardia puede funcionar muy bien y se agradece, especialmente en situaciones que pueden ser frustrantes, como un mensaje de error o cuando algo tarda mucho en cargarse”.

Mantenerse al tanto de las tendencias de diseño de sitios web

WordPress está en constante evolución, junto con la web. No es necesario que esa evolución los tome desprevenidos. Al estar atento a las últimas tendencias, puede asegurarse de estar muy por delante de la curva cuando esas tendencias finalmente se hagan realidad.