Loading...
5 Tendencias de usabilidad e interacción para tu sitio web este 2018

5 Tendencias de usabilidad e interacción para tu sitio web este 2018

Cada año surgen nuevas tendencias en diseño, usabilidad e interacción y aunque quiza no lo notemos estan presentes en sitios de internet que visitamos de manera cotidiana.

En Arrow Marketing estamos al tanto de ellas y empleamos siempre las más útiles, atractivas e indicadas para los sitios web de nuestros clientes.

Te presentamos  5 tendencias de uso e interacción en sitios web que hemos implementado y que nos han funcionado para crear campañas de publicidad exitosas.

1. Mobile first.

¿Sabes qué es Mobile first? Podríamos traducir este término a español como “Móviles primero”, señalando justamente que ahora los sitios web se deben orientar primero a la experiencia móvil.

¡Velo por ti mismo! Haz esta ventana de tu navegador más pequeña o grande y ve cómo nuestro sitio web se adapta a todos los cambios, dándote una experiencia óptima sin importar el tamaño de la pantalla o navegador.

En los últimos años la navegación de internet ha aumentado de forma definitiva en dispositivos móviles, tales como celulares y tabletas.

En febrero de 2018 exisitió una participación de computadoras de escritorio de 44.15% y de dispositivos móviles de 51.82%.

¡No olvides que más de la mitad de las personas visitarán tu sitio web desde su celular! Es por ello que tu sitio web debe ser completamente compatible, adaptandose a pantallas pequeñas y touch. Probablemente algún cliente potencial no use tu sitio si no lo puede ver correctamente en su dispositivo favorito.

En Arrow Marketing hemos adoptado esta tendencia convritiendose en nuestra regla principal: Diseñar y construír sitios web con una usabilidad amigable y eficiente para diversos dispositivos, prestando atención en las necesidades de cada una de sus versiones.

2. La tipografía importa mucho.

Desde finales del año pasado hemos visto una tendencia en el uso de tipografías diversas aplicadas al diseño web, este año la tendencia continua por lo que seguiremos viendo tipografías atrevidas llenas de contrastes.

Hacer uso de tipografías distintivas genera un sitio web atractivo y dinámico lo que nos permitira evitar un excedente de imágenes, dando como resultado un diseño diferente y visualmente más liviano.

Es recomendable no usar más de 3 tipografías en el diseño de un sitio web, ya que usar  varias fuentes relantiza la carga del mismo, recuerda "menos es más" 

Elige tipografías que sean de fácil lectura, si requieres usar una fuente algo “exótica” usala moderadamente y a tamaños sensatos para que  tus textos puedan ser leídos cómodamente en cualquier dispositivo, recuerda ¡Mobile First!

Si requieres tipografías especiales para tu sitio web, una excelente librería y además gratuita es Google Fonts.

3. Contenidos visualmente diferentes.

¡No te quedes con los diseños de siempre! Utiliza elementos inesperados de diseño en tu sitio web, una buena idea es pensar en términos de diseño editorial experimentando con el uso de diferenets retículas.

Esto puede significar un reto para su ejecución final en diversas pantallas, pero cuando veas los resultados sabrás que valió la pena hacerlo ya que sin duda sorprenderás a tus visitantes.

4. Galerías extraordinarias.

No te quedes con las típicas galerías de imágenes piensa cómo podrías presentarlas de modo atractivo y útil para el visitante.

Puedes implementarlas de diversas maneras: A modo de carrusel, parrilla o collage con diferentes tamaños, fondos animados y muchas opciones más.

En nuestros sitios web siempre tratamos de mostrar las galerías de imágenes de modo diferente y atractivo para mantener el interés de los visitantes.

Puedes encontrar cientos de scripts listos para usarse en la web.

 

5. CSS y jQuery serán tus mejores aliados.

Lejos han quedado los años en que "Internet Explorer" reinaba como navegador web, época donde todos teníamos que jugar bajo sus reglas. Hoy existen varias opciones de exploradores en internet que amplían la gama de herramientas con las que construimos un sitio web.

Las hojas de cascada de estilo (archivos CSS) ayudan a estilar cada elemento de nuestro sitio web de modo preciso y ligero, úsalos siempre evitando hacer uso de estilos directos sobre las etiquetas del HTML, haciendo esto ahorraras tiempo identificando cada uno de los estilos de tu hoja para más tarde hacer referencia a ellos.

jQuery es una biblioteca de Javascript que permite hacer todo tipo de interacciones en un sitio web, si necesitas crear una interacción con tu visitante, busca primero hacerlo con jQuery antes de meterte a lenguajes de programación más complejos.

Recuerda tener tu propia hoja de jQuery por separado (así como la hoja de estilos CSS) y hacer referencia a ella en cada página donde requieras las interacciones.

Otra herramienta útil para crear un sitio web será algún organizador del layout para tu sitio, nosotros hacemos uso de Bootstrap que es una combinación de CSS y jQuery que permite acomodar todos los contenidos de tu sitio web en diferentes tamaños de pantallas mediante el uso de columnas.

En otra entrada hablaremos de  nuestras experiencias y te daremos más consejos, mientras tanto te dejamos este video con referencias para la construcción de tu sitio web.

Para conocer más acerca de los casos de éxito antes descritos no dudes en visitar su sitio web:

Dr. Alexander Cárdenas
2LD Diseño en Iluminación

[1] Desktop vs Mobile vs Tablet Market Share Worldwide, Stat Counter.

 

¡No olvides descargar nuestra guía en PDF sobre  marketing digital y mantente al tanto de las tendencias en diseño web suscribiendote a nuestro blog!

Haz Crecer Tu Negocio

El primer paso es contactarnos