Potencia tu presencia online

Taller

Creación de formularios web de alto impacto

Índice

Generación de formularios web y tratamiento de la información

El valor de los datos

01

Metodología para la generación del formulario

02

Elección del formulario (tips)

03

Creación de formulario

04

Protección de datos y captcha

05

Adición de elementos visuales con IA

06

Tratamiento de los datos

07

Ponente

YaizaSantana Santana

Científica de datos | Ingeniera de Telecomunicación | Gestora de proyectos TICs | Full Stack Web Development

Premio Nacional ASISA al Mejor Trabajo Fin de Carrera en Tecnologías de la Información y las Comunicaciones aplicadas a la Salud de la XXXVIII edición de los Premios COIT/AEIT (2018) del Colegio Oficial de Ingenieros de Telecomunicación

Primer Premio Regional Categoría Proyecto de Grado o PFC del I Concurso Cátedra Telefónica de la Universidad de Las Palmas de Gran Canaria

El valor de los datos

El valor de los datos

Conclusiones

Fase inicial

Objetivos

Mejores decisiones

Realidad caótica e inconexa de datos

Respuestas que describen nuestro negocio

Ayuda a perseguir los objetivos marcados

Los modelos ayudan a tomar mejores decisiones

Pensamiento Analítico

Cambio de actitud

Conocimientos

Hábitos

Cambio de actitud

Pensamiento Analítico

Metodología

Metodología

Objetivos y Público

Campos y validación

Pruebas

Diseño y estructura

UE y UI

Seguridad y normas

Desde la planificación hasta la implementación y el seguimiento continuo, garantizamos una experiencia positiva para los usuarios y una eficiente recolección de datos

Errores en los datos

Datos redundantes

Datos obsoletos

Datos incorrectos

Error de transcripción

Plantillas

No es necesario que sepas diseñar, puedes adquirir plantillas gratuidas y de pago echas a medida para las necesidades de información que se requiere

Microsoft Forms

Google Forms

Typeform

Freemium

Suite Microsoft Gratuita

Suite Google Gratuita

+info

+info

+info

Plantillas

Si tienes tu propio dominio, y necesitas otro tipo de plantillas, te facilito algunos proveedores:

+info

+info

Normativas y Leyes

Las siguientes normativas específicas regulan la recolección y el almacenamiento de datos a través de formularios web

RGPD

LOPD

LSSICE

Análisis de los datos

Ejemplos de transformación

Conversión de números a categorías

Conversión de datos categóricos a numéricos

Transformación de escalas

Nuevos campos

Ejemplo Excel | Encuesta de valoración

• P1: ¿Le ha gustado el evento?
• P2: ¿Le ha gustado el producto promocionado?
• P3: ¿Le gustó el trato recibido en la sesión personalizada?
• P4: ¿Con qué grado recomendaría el producto?
• P5: ¿Volvería a contratar nuestros servicios?

Ejemplo Excel | Encuesta de valoración

Encuesta Google Forms

Herramienta online

Google Form Sample

Excel online Google

+info

+info

Procesado de texto

Mediante el volcado de comentarios, se clasifican según el análisis de sentimientos

+info

Visualización de los datos

GRÁFICOS

GRÁFICOS

GRÁFICOS

TABLEAU

POWER BI

DATAWRAPPER

TECNOLOGÍAS WEB - JS

FREEMIUM - INFOGRAM

FREEMIUM - CANVA

FREEMIUM - GENIAL.LY

Elección del formulario

OBJETIVOS Y PÚBLICO

Estudia el foco

Formulario de contacto

Formulario de registro

Encuesta satisfacción

solicitud

usuario

servicio

Tipología de preguntas

CAMPOS Y VALIDACIÓN

ELIGE SEGÚN LA NATURALEZA DEL DATO

Triple testeo

PRUEBAS

TESTEA DESDE DIFERENTES PUNTOS DE VISTA

negocio

formato

diseño

LOPD y RGPD

Ejemplo

"Conforme a la LOPD y el RGPD, te informamos que tus datos serán tratados en nuestros ficheros, con el fin de mantener y gestionar la relación comercial, así como para el envío de comunicaciones sobre nuestros productos y servicios. Los derechos de acceso, rectificación, portabilidad, supresión, limitación y oposición podrán ejercerse ante [Nombre de la Empresa] en su dirección [Dirección], o a través del correo electrónico [Correo electrónico]." Este texto es solo un ejemplo y debe ser adaptado específicamente a las necesidades y el contexto de cada organización, respetando siempre la normativa vigente.

Diseño con chatGPT y otras herramientas

Ejemplo

canva

pexels

freepik

Asesoría Soluciones Digitales

¡Gracias!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

Campos y validación

1. Limita los campos a los esenciales para reducir la fricción
2. Usa controles adecuados para cada tipo de información (casillas de verificación, menús desplegables, etc.)
3. Implementa validaciones para garantizar la precisión de los datos ingresados

• Edad VS Fecha de nacimiento
• Campos obligatorios
• Normalización de dirección postal (Calle, nº, provincia, CP, etc)
• Lenguaje inclusivo

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

Definición de Objetivos y Público Objetivo

1. Identifica claramente el propósito del formulario.
2. Define a quién va dirigido y qué información necesitas recolectar.

• Opinión sobre servicios prestados
• Alta de usuarios en la web empresarial
• Valoración sobre productos consumidos
• Estudio para lanzamiento de campañas
• Encuesta a trabajadores del negocio

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

Accesibilidad y Usabilidad

1. Asegúrate de que sea fácil de usar en pantallas pequeñas (diseño responsive)
2. Utiliza elementos táctiles grandes y espacios adecuados entre ellos
3. Haz que el formulario sea accesible para personas con discapacidades.
4. Utiliza etiquetas descriptivas y asegúrate de que sea navegable con teclado.

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

Seguridad y Normas

1. Asegúrate de implementar medidas de seguridad para proteger los datos del usuario.
2. Cumple con las regulaciones de privacidad y protección de datos

• LOPD
• RGPD

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

Diseño y estructura

1. Prioriza la simplicidad y la claridad
2. Usa una disposición lógica y visualmente atractiva
3. Divídelo en secciones o pasos si es extenso para no abrumar al usuario
4. Utiliza etiquetas claras y campos intuitivos

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

Pruebas

1. Realiza pruebas exhaustivas para identificar posibles problemas
2. Analiza métricas como tasas de conversión y abandono para mejorar constantemente
3. Ajusta el formulario en base a los comentarios y el comportamiento de los usuarios

• Testea antes de lanzar al público el formulario
• Tasas de rebote de tu formulario web
• Revisa dónde abandona el usuario
• Revisa que los campos podrás analizarlos

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!

¿Tienes una idea?

Usa este espacio para añadir una interactividad genial. Incluye texto, imágenes, vídeos, tablas, PDFs… ¡incluso preguntas interactivas! Tip premium: Obten información de cómo interacciona tu audiencia:

• Visita las preferencias de Analytics;
• Activa el seguimiento de usuarios;
• ¡Que fluya la comunicación!