Cambios en la interfaz, animación en capas y caos visual estructurado: una revisión de las tendencias web para 2019



Internet es un fenómeno multifacético. La dinámica de su desarrollo expande los límites habituales en todas las direcciones. Los enfoques y elementos probados están dando paso gradualmente a formas nuevas y más efectivas de comunicación entre las personas, las marcas y las tecnologías.

1 / tecnología


1.1. Aprendizaje automático


Hoy todos tienen inteligencia artificial en sus labios y, en primer lugar, el aprendizaje automático. La razón de esta demanda de esta clase de métodos es que con este enfoque, se puede obtener una solución no directamente, sino a través de la capacitación en muchas tareas específicas.


Sin aprendizaje automático, el éxito será muy difícil.

Con la ayuda del aprendizaje automático, puede aumentar significativamente la eficiencia de los sitios web y las aplicaciones. El año próximo, será mucho más fácil aplicar el reconocimiento de voz, imagen y rostro, procesar datos de diagnóstico y predecir resultados, analizar y clasificar grandes cantidades de datos.

El aprendizaje automático también se convertirá en una de las herramientas de marketing más populares, ya que le permite mejorar la comunicación entre usuarios y marcas, seleccionar contenido que se adapte mejor a los intereses de los usuarios, analizar el comportamiento y predecir acciones futuras.

Traducido a Alconost

1.2. Chat bots


Las interfaces alternativas se extenderán en 2019, y la comunicación del usuario con tecnologías y marcas se volverá más personalizada. Los chatbots proporcionarán varios tipos de interacción, que cubrirán todas las capas de consumidores con una variedad de capacidades físicas y materiales .

Los usuarios podrán recibir información, hacer preguntas y realizar compras a través de un solo bot de chat que reemplazará una amplia gama de servicios diferentes. Los robots de aprendizaje automático ampliarán las capacidades proporcionadas a los usuarios, simplificarán y acelerarán el trabajo con la interfaz .


Interacción del usuario que simula la comunicación con un consultor

Usar el componente emocional de la comunicación proporciona enormes beneficios. Cada vez más a menudo, los usuarios prefieren no presionar los botones, sino hacer preguntas al bot, quien les habla con la voz de su personaje favorito. La forma en que interactúa con las aplicaciones cambiará y los consumidores comenzarán a preferir esas interfaces actualizadas.

1.3. Carga de la página


En los últimos años, el consumo de contenido desde dispositivos móviles ha aumentado, por lo que la carga adaptativa rápida de los sitios web en los teléfonos se ha convertido en un objetivo obvio, y 2019 nos traerá nuevas soluciones en esta área.

Por ejemplo, hoy la tecnología AMP (páginas móviles aceleradas), promovida por Google, es bastante relevante. Le permite aumentar la conversión del sitio casi dos veces , debido a una carga más rápida. AMP se basa en código abierto, y las páginas en sí se almacenan en caché en Google Cloud, lo que acelera su carga. Esta tecnología es utilizada por empresas como The Washington Post, Tesla, eBay, etc.

Hay otras formas de acelerar la carga de la página: carga demorada ( cuatro variedades ), optimización de contenido y código, así como sistemas de servidores distribuidos.


Ejemplo de carga retrasada: Pinterest.

2 / interfaces


2.1. Interacción


La retroalimentación visual se convertirá en una parte aún más importante de la interfaz, gracias a la tecnología y a Internet de alta velocidad :). En 2019, la interacción adquirirá una estructura multicapa y pasará a nuevos niveles de dinámica, color y sonido.

Para comprender mejor cómo transmitir la máxima información mediante la animación de varios niveles, analicemos el ejemplo de Shazam.



1. Micro-interacción: la aplicación escucha música que suena al lado del dispositivo.
2. Interacción con Micromini: la capacidad de habilitar y deshabilitar el reconocimiento de canciones presionando el botón Shazam.
3. Nano-interacción: el tamaño del botón Shazam cambia en respuesta a la presión, simulando una interacción real; La animación de los círculos internos responde a los sonidos de las frecuencias bajas, las externas a un timbre más alto.
4. Interacción máxima: el botón Shazam aumenta en varios píxeles, “emite” ondas, y el icono cambia ligeramente de tamaño de acuerdo con el nivel de bajas frecuencias.

