Menú

Todas las publicaciones en Prácticas de diseño de sitios web

Las 2017 principales tendencias de diseño web

Cada año, la industria del diseño web pasa por algún tipo de ciclo de evolución para seguir siendo relevante e inspiradora.

El año pasado, escribí sobre las principales tendencias de diseño web a tener en cuenta en 2016, muchas de las cuales se han arraigado y han cambiado la forma en que entendemos el diseño para siempre.

Este año, como varios expertos en UX, apuesto por los chatbots impulsados ​​por IA, la realidad virtual y las tendencias de narración inmersiva para dejar una huella permanente en la industria. Sin lugar a dudas, también veremos que muchas de las tendencias del año pasado continúan dando forma e influyendo en el espacio del diseño web.

Sin más preámbulos, exploremos qué innovaciones de diseño pueden darle a su sitio web un importante lavado de cara en 2017.

VR y vídeo 360º

Aunque el mundo de los gadgets estuvo a tope el año pasado con los emocionantes anuncios de realidad virtual (VR), la tendencia no ha tenido un gran impacto en las tendencias de diseño web hasta ahora. Un gran ejemplo de cómo se pueden incorporar la realidad virtual y el vídeo de 360º al diseño web para crear una experiencia interactiva e impresionante es la campaña promocional del Peugeot 208 que utiliza ambas tecnologías para mostrar un nuevo producto.

Los auriculares Daydream VR de Google están a la vanguardia de este movimiento, ampliando nuestra imaginación sobre cómo se podría adaptar la tecnología para el uso diario, pero muchas otras marcas también se están subiendo al carro, incluidas Playstation, HTC y Microsoft. Con tantos usos prácticos posibles del dispositivo, estamos obligados a ver la realidad virtual y el video de 360º finalmente también en el espacio del diseño web.

Diseño de tarjetas y diseños de cuadrícula.

Popularizados por primera vez por Pinterest, los diseños de tarjetas continúan dando forma e influyendo en las tendencias de diseño web y veremos más de este estilo de cuadrícula dinámica en 2017. Lo que hace que las tarjetas sean tan atractivas es la simplicidad, organización, flexibilidad y capacidad de respuesta que crean. Los diseños de cuadrícula son particularmente adecuados para páginas con una gran cantidad de datos, ya que hacen que la información sea más accesible y atractiva. Una agencia de desarrollo web, htmlBoutique, utiliza el diseño de cuadrícula para crear composiciones únicas de estudios de casos y darle a su portafolio un empuje adicional que lo distingue de las típicas páginas de exhibición.

Forbes: 7 tendencias de SEO que dominarán 2017

Search engine optimization (SEO) es un juego se trata de estar un paso por delante de tus oponentes.

Una de las mejores maneras de lograr este dominio competitivo es ser consciente de cómo están cambiando los motores de búsqueda y ajusta tu contenido y estrategia SEO antes de que sus competidores tengan la oportunidad de alcanzarlos. La industria del SEO siempre está en movimiento, por lo que vale la pena estar al tanto de estas evoluciones.

Parece que 2017 será un año interesante para el SEO, con las siguientes tendencias dominando el campo:

1. El auge de las páginas móviles aceleradas (AMP).

2. El auge del contenido "denso".

3. El aprendizaje automático cambiará la forma en que funciona el algoritmo.

4. La marca personal se convertirá en un arma secreta de SEO.

5. La optimización de la experiencia del usuario (UEO) comenzará a desdibujar las líneas con el SEO.

6. Las aplicaciones sentirán el amor.

7. Los asistentes digitales personales se volverán más sofisticados y cambiarán la forma en que muchos de nosotros realizamos consultas de búsqueda.

LEER MÁS

Siete sugerencias para un mejor diseño web optimizado para dispositivos móviles

Recientemente, Google hizo una declaración de que el volumen de consultas de búsqueda en dispositivos móviles ya ha superado a los de escritorio. Esto, junto con las actualizaciones de algoritmos más recientes, significa que se está dando mucho más valor a los sitios web móviles bien diseñados. Es probable que los sitios de escritorio que no cumplan con el estándar experimenten una marcada disminución en las clasificaciones de SEO y en el tráfico.

Entonces, ¿qué significa esto para los diseñadores y especialistas en marketing de páginas web móviles?

Bueno, para empezar, si no ha creado un sitio web móvil ni ha introducido funciones de respuesta en el existente, es probable que se esté perdiendo tráfico y clasificaciones SERP valiosas, ya que la mayoría de sus usuarios probablemente lo visitarán desde sus teléfonos.

