Ready to build a website that does it all? 🏆 Get the free Webflow x Typeform ebook

here
Signup

6 consejos para crear un typeform bonito (según el estudio de diseño Hey)

No todo el mundo tiene un diseñador profesional dentro. ¡Es normal! Eso no significa que no puedas crear un typeform con un diseño espectacular y perfectamente alineado con tu imagen de marca.

Hablamos con Verónica Fuerte, fundadora de Hey (un estudio de diseño creativo con sede en Barcelona), sobre las claves para lograr un buen diseño.

"En negocios pequeños, todo el mundo tiene que diseñar cosas en mayor o menor medida, pero no hace falta ser un profesional para saber aplicar los fundamentos básicos del diseño", comenta Verónica.

Y pasa lo mismo a la hora de crear un typeform. Diseñar un typeform que sea resultón no tiene por qué ser una tarea desalentadora. Lo único que necesitas es tener en mente algunos puntos clave y ganas de experimentar un poco.

A continuación te contamos los seis consejos de diseño que nos ha dado el estudio Hey para conseguir un diseño espectacular y cómo puedes ponerlos en práctica a la hora de crear tu typeform.

Dale al botón de "play" en el vídeo de arriba para verlos todos en acción.

1. El diseño importa

"El diseño es la cara visible de tu marca y, aunque no te hayas dado cuenta, estás tomando decisiones de diseño constantemente. El tipo de letra que has elegido, los colores que utilizas,... incluso el formato que tienen tus correos electrónicos. Todos estos detalles influyen en la forma en la que te presentas a ti mismo/a y en cómo te ven los demás", dice Verónica.

Cómo aplicarlo en tus typeforms:

Cuando estés diseñando tu typeform, asegúrate de que este encaja con la imagen y el estilo de tu marca. Puedes añadir tu logo en la pantalla de bienvenida o usar el mismo tipo de letra que en tu página web,... El objetivo es lograr que los usuarios reconozcan tu marca inmediatamente.

2. No te compliques

"Cuantos más conceptos intentes incluir en un mismo documento, menos gente entenderá tu mensaje [...] La sencillez no hará que tu diseño resulte aburrido ni que parezca que le falta algo. De hecho, es uno de los requisitos fundamentales para un buen diseño", dice Verónica.

Cómo aplicarlo en tus typeforms:

Puedes añadir imágenes, cambiar los colores, añadir tu logo y modificar la disposición de los distintos elementos en tu formulario..., ¡pero no tienes por qué cambiar todos estos elementos a la vez! Elige un elemento de diseño (como iconos o imágenes que tengan un estilo similar) y conviértelo en el foco de atención de tu typeform.

3. Diferencia distintos niveles de información

Según Verónica, "el diseño nos permite resaltar la importancia de ciertos fragmentos concretos de información al jugar con el tamaño, la forma, el color y la tipografía".

"Al crear contrastes entre los distintos elementos, podemos hacer que la atención de los usuarios se centre de manera natural en la información más importante".

Cómo aplicarlo en tus typeforms:

El tono que utilizas para expresarte forma parte de tu marca. Haz preguntas que resulten cercanas y utiliza distintos tipos de preguntas para hacer hincapié en distintos tipos de información. Puedes utilizar el campo "descripción" que hay en cada pregunta para añadir información adicional sin restar importancia al texto principal de la pregunta.

4. Que reine la armonía

"La armonía es un equilibrio entre color, textura y contraste que resulta agradable a la vista. Si un diseño no es armonioso, da la sensación de que las distintas piezas que lo componen no acaban de encajar unas con otras. Una forma de conseguir armonía es utilizar una paleta de color adecuada y asegurarse de que esta funciona bien con el resto de elementos con los que la vamos a combinar", afirma Verónica.

Cómo aplicarlo en tus typeforms:

Utiliza nuestra galería de imágenes de Unsplash para poner una imagen de fondo en tu typeform. O bien, añade imágenes a tus preguntas y utiliza las distintas "disposiciones" para mantener a tu público interesado. Encuentra imágenes que tengan un estilo y una paleta de color similares para asegurarte de que se mantiene una coherencia a lo largo de todo el formulario.

5. Utiliza el color de forma inteligente

"El color es uno de los fundamentos del diseño", afirma Verónica.

"Tiene un lenguaje universal propio, por lo que es muy importante que dediquemos un tiempo a pensar bien qué colores (y cuántos) vamos a utilizar. Cada color evoca emociones diferentes, así que tienes que asegurarte de que los colores que elijas transmiten exactamente lo que quieres hacer sentir a la gente".

Cómo aplicarlo en tus typeforms:

Opta por colores complementarios (como el azul y el naranja o el rojo y el verde). Asegúrate de que los colores de tus preguntas, respuestas y botones permiten leer el contenido cómodamente en combinación con el fondo que hayas elegido. Además, también es conveniente que los tonos de tu typeform y su finalidad encajen con la paleta de color de tu marca.

6. Busca siempre la coherencia

"Ten siempre en cuenta si el documento que estás diseñando encaja con el resto de diseños de tu empresa. Si tus diseños son coherentes y se mantienen en la misma línea a lo largo del tiempo, los usuarios serán capaces de identificar tu marca o tu campaña de forma natural en cuanto la vean", asegura Verónica.

Cómo aplicarlo en tus typeforms:

Puedes guardar el diseño de tu typeform en forma de "tema" y volver a utilizarlo en futuros typeforms para asegurarte de que hay una coherencia entre todos ellos. Hacer pequeñas modificaciones, como cambiar la disposición de las preguntas o añadir una gama de colores distinta, puede servir para diferenciar unos typeforms de otros en función de su finalidad.

Consulta con nuestra comunidad