La animación se integrará incluso en la interfaz de usuario y las acciones. Se convertirá en una parte distintiva de la marca y se ajustará orgánicamente al diseño del sitio web, actuando como una guía visual. Por ejemplo, en el sitio web de Family Garden , el cursor es parte del logotipo e interactúa activamente con otros elementos de la interfaz de usuario.


Como puede ver, la animación del cursor multicapa implementada en el sitio ayuda a informar eficazmente al usuario.

2.2. Interfaz de voz


Nos esforzamos constantemente por la simplicidad y la eficiencia. En el campo de las tecnologías digitales, la navegación gráfica convencional no siempre es suficiente, y una de las alternativas más asequibles es el control por voz, que, sin embargo, no será un reemplazo completo de la interfaz familiar, sino solo un intermediario entre el usuario y las funciones principales del sitio. Para explicar por qué esto es así, daré algunos argumentos básicos.

Ventajas:

1. Simplicidad y velocidad. El control por voz puede funcionar muy rápidamente: el usuario no necesita aprender la interfaz gráfica y aprender a usarla para el propósito previsto. La gente puede hablar casi desde el nacimiento; esta habilidad está muy bien desarrollada en nuestro país.

2. Conveniencia. Si cocina la cena, conduce un automóvil, pinta un cuadro o se ducha, no siempre tiene la oportunidad de levantar el teléfono. Los comandos de voz en tales casos son una gran solución.

3. Capacidad de información. Una voz puede transmitir mucha más información que el texto impreso. El sonido expande el lado emocional del mensaje gracias a las posibilidades expresivas de entonación, tempo y los rasgos característicos de la voz.


Patrón de recuperación de archivos de Dropbox para Brain.ai. El autor de la imagen es Gleb Kuznetsov .

Desventajas

1. Bajo nivel de confidencialidad. Pocas personas quieren compartir información personal con todos los que están cerca, por lo que en lugares públicos el uso de interfaces de voz sigue siendo muy inconveniente. Durante varios años, los dispositivos que bloquean perfectamente el sonido se han ofrecido en el mercado, pero aún no son muy populares.

2. El ruido. Haruki Murakami en su libro "El país de las maravillas sin frenos y el fin del mundo" describió claramente la realidad en la que la gente aprendió a apagar el ruido, en nombre de preservar el tímpano. Hoy, por supuesto, esto es imposible, por lo que docenas de personas que dan comandos de voz convertirían las calles en enjambres de abejas bípedas.

3. Irreversibilidad. El dicho "la palabra no es un gorrión: vuela - no atraparás" sigue siendo relevante. No hay un botón "Cancelar" para la voz, no puede presionar CTRL + Z aquí, por lo tanto, las interfaces de voz aún están lejos de ser ideales en términos de implementar una funcionalidad más universal.

2.3. Gestos


Otra alternativa a la interfaz gráfica son los gestos. Cada vez más elementos de navegación estándar serán reemplazados por acciones utilizando las capacidades de las pantallas táctiles, lo que permitirá al usuario concentrarse en el contenido.

El área ocupada por el contenido se desplazará gradualmente hacia la parte superior de la pantalla y los elementos principales de la interfaz, hasta la parte inferior, ya que este es el lugar más conveniente para el pulgar. Los gestos ayudarán a diversificar las posibles acciones. Junto con las nuevas soluciones de interfaz, reemplazarán gradualmente el ícono del menú familiar, las flechas y otros detalles aburridos.


La idea de una aplicación para una red social en la que la navegación se realiza parcialmente mediante gestos.

El uso de gestos será un signo de un producto de alto nivel, ya que requiere una implementación orgánica y uniforme, lo que significa una interacción profundamente pensada con el usuario.

3 / Contenido


