Caso de estudio · Experiencia interactiva · Mercado danés

Dybviden: un motor propio para 17 tests en danés

Un sitio de tests psicológicos y de habilidades que tuvo usuarios reales en Dinamarca. Lo convertimos en una experiencia tipo app: una pregunta por pantalla, resultados claros y un criterio responsable en temas de salud.

Qué hicimos
Producto, diseño, desarrollo y contenido
Tiempo
4 etapas, del diagnóstico a la publicación
Tecnología
WordPress, PHP, JavaScript, JSON-LD
Estado
En línea
Portada de Dybviden con los tests más usados

01 · El problema

Tests que la gente usaba, pero que parecían un formulario

La gente entraba y completaba los tests, pero la experiencia era la de llenar un formulario largo: instrucciones extensas llenas de emojis, todas las preguntas a la vista al mismo tiempo y la apariencia de un plugin cualquiera. A eso se sumaba un tema sensible: muchos tests son de salud mental, y algunos resultados se leían como un diagnóstico.

El desafíoLograr que hacer un test resulte tan simple como usar una aplicación, cuidando a la vez lo que se le comunica a cada persona.

02 · Contexto

El punto de partida

  • Un total de 17 tests en danés: 9 sobre salud mental, uno de personalidad (DISC, con 100 afirmaciones) y 7 de conocimiento sobre inteligencia, cinco idiomas y memoria.
  • Todas las preguntas y respuestas vivían dentro de un plugin de cuestionarios.
  • En su último año en línea, 389 personas completaron 577 tests.

Cada test tenía su dirección /test/<nombre>/, y había que mantenerla.

03 · Qué hicimos

De punta a punta

  1. 01

    La experiencia

    Tres propuestas que se podían probar para elegir el camino, y el recorrido de cada tipo de test.

  2. 02

    Construcción

    Diseño propio, un motor de tests escrito en JavaScript y SEO resuelto sin plugins.

  3. 03

    Textos con cuidado

    Resultados escritos sin tono médico y teléfonos de ayuda chequeados uno por uno.

04 · Decisiones

Qué elegimos y por qué

Producto

Elegir después de probar

Armamos tres versiones para usar de verdad: una de calma nórdica, otra con formato de chat y otra con tarjetas al estilo de las historias. Quedó la primera, «Nordisk ro», por ser sobria, clara y adecuada para hablar de salud.

Arquitectura

Un motor nuevo con las preguntas de siempre

El diseño toma la información del plugin y prepara un archivo por test. No hubo que reescribir ni mudar ninguna pregunta: el motor trabaja con lo que ya existía.

Descartamos: Mantener la forma en que el plugin mostraba los tests: no dejaba ver una pregunta por vez.

Interfaz

Un solo motor para todo

Con el mismo código funcionan las escalas de salud, el perfil DISC y los tests con respuestas correctas, ya sea con opciones, respuesta escrita o preguntas sobre una imagen.

Publicación

Cada página lleva su test

El test va incluido en su propia página, así que el sitio funciona como HTML estático: sin servidor y sin archivos adicionales.

SEO

Preparado para Google, sin plugins

Títulos, descripciones y vista previa para redes en danés, datos estructurados (sitio, página, migas de pan y listado de tests) y el mapa del sitio que trae WordPress.

Accesibilidad

Fácil de usar en cualquier equipo

Se puede responder con las teclas del 1 al 9 y volver atrás. Si se recarga la página no se pierde lo respondido, y las animaciones se frenan si la persona activó «reducir movimiento».

05 · Cómo funcionan los tests

Tres clases de test, la misma comodidad

  • Salud mental · 9 tests

    Un medidor muestra en qué rango quedó la persona, qué puede hacer y a quién recurrir.

  • Perfil DISC · 100 afirmaciones

    Indica el estilo principal y el secundario, con una barra comparable para cada rasgo.

  • Conocimiento · 7 tests

    Inteligencia, idiomas y memoria. Se responde eligiendo o escribiendo, y el resultado se puede compartir.

