El modo oscuro ha pasado de gadget a opción esperada en unos pocos años. En los sistemas operativos y las aplicaciones se ha vuelto estándar. En las tiendas en línea sigue siendo raro, y la cuestión de su utilidad merece plantearse en serio en lugar de zanjarse por moda.
Lo que quieren realmente los usuarios
Dos motivaciones distintas, a menudo confundidas.
El confort con poca luz. Es la razón principal, y afecta a los usos de la noche, en la cama o en una habitación poco iluminada. En una tienda cuyo tráfico se concentra de día, lo que está en juego es poco.
La coherencia con el sistema. Un usuario que ha activado el modo oscuro en su dispositivo espera que los sitios lo respeten. Un sitio en blanco brillante que se abre en medio de una interfaz oscura produce una molestia real, independientemente de la hora.
Esta segunda motivación es la que más cuenta, y tiene una consecuencia de diseño: respetar la preferencia del sistema debe ser el comportamiento por defecto, con un selector para forzarlo en un sentido o en otro.
El punto de accesibilidad
Contrariamente a una idea recibida, el modo oscuro no es sistemáticamente más accesible.
Ayuda a ciertas personas, en particular a quienes sufren fotofobia o determinadas migrañas. Molesta a otras: las personas con astigmatismo suelen leer peor el texto claro sobre fondo oscuro, por un efecto de halo alrededor de los caracteres.
Lo que sí es seguro: ofrecer la elección es más accesible que no ofrecerla. El criterio no es saber qué modo es mejor, sino dejar decidir al usuario.
Se imponen entonces dos reglas técnicas. Los contrastes deben verificarse en ambos modos, lo que duplica el trabajo de control. Y el texto en blanco puro sobre negro puro hay que evitarlo: un gris muy claro sobre un gris muy oscuro reduce la fatiga ocular.
Módulo Modo Oscuro PrestaShop 8/9 — Tema oscuro automáticoEl modo oscuro que sus clientes esperan, sin tocar su tema.€59,00
El coste real de implementación
Es el punto que decide, y a menudo se subestima.
En un tema construido con variables de color, añadir un modo oscuro representa una jornada de trabajo: redefines las variables y pruebas. En un tema donde los colores están escritos a fuego en las hojas de estilo, cuenta varios días y una revisión en profundidad.
Cuatro partidas se añaden sistemáticamente, y rara vez se anticipan.
Las imágenes de producto. Una foto recortada sobre fondo blanco aparece como un rectángulo blanco en medio de una página oscura. El tratamiento supone o bien visuales sobre fondo transparente, o bien un fondo de miniatura neutro.
Los módulos de terceros. Cada uno aporta sus propios estilos, que ignoran tu modo oscuro. Un banner de cookies, un chat o un carrusel se quedan en claro.
Los contenidos redactados. Las descripciones de producto que contienen colores a fuego, heredados de un copiar y pegar, salen ilegibles.
Los correos. No les afecta el modo oscuro del sitio, pero sí el del cliente de correo, lo que es un proyecto aparte.
La cuestión del logotipo
Detalle concreto y sistemático: un logotipo en negro sobre fondo transparente desaparece en modo oscuro. Hace falta una segunda versión, clara, y un cambio según el modo activo.
Mismo problema en los iconos, los pictogramas de pago y los distintivos de confianza. Prevélos desde el principio, si no los descubrirás uno a uno en producción.
Entonces, ·útil o gadget
La respuesta depende de dos criterios medibles en tu propia tienda.
La parte de tu tráfico por la noche, entre las 20 h y medianoche. Por encima del 25 %, el confort de lectura se vuelve un tema real.
Tu audiencia. Con un público técnico, de desarrolladores, jugadores o profesionales de la informática, la expectativa es fuerte y su ausencia se nota. Con un público generalista de más edad, es marginal.
Si no se cumple ninguno de los dos criterios, el modo oscuro es una inversión de confort, no una palanca comercial. Eso no lo descalifica, pero lo coloca detrás de otros proyectos.
Si uno de los dos se cumple, se convierte en un elemento de calidad percibida, al mismo título que un tiempo de carga correcto: nadie lo compra, pero su ausencia se nota.
Lo que no hay que hacer
Tres errores que transforman una buena idea en un problema.
Imponer el modo oscuro sin posibilidad de volver al claro, con el pretexto de la modernidad.
Ignorar la preferencia del sistema e imponer el modo claro por defecto a alguien cuyo dispositivo está en oscuro.
Entregar un modo oscuro parcial, donde el proceso de compra se queda en claro. La incoherencia en el momento del pago es peor que la ausencia total.
El módulo Dark Mode para PrestaShop aporta esta función en PrestaShop 8 y 9: detección de la preferencia del sistema con selector manual, adaptación de los colores sin revisión del tema, variante clara del logotipo y cobertura de los bloques de los módulos de terceros.