Diseño: Tendencias de diseño web en 2020 -I/II

Con las nuevas tecnologías que evolucionan todos los días en el frente web, hay que tener en cuenta las tendencias clave que afectarán su sitio de comercio electrónico. Algunos de estos serán relevantes para su tienda, por lo que elegir y elegir cuáles se pueden priorizar para investigar más a fondo, y tal vez hacer que su equipo de diseño web investigue más podría estar en la lista de tareas pendientes. Centrándose en Shopify y las aplicaciones complementarias, cubrimos dos listas en este Blog de dos partes para su opinión.

WebXR API en Chrome

A finales de octubre de 2019, se anunció que el WebXR en Chrome estaría disponible. WebXR API le brinda una interfaz para que su tienda ejecute experiencias de Realidad Aumentada (AR) y Realidad Virtual (VR) en el navegador Chrome.

El marco principal utilizado en la creación de contenido de realidad virtual es a través de WebGL, que simplifica enormemente el proceso creativo de sus escenas 3D, a diferencia de WebGL en bruto. Algunos de los ejemplos más populares son three.js, babylon.js y PlayCanvas.

https://threejs.org/

https://www.babylonjs.com/https://playcanvas.com/

Los marcos que están destinados a crear contenido XR en la web, como A-Frame y ReactVR, están disponibles para proporcionarle bibliotecas increíbles para trabajar. Encontrar las herramientas que pueda necesitar para su proyecto es el camino a seguir en lugar de intentar construir su propio sistema de renderizado.

https://aframe.io/

https://Facebook.github.io/react-vr/

Un excelente lugar para aprender más sobre WebXR para comprender más de sus capacidades es https://codelabs.developers.google.com/codelabs/ar-with-webxr/#0

Para obtener más información sobre la dirección de VR / AR y cómo impactará

Tiendas de comercio electrónico: consulte nuestro artículo: https://www.thegenielab.com/blogs/thegenielab-blog/enhance-your-conversion-with-3d-video-ar-content-in-your-ecommerce–store

Fuente: https://www.chromestatus.com/feature/5680169905815552

Fuente: https://immersive-web.github.io/webxr-samples/explainer.html

Esquema de color del modo oscuroCon las tendencias actuales de iOS y Andriod de usar un modo de color oscuro en los dispositivos móviles portátiles, es natural que los sitios web sigan su ejemplo. Hay un par de enfoques a seguir: un tema tiene un modo de color oscuro integrado o puede agregarlo a su tema a través de CSS.

…Para leer más, siga el link del idioma que prefiera