3.1. En lugar de texto - video


El próximo año, los cambios afectarán no solo los métodos de entrega de contenido, sino también los tipos de contenido en sí. El héroe principal de estos cambios será el contenido de video: pisará con confianza las posiciones habituales de los bloques de texto y fotos , y la disponibilidad de las tecnologías adecuadas hará que crearlo sea fácil y rápido. El video tiene un potencial de información mucho más amplio y profundo que el texto sin formato.



En muchos casos, se da preferencia a la presentación en forma de historias en video , como, por ejemplo, en la Biblioteca Pública de Nueva York . Incluso en la plataforma de diseño Dribbble, finalmente han dominado la descarga de video :). Este formato con confianza encuentra todos los nichos nuevos y no se detendrá.

3.2. Gráficos en 3D


La cantidad de contenido 3D también aumentará: las figuras volumétricas son más naturales y la gente las percibe más fácilmente.

Quizás en el futuro, la línea entre la realidad y el entorno digital se borre gradualmente y el mundo en línea también se vuelva voluminoso. Por ejemplo, hoy el contenido 3D es un catalizador para un segmento de comercio electrónico de rápido crecimiento que utiliza la realidad aumentada: A-Commerce , donde las acciones en el mundo virtual reemplazan completamente el proceso de compra en la realidad.


La realidad aumentada se está convirtiendo en una de las herramientas de marketing más exitosas.

3.3. Personalizacion


La cantidad de contenido universal disminuirá. Las publicaciones y noticias serán más personalizadas , y la forma en que se muestran estará determinada por nuevos algoritmos.
Para destacarse, las empresas tendrán que dedicar más recursos a la planificación de contenidos y la viralización, así como a hacer que los productos publicitados sean más atractivos para involucrar a los usuarios en la comunicación con las marcas.


Buen provecho, señor.

3 / componente visual


3.1. Color


Los tonos pastel naturales asociados con el respeto al medio ambiente seguirán siendo populares debido a la tendencia al consumo responsable (para más detalles, consulte la subsección a continuación). Se debe prestar especial atención a los medios tonos : la calidad de las matrices de visualización está creciendo rápidamente y esto permite enriquecer el componente visual del contenido.



Otra tendencia de moda serán los colores brillantes y vibrantes en las combinaciones más inimaginables que ayudarán a expresar una amplia gama de emociones e impresiones.

3.2. Ilustraciones


Según las estadísticas, una imagen ilustrativa es siete veces más efectiva que una foto normal. Las ilustraciones le permiten transmitir un mensaje más abstracto, alegoría, exagerar algunos de los detalles y darles un nuevo significado, para que reemplacen la mayoría de las fotos. Además, dicho contenido le permite entretener al usuario y simplifica la percepción del material. Las ilustraciones ayudan a diluir información aburrida y demasiado compleja con varias emociones positivas.


Ilustraciones en el Asistente de Google.

Otra ventaja de los gráficos ilustrativos es que las empresas pueden personalizar su contenido y expresarse incluso con gran detalle. En la ilustración, es mucho más fácil tejer elementos de un estilo corporativo; esto atrae la atención del usuario y lo hace pensar .

3.3. Caos


En general, la aleatoriedad se convertirá en un rasgo característico del estilo gráfico. Los elementos convencionales serán reemplazados por impredecibles, asimétricos, experimentales. Una variedad de técnicas y formas gráficas solo crecerá. Los estilos, las fuentes y los tonos se volverán mucho más dinámicos, pero habrá una coherencia en esta dinámica .

La combinación de lo incongruente será aún más relevante. Nuestra percepción está limitada por las capacidades neurosensoriales del cuerpo humano, por lo que no funcionará inventar un nuevo color, sonido o sabor; sin embargo, con la ayuda de combinaciones audaces y no triviales de elementos existentes, podemos ofrecerle al usuario algo nuevo.


Puede obtener más información sobre el creciente estilo de brutalismo, por ejemplo, aquí o aquí .

4 / psicología


4.1. Consumo responsable