Aquí hay 7 sugerencias que necesita saber para actualizar su sitio web a los estándares móviles modernos.

1. Comprender la usabilidad
Después de todo, la usabilidad es posiblemente el aspecto más importante de un sitio web móvil; ¿Comprarías un coche inestable? Se puede decir lo mismo de su sitio web: sus usuarios no quieren visitar un sitio que no pueden usar.

Deberías comenzar viendo tu sitio web actual en tu móvil. Si tiene que acercar los dedos y hacer zoom para leer todo, y se necesitan varios intentos para navegar a una nueva página, habrá obtenido una visión clara de la experiencia móvil que ofrece a sus usuarios.

2. Un sitio web responsivo no siempre es la mejor respuesta
Dependiendo de su sitio web actual, es posible que desee considerar desarrollar un tema responsivo que se adapte al navegador o la resolución del dispositivo de sus usuarios. Sin embargo, a veces esto no es posible y es posible que desees optar por un sitio web móvil dedicado.

Crear un sitio móvil separado tiene sus beneficios; por ejemplo, a menudo son más fáciles de desarrollar que integrar la capacidad de respuesta en su sitio existente y los costos a menudo pueden ser significativamente menores (especialmente cuando se utiliza un creador de sitios web móviles de terceros); sin embargo, una página móvil separada significa Tendrás que mantener 2 bases de código diferentes y cargar contenido en ambas.

Cualquiera que sea el camino que decida seguir, es necesario investigar para garantizar qué opción se adapta mejor a su modelo de marketing y negocio a largo plazo.

Más información: Siete sugerencias para un mejor diseño web optimizado para dispositivos móviles

Cinco formas en que los diseñadores web pueden crear sitios web increíbles

Todos los maestros en su dominio tienen secretos que tal vez no estén dispuestos a revelar, pero sus productos y prácticas pueden hablar por sí mismos y ofrecer pistas para alcanzar la grandeza. El diseño web es uno de esos campos. Exige creatividad, atención al detalle y práctica. Comprenda lo que hacen los mejores diseñadores web y usted mismo podrá convertirse en un maestro. Aquí hay 5 formas de mejorar sus habilidades de diseño web y crear sitios web potentes:

Evite presentaciones de diapositivas y carruseles

Las presentaciones de diapositivas y los carruseles sólo son adecuados si buscas presentar mucha información en una sola página. Sin embargo, recuerde que es posible que muchos de sus visitantes no permanezcan en su sitio web el tiempo suficiente para absorber toda la información de una presentación de diapositivas o un carrusel. Dada la poca capacidad de atención de los visitantes, normalmente es mejor ofrecer una propuesta de valor concisa, especialmente en su página de inicio, y evitar carruseles de presentaciones de diapositivas. Cuando buscas la atención de alguien, es importante ofrecer contenido que sea significativo y eliminar todo lo que no sea relevante.

Simplifica la navegación a través de tu diseño

Un sitio web complejo puede parecer atractivo al principio, pero no será muy acogedor para un visitante cualquiera. Infundir demasiadas opciones puede ser contraproducente. Se recomienda simplificar la experiencia del visitante para que no pierda tiempo intentando encontrar la información que más necesita.

No llenes tu encabezado o barra lateral. Elimine tantos enlaces como sea posible. Los menús desplegables pueden afectar negativamente la estética de su diseño y la experiencia del usuario y pueden ser difíciles de usar en dispositivos móviles; considere eliminarlos.

¡Usa un cuaderno de bocetos!

Este truco de la vieja escuela es imprescindible para los diseñadores. Cuando surjan ideas o tengas ganas de organizar un concepto, toma tu libro y esbozalo a medida que fluye la inspiración. Las tabletas también pueden ayudarle a dibujar sus ideas de diseño, pero la sensación de esbozar un diseño en el papel es insustituible. Este método puede ayudarle durante la lluvia de ideas y ayudarle a organizar mejor su proceso de diseño.

Más información: Cinco formas en que los diseñadores web pueden crear sitios web increíbles

Forbes: 9 tendencias de diseño web a tener en cuenta en 2016

Si hay algo cierto sobre el diseño es que siempre está evolucionando. El diseño es dinámico y debe adaptarse para adaptarse tanto a la forma como a la función. Debido a esta naturaleza en constante cambio, puede ser un desafío mantenerse al día con las últimas tendencias de diseño.

Duotonos, pantallas divididas, imágenes heroicas y otras tendencias de diseño web a tener en cuenta en 2016