Una pregunta a la vez, con barra de avance y opciones numeradas para usar el teclado.
Medidor, rango y próximos pasos. En ningún caso un diagnóstico.
El estilo principal, el secundario y una barra por rasgo.
Primero se muestra la imagen durante 20 segundos; después vienen las preguntas.
Una imagen como pregunta y un campo para escribir la respuesta.

06 · Datos y responsabilidad

Decisiones basadas en cómo se usaba el sitio

Dato

En el último año, 389 personas hicieron 577 tests.

  • DISC115
  • Demencia76
  • Psicopatía68
  • Inteligencia48

Decisión

La portada muestra en «Más populares» los cuatro tests más elegidos, en ese mismo orden. Lo que se destaca lo definen los números, no una corazonada.

Situación

En salud mental, algunos resultados parecían un diagnóstico.

Decisión

Los resultados ahora hablan de «pocas, algunas o muchas señales de…» y aclaran que el test sirve para reflexionar y no reemplaza a un profesional.

Situación

Un resultado alto puede indicar que la persona necesita apoyo.

Decisión

Al final de cada test de salud mental aparecen teléfonos de ayuda de Dinamarca que existen, con los horarios chequeados.

Situación

El test de ansiedad usaba una escala protegida por derechos de autor.

Decisión

Pasó a usar la versión oficial en danés del GAD-7, que es de uso libre, con sus rangos habituales y la mención de sus autores.

Situación

Los cinco tests de idiomas terminaban sin ningún resultado escrito.

Decisión

Ahora indican uno de cuatro niveles según el marco europeo (de A1 a B2 o superior) y sugerencias para cada nivel.

Situación

El sitio vive de los anuncios.

Decisión

La publicidad aparece debajo del test y nunca entre una pregunta y otra, para no interrumpir.

07 · Proceso

En etapas, siempre con respaldo previo

  1. Relevamiento sin modificar nada

    Revisión de los 17 tests, de cómo guardaba todo el plugin, del SEO y de las estadísticas de uso.

  2. Tres propuestas para probar

    Quedó «Nordisk ro», con un motor hecho a medida que funcione en un sitio estático.

  3. Los tests de salud

    Una pregunta a la vez, medidor en el resultado y teléfonos de ayuda en cada uno.

  4. DISC, inteligencia, idiomas y memoria

    Respuestas para escribir, preguntas con imagen, cuenta regresiva, perfil con barras y opción de compartir.

  5. Google, portada e índice

    SEO sin plugins, portada con los tests más elegidos, listado completo y página de error propia.

  6. GAD-7 y publicación

    Cambio a una escala de uso libre y salida como HTML estático.

08 · Antes y después

Las mismas páginas, otra experiencia

Deslizá para comparar y elegí qué página ver.

Portada, después del rediseño
Portada, antes del rediseño
Portada: arriba, los tests más elegidos

09 · Resultados

Lo que se midió

  • Los 17 tests andan con un único motor hecho a medida, que muestra 3 tipos de resultado.
  • Cada test conserva su dirección de siempre.
  • Lo que se destaca en la portada se decidió a partir de los 577 tests que hicieron 389 personas en el último año.
  • Funciona como sitio estático, sin servidor: cada página lleva su test incluido.

Lighthouse de la portada publicada

  • 90Rendimiento en celular
  • 98Rendimiento en escritorio
  • 100Accesibilidad
  • 100Buenas prácticas

10 · Tecnología

Con qué lo hicimos

Plataforma

  • WordPress
  • PHP
  • MySQL
  • JSON-LD

Interfaz

  • JavaScript
  • SVG
  • CSS
  • Web Share API

Herramientas

  • WP-CLI
  • Lighthouse
  • Netlify
  • Claude Code

Hablemos

¿Querés que tu sitio haga algo más que mostrar información?

Armamos tests, calculadoras, cotizadores o formularios por pasos que den ganas de completar. Te respondemos dentro de las próximas 24 horas.

WhatsApp

¿Con quién querés hablar?

Los dos respondemos, dentro de las próximas 24 horas. Elegí y se abre el chat con tu mensaje listo.

¿Hablamos?