Esta tendencia se refiere a un enfoque razonable del consumo de recursos y a la conciencia del impacto directo de nuestras acciones en el futuro de todo el planeta. Tal visión del mundo se extiende a la toma de decisiones a escala doméstica y hace que sea necesario tener en cuenta cada paso de la cadena de consumo .



Los consumidores elegirán con mayor frecuencia bienes y servicios que tengan un valor social o ambiental positivo. En el caso de los sitios web, puede obtener el efecto correspondiente utilizando el estilo de presentación del material, la combinación de colores y la fuente, así como la presentación de contenido de alta calidad.

Un estilo de vida meditado y reflexivo, que también se volverá muy popular, va de la mano con el consumo consciente: las personas son cada vez más conscientes de que hoy, en condiciones de abundancia completa, es importante no solo encontrar tiempo para todo, es necesario evitar el estrés y mantener el equilibrio interno. Por lo tanto, en respuesta a problemas sociales y ambientales, los servicios y productos que se asociarán con un estilo de vida "medido" serán relevantes.

Piénselo: ¿con qué frecuencia puede permitirse detenerse y disfrutar realmente el momento?

4.2. Rectitud (separación de acciones)


¡Oh, cuántas cosas hermosas e interesantes quiero colocar en las enormes pantallas de los teléfonos inteligentes! Pero, por supuesto, no haré esto. La ruta más fácil es sin convertirse en callejones desconocidos, sin salidas de la carretera principal y cruces difíciles. En el mundo de Internet, esto se llama navegación lineal.


Cuantas menos opciones tenga un usuario, mayor será la probabilidad de que dé el paso necesario.

En cada pantalla debe haber solo una acción principal: esto evitará dudas. En 2019, la ruta del usuario se volverá más simple y más corta, porque el ritmo de vida crece constantemente y comienza a parecer que incluso el tiempo corre más rápido. Bueno, ¡no nos quedemos atrás! :)

4.3. Implicación y facilidad de retorno.


¿Con qué frecuencia prueba nuevos sitios web, servicios y aplicaciones? ¿Y con qué frecuencia vuelves a lo ya conocido, probado con el tiempo?

Comenzar con el producto debe ser lo más simple y rápido posible. Un registro largo y aburrido es extremadamente agotador para el usuario, porque la información básica sobre él es fácil de obtener de las fuentes en las que ya la dejó.

Todos los días, una gran cantidad de productos ingresan al mercado, y dejar de usar alguna solución antigua es algo común. Por lo tanto, es muy importante darle al usuario la oportunidad de regresar fácilmente. No puede culpar al hijo pródigo por una larga ausencia: debe hacerle saber que siempre fue esperado y encontrarse con algo interesante.


El regreso debe ser lo más rápido y fácil posible, como si nada hubiera pasado.

Ambos casos pueden complementarse con otra característica: una sensación de libertad. Las preguntas al usuario sobre nacionalidad, género y edad serán casi groseras. La selección de algoritmos de entrega de contenido adecuados se basará en las acciones e intereses reales del usuario, y no en estereotipos y prejuicios.

Información adicional


Otro truco ayudará a ganar los corazones de los usuarios: momentos repentinos de alegría.

Un cumplido para una persona cuando no espera esto, la sorpresa o el elogio es una herramienta discreta pero efectiva para atraer y retener clientes. Cualquier recompensa se percibe como un logro, un trofeo y trae alegría.

Da alegría, practicidad y belleza, ¡y mantente a la moda!



Sobre el traductor

El artículo fue traducido por Alconost.

Alconost localiza juegos , aplicaciones y sitios en 70 idiomas. Traductores en lengua nativa, pruebas lingüísticas, plataforma en la nube con API, localización continua, gestores de proyectos 24/7, cualquier formato de recursos de cadena.

También hacemos videos de publicidad y capacitación , para sitios que venden, imágenes, publicidad, capacitación, teasers, expliner, trailers de Google Play y App Store.

Leer más

Source: https://habr.com/ru/post/es433016/


All Articles