La experiencia de usuario es el foco central de las tendencias de diseño más relevantes. Crear contenido que sea responsivo, accesible y fácil de usar mejora la satisfacción del usuario. Las tendencias de diseño emergentes de este año tienen como objetivo optimizar y perfeccionar esa experiencia de usuario.

  • Imágenes de héroe
  • Diseño de materiales
  • Tipografía
  • Vídeos de fondo y animaciones
  • Animaciones flotantes
  • Desplazamiento
  • Animaciones en movimiento
  • Formularios de pantalla completa
  • Esquemas de color de duotono

Leer más ...

Cómo subcontratar con éxito un proyecto de desarrollo web en cinco sencillos pasos

Victoria Elizabeth es ejecutiva de contenidos de Expert Market, un mercado B2B para productos y servicios de oficina.

Si usted es propietario de una pequeña empresa consciente de su presupuesto o un gerente corporativo con poco tiempo, probablemente haya pensado en la subcontratación más de una vez desde que inició su negocio.

Hoy en día, cada vez más pequeñas empresas dependen de la subcontratación para una serie de actividades diferentes, y los mercados para encontrar diseñadores y agencias no son escasos. Una de las tareas más desalentadoras que puede considerar subcontratar es el trabajo de diseño y desarrollo web, ya que contratar a alguien internamente o incorporar mano de obra adicional para el proyecto puede resultar demasiado costoso y consumir mucho tiempo.

Pero si bien la subcontratación puede ser una opción más rápida y menos costosa que la contratación, la planificación sigue siendo esencial y requiere dedicar tiempo y esfuerzo para gestionar las expectativas a lo largo del camino.

A continuación se ofrecen algunos consejos que debe tener en cuenta si está pensando en contratar a una agencia externa para que diseñe o rediseñe su sitio:

#1 Sepa qué va a hacer su sitio web
#2 Consolide sus tácticas de medición
#3 Compárate con la competencia
#4 Explique las limitaciones de su proyecto
#5 Resumir toda esta información en un resumen

Más información: Cómo subcontratar con éxito un proyecto de desarrollo web en cinco sencillos pasos

5 tendencias de diseño de sitios web B2B para 2016

Sabemos por investigaciones que casi todas las personas que estén considerando hacer negocios con usted mirarán primero su sitio web. Y nada disuade más rápido a un cliente potencial que un sitio web que parece obsoleto.

Afortunadamente, incluso pequeños ajustes en su diseño pueden ayudarlo a mantenerse al día con las tendencias de diseño y marcar una gran diferencia. Echemos un vistazo a las últimas tendencias.

1. Menos fotografía, más ilustración

En 2015, los sitios web B2B estaban dominados por fotografías de archivo impersonales o sin inspiración. En 2016, descubriremos que se utilizarán mucho más ilustraciones amigables y con las que se pueda identificarse para ayudar a las empresas a contar su historia.

2. Uso más atrevido del color

Probablemente hayas oído hablar del diseño plano (minimalismo que enfatiza la usabilidad) y su uso en sitios web B2B. Desafortunadamente, los diseños planos suelen tener paletas de colores igualmente planas. Pero en 2016 se espera que eso cambie. Este año encontrarás muchos diseñadores mejorando su juego de colores.

3. Tipografía más creativa

¡Todos saludos! ¡Se acabaron los días en los que se utilizaba sólo un puñado de tipos de letra “seguros”, como Arial y Times New Roman!

4 Diseño de materiales

Considerado por algunos como el siguiente paso del diseño plano, el diseño de materiales fue desarrollado en Google para su uso en dispositivos Android. Desde entonces, sus principios se han adoptado en muchas plataformas móviles, así como en el diseño de sitios web de escritorio. El diseño de materiales es un estándar en evolución con recursos y mejores prácticas para diseñar dispositivos.

5. Más diseños verticales y desplazamiento

2015 vio el posible fin del debate sobre los sitios web sin desplazamiento. Cada vez descubrimos más que es más fácil desplazarse que hacer clic.

Más información: 5 tendencias de diseño de sitios web B2B para 2016 

6 tendencias de diseño web que llegaron para quedarse

El diseño web se nutre de dos cosas: innovación e imitación. Desafortunadamente, a menudo hay mucho más de esto último. A todos nos gusta aprovechar las últimas tendencias, utilizarlas hasta que sean omnipresentes y luego buscar desesperadamente el próximo gran avance. Piensa en los controles deslizantes. Estaban de moda hace un par de años. Hoy se sienten anticuados. ¿Qué hacer? Deje de perseguir microtendencias y empiece a mirar el panorama general. Aquí, hemos aislado seis ideas de diseño web que llegaron para quedarse.

1. INTELIGENCIA ARTIFICIAL

El contexto lo es todo. Dónde y cuándo ocurre una interacción ahora es tan importante como cómo o por qué. ¿Está en un teléfono? ¿Una tableta? ¿Interior o exterior? ¿Qué está haciendo el usuario en ese momento? Los usuarios interactúan con un producto en todo tipo de situaciones diferentes.

2. DIVERSIDAD

Una queja constante sobre el mundo del diseño web es la frecuencia con la que se involucra, digamos, en prácticas menos que originales.

3. ILUSTRACIONES RICAS

Tradicionalmente, los sitios web utilizan fotografías de archivo y otras fotografías como elementos visuales. En el futuro, comenzaremos a ver más arte dibujado a mano.

4. MÓVIL/PORTABLE PRIMERO

El diseño móvil primero ya está en marcha, pero se volverá aún más pronunciado a medida que se caliente el mercado de dispositivos portátiles, cuyo valor se estima en 31 mil millones de dólares para 2020.

5. MICROINTERACCIONES

A medida que la información se vuelva independiente de la plataforma (disponible en nuestros relojes, teléfonos, televisores y todo lo demás), las experiencias de usuario fluidas serán más importantes que nunca.

6. ANIMACIONES MÁS RICAS

Finalmente, llegamos a lo bueno. Después de todo, el objetivo del diseño es verse bien. ¿Y qué se ve mejor que animaciones ricas? La Web nunca ha parecido más dinámica que hoy y seguirá mejorando.

Más información: 6 tendencias de diseño web que llegaron para quedarse

Nuevas tendencias de diseño de sitios web que predecimos en el futuro cercano

Cambio: es una palabra a la que los especialistas en marketing digital nos hemos acostumbrado mucho a usar a diario. Supongo que cualquiera que esté en línea (seamos realistas, eso es casi todo el mundo) se ha acostumbrado a la palabra cambio.

Mucha gente se estremece cuando escucha la palabra cambio, pero para nosotros, los especialistas en marketing digital, solo significa más oportunidades. Hay cambios en las redes sociales, los anuncios de búsqueda, Google, casi cualquier cosa. Pero ¿qué pasa con el diseño de sitios web?

El diseño de sitios web existe desde hace mucho tiempo, desde la edad de piedra. Obviamente ha recorrido un largo camino, pero ¿qué podemos esperar que cambie en el futuro cercano? Echemos un vistazo a 3 cambios que esperamos ver este año en el diseño de sitios web.

Cambio de contenido

Este es muy importante porque, como hemos escuchado un millón de veces, ¡¡el contenido es el rey!! Como si eso no se te hubiera metido lo suficiente en la cabeza.

Pero la forma en que usamos el contenido en un sitio está comenzando a cambiar ligeramente, principalmente desde un punto de vista informativo hasta un tipo de contenido narrativo. Los sitios web solían, y muchos todavía lo son, ofrecer datos sobre su negocio y luego indicarles la línea de pago, o cualquiera que sea la conversión final.

Más información: Nuevas tendencias de diseño de sitios web que predecimos en el futuro cercano

5 métricas que afectan el éxito del rediseño de tu sitio web

Cuando se emprende el rediseño de un sitio web, puede resultar tentador apresurarse con la emoción de las nuevas posibilidades, pero es importante considerar los aspectos clave de un rediseño, tanto desde el punto de vista estético como empresarial. Para que el proceso sea exitoso, estos dos deben estar alineados para que el nuevo sitio web proporcione un alto retorno de la inversión.

Es esencial realizar una revisión exhaustiva de su sitio web existente, además de evaluar su contenido, análisis y llamadas a la acción para ver qué tan bien se está desempeñando cada uno actualmente. Si no ha rediseñado en algún tiempo, el panorama social en línea ha cambiado drásticamente y si desea que su negocio prospere, debe adoptar tanto las redes sociales como la tecnología para entregar de manera eficiente su producto o servicio a una amplia audiencia. Una vez finalizado el rediseño, no lo dejes acumular polvo. Apunte a la medición y mejora constantes. Analizar sus esfuerzos de rediseño con estas cinco áreas clave lo ayudará a desarrollar un plan coherente y garantizar que su rediseño sea un éxito.

Más información: 5 métricas que afectan el éxito del rediseño de tu sitio web