P R Ó LO G O

El modelo de diseño web tradicional está totalmente fracturado.

Si usted es una agencia o una empresa, esto lo hace muy
vulnerable a una serie de riesgos y con frecuencia no produce
resultados óptimos.

Un diseño que conduzca al crecimiento es la nueva regla oro

para entregar resultados y llegar a un valor empresarial medible
a través del diseño web. Se trata de un enfoque más inteligente,
ágil y basado en datos que minimizan los escollos del diseño
web tradicional y producen sitios web de alto rendimiento.

Este libro es una lectura obligada para cualquiera que se haya

encontrado con una “pesadilla de rediseño de su sitio web” o
que no esté feliz con los resultados que está obteniendo de su
página web actual.

Luke rompe precisamente con lo que está fundamentalmente

mal en el proceso de diseño web tradicional y sienta las bases
para un mejor proceso a seguir, un diseño que impulse el
crecimiento. Invierta algún tiempo en la lectura de este libro,
haga notas y empiece a pensar en una forma más inteligente de
abordar el diseño web.

Gabriel Wahhab
Director, Servicios Interactivos,
Square 2 Marketing
@gabewahhab

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 2

 TABLA DE CONTENIDO

1 Introducción pg. 4

2 Por qué el Diseño Tradicional está Totalmente Frac-

turado pg. 5

3 El Cambio que Los Comercializadores Deben Hacer

pg. 8

4 El Proceso del Diseño que Conduce al Crecimiento

pg. 10

5 Pensamientos Finales & Siguientes Pasos pg. 24

Escrito por: Luke Summerfield | @SavvyLuke | Manager de servicio del programa de socios, HubSpot

Editado y diseñado por: Erik Devaney | @BardOfBoston | Estratega de Contenido, HubSpot

Traducido por GDMN Global

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 3

 INTRODUCTION
INTRODUCCIÓN
Usted está perdiendo su tiempo y recursos
en su sitio web y ni siquiera lo sabe.

Durante seis años comí, dormí y respiré

diseño web. Trabajando tanto a nivel
interno como en agencias, puse en
marcha cientos de sitios web y hace poco
más de un año me di cuenta de todo lo
que yo creía que sabía sobre el proceso
de diseño de páginas web era totalmente
erróneo.

Lo que hemos llegado a aceptar como la manera estándar en la que nos

acercamos a la construcción y mantenimiento de un sitio web está plagada
de riesgos sistémicos y eso le está costando a su negocio tiempo, dinero y
oportunidades.

Pero hay una mejor manera, una nueva manera de acercarse a su sitio
web que tiene un enorme potencial para usted y su negocio. Es hora de
dar un paso atrás y cuestionar los supuestos del proceso de diseño web
tradicional.

Mi esperanza al escribir este libro es abrir los ojos a un enfoque más

inteligente de diseño de sitios web para que pueda evitar los desastres en
los sitios web, producir mejores resultados, impresionar a su jefe y hacer
crecer su negocio.

-Luke Summerfield

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 4

 INTRODUCTION
El DISEÑO WEB TRADICIONAL ESTÁ FRACTURADO

Su sitio web es su activo de marketing más grande y es el centro de todas sus actividades
de marketing. A menudo es el primer lugar al que la gente va en la búsqueda de más
información sobre sus productos o servicios. Es el lugar a donde nos dirigimos todos
nuestros esfuerzos de marketing y es a menudo el primer lugar en el que los prospectos
vienen en busca de información.

Además, su sitio web es también su “mejor vendedor”. Se ha dicho que un prospecto

ya ha pasado por el 70% del proceso de ventas, incluso antes de llegar a su equipo de
ventas. ¿Dónde encuentran la información antes de hablar con alguien? – En su página
web.

Entonces es críticamente importante cómo se presentan nuestros sitios web, y por

esto es que la forma tradicional en que nos acercamos a su construcción y mejora está
basicamente desajustada.

El proceso tradicional de diseño de páginas Web

Me encanta la forma en que la gente me mira cuando les pregunto acerca de su último
proyecto de rediseño web. La mayoría inclina su cabeza hacia atrás, pone los ojos en
blanco y gruñe con disgusto mientras recuerda lo que fue ese dolor de cabeza.

Piense en su último proyecto de rediseño del sitio web con su empresa y pregúntese:

• ¿Cómo describiría la experiencia en general?

• ¿Qué salió bien y mal en el proceso?
• ¿Cuánto tiempo / energía / recursos se gastaron para llegar, finalmente, a salir
en vivo?
• ¿Se consiguió un lanzamiento a tiempo o con el presupuesto establecido?
• Después de la puesta en marcha, ¿Cuántas mejoras continuas se le han hecho?
•¿Qué tan emocionado (a) está por hacer otra rediseño del sitio web?

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 5

 Si alguna vez ha estado involucrado en un proyecto de rediseño de sitio web, lo más
probable es que usted no disfrute plenamente del proceso.

La razón por la que hemos llegado a aceptar el hecho de que un rediseño del sitio web
es un dolor de cabeza gigante es debido al enfoque que tomamos para construir sitios
web. El proceso de rediseño del sitio web tradicional está lleno de riesgos sistémicos y
dolores de cabeza.

Riesgos de Diseño Web tradicional

Grandes Costos por Adelantado: El costo promedio de un sitio web para empresas
pequeñas y medianas (SMB), en cualquier lugar, suele estar entre $
15.000 - $ 80.000, un costo inicial importante para la mayoría de las
empresas. Este costo no es sólo difícil de presupuestar para todos de
una sola vez, sino que también es pagado en su totalidad antes de
siquiera saber qué impacto tendrá la página web en su negocio.

Un Gran Compromiso de Tiempo y de Recursos: Además de los

gastos por adelantado, el sitio web para una empresa pequeña o
mediana (SMB) suele tardar tres meses para completarse y requiere
una gran cantidad de recursos y energía de su equipo.

Esta Cantidad de Tiempo Invertido - sin resultados de negocio para

ser vistos sino hasta después de su lanzamiento - es suficiente para
que cualquier jefe esté un poco incómodo.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 6

 Sobre el presupuesto, fuera de tiempo y sin flexibilidad: Incluso si
es aprobado el presupuesto y el tiempo, hay tantas partes móviles,
personas y pasos a seguir en un proyecto grande, entonces es muy
difícil establecer con precisión el costo y determinar cuánto tiempo
tomará un proyecto de esta magnitud.

Esto hace que sea muy común que un proyecto de desarrollo de un

sitio web se retrase y/o supere el presupuesto. Esto no sólo se refleja
en los resultados de su sitio web, sino que también los deja mal ante
los ojos de su jefe y otros jefes de departamento.

El diseño subjetivo y sin garantías mejorará el rendimiento: Al final

del día, usted está siendo responsabilizado por su jefe por tener un
aumento apreciable en los resultados de su sitio web rediseñado.

Entonces la pregunta es: después de todo el tiempo, dinero y recursos que ha puesto
en su sitio web rediseñado, ¿Cómo sabe usted (o la organización que haya contratado)
que lo que está listo para lanzamiento es la mejor página web que se podía desarrollar?

La respuesta es que no puede, es imposible.

Todo lo que puede hacer es revisar todos sus datos de usuarios, llevar a cabo una
investigación de usuario y formular una hipótesis de lo que usted cree que es un sitio
web de alto rendimiento. Luego, esta hipótesis se pone en marcha y nunca revisamos
para ver si lo que pensábamos que era correcto en la práctica lo es.

Todos hemos oído hablar de esas historias de horror sobre un sitio web que se puso en
marcha y luego el rendimiento de la página web se estancó por una razón u otra.

Después del lanzamiento, un sitio web por lo general

permanece sin cambios mayores entre 1,5 a 2 años.
Cualquiera que sea la excusa es; “No hay tiempo”, “gastamos todo nuestro presupuesto”,
“otros enfoques”, entre otros. Dejamos que nuestro sitio web, nuestra # 1 de activos
de marketing y nuestro mejor vendedor, se queden relativamente sin cambios durante
años. Esta claramente no es la manera ideal para maximizar el rendimiento del sitio web,
sin embargo, seguimos haciéndolo.

Sí, pueden haber algunas pequeñas actualizaciones o mejoras, junto con la adición
de blogs o páginas de destino al sitio, pero el núcleo y la gran mayoría de la página
permanece intacta.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 7

 EL CAMBIO QUE LOS COMERCIALIZADORES
INTRODUCTION
DEBEN HACER
Es hora de dar un paso atrás y ver cómo podemos abordar el proceso de rediseño de
una página web desde un ángulo diferente.

Tenemos que encontrar un proceso superior que evite todos los riesgos que se dan en
el proceso de diseño web tradicional y produzca un pico en el desempeño de la página
web. Un proceso de diseño web que sea rápido, ágil y produzca mejores resultados y
ROI.

¿Cuál es ese proceso? - Un Diseño que Conduzca al Crecimiento.

Una forma más inteligente de pensar acerca del Diseño Web

El Diseño que Conduce al Crecimiento es un enfoque completamente nuevo, una nueva
manera de pensar sobre la construcción y el crecimiento de su sitio web.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 8

 Los tres pilares
del
Diseño que Conduce al Crecimiento

1 Minimizar los riesgos asociados con el diseño web tradicional.

Trabajamos para evitar los riesgos del diseño web tradicional mediante la
adopción de un enfoque sistemático para acortar el tiempo de puesta en
marcha, centrándonos en el impacto real, el aprendizaje continuo y la mejora.

2 Continuamente aprendemos y mejoramos.

Estamos constantemente investigando, probando y aprendiendo sobre
nuestros visitantes para informarnos en la marcha de las mejoras para sitio
Web. A través de la mejora continua podemos alcanzar el máximo rendimiento.

3 A medida que aprenda, informe a los encargados de marketing y

ventas (y viceversa).
El Diseño que Conduce al Crecimiento está estrechamente integrado con
el marketing y las ventas. Lo que aprendemos sobre los visitantes ayuda
a informar y mejorar a marketing y ventas sobre estrategias y tácticas (y
viceversa).

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 9

 EL PROCESO DEL DISEÑO QUE CONDUCE
INTRODUCTION
AL CRECIMIENTO
El Diseño que conduce al Crecimiento está dividido en dos fases mayores:

LISTA DE PLATAFORMA DE
FASE 1: ESTRATEGIA
DESEOS LANZAMIENTO
estrategia
Al igual que el proceso de diseño de sitios web tradicionales, la primera etapa del Diseño
que Conduce al Crecimiento es la etapa de la estrategia.

En esta etapa vamos a desarrollar una base sólida como roca sobre la que podamos
construir nuestro proceso de Diseño que Conduzca al Crecimiento con el uso de los
siguientes pasos:

Objetivos: ¿Cuáles son las metas de desempeño que estamos tratando de lograr con
nuestro sitio web? ¿Cómo lo hemos hecho históricamente, donde nos gustaría mejorar y
cómo afectará esto el objetivo del departamento de marketing global?

Para ayuda con el establecimiento y seguimiento de metas, descargue el modelo de Excel

para metas de marketing: HubSpot’s free S.M.A.R.T. (por sus siglas en inglés: Específico,
Medible, Alcanzable, Relevante, and Tiempo-limitante).

Personas: A continuación, deberá desarrollar perfiles detallados de Personas para los

diferentes tipos de grupos que visitan el sitio.

Una persona es una representación ficticia de su cliente ideal. Puede crear diferentes
grupos de personas basados en las características comunes de sus cuotas de audiencia.
Esto podría ser un punto de dolor, industria, posición laboral, entre otros.

Como usted aprenderá más adelante en el libro, el Diseño que Conduce al Crecimiento
gira en torno al usuario, por lo que es de vital importancia investigar y desarrollar
plenamente sus perfiles de Personas desde el principio, ya que estos establecerán el
camino a seguir para todas las actividades futuras.

Para aprender más sobre cómo crear Personas para su negocio, descargue el modelo
de PowerPoint: HubSpot’s free buyer persona.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 10

 Investigación Cuantitativa - Auditoría de la Página web y la Analítica: Es hora de
empezar a cavar en los datos. Realizar una auditoría cuantitativa de cómo el sitio web
existente está desempeñándose, revisar lo que es, y no es, si está funcionando bien, por
donde los usuarios se están yendo, entre otros.

Mientras usted está completando su auditoría de la página web, usted comenzará a

identificar donde hay oportunidades de mejorar para su futuro trabajo en el sitio web.

“ Nuestros usuarios están constantemente diciéndonos lo que les gusta y lo que no les
gusta de nuestros sitios web y aplicaciones a través de las acciones que ellos realizan.
La investigación cuantitativa es escuchar a nuestros usuarios mediante la recopilación
de datos de estas acciones, e interpretar en conjunto lo que quieren decir estos datos
acerca de nuestra base de usuarios o productos.

A través de la interpretación de los datos cuantitativos, podemos crear una

hipótesis en torno a lo que podemos mejorar, cómo podemos mejorarlo,
y relativamente cuánto impacto puede tener nuestra mejora. Entonces
podemos probar nuestra hipótesis con un experimento, y el uso de
nuestros datos cuantitativos para medir los resultados.

Matthew Rheault
Sidekick, Equipo de Crecimiento - Desarrollador Líder

Investigación Cualitativa - Investigación del Usuario: Después de haber identificado

algunas de las áreas de oportunidad en su auditoría, el siguiente paso es buscar la
forma proactiva de llegar a sus usuarios existentes para aprender más acerca de ellos y
obtener una mejor comprensión de lo que son y encontrar formas de mejorar.

Mientras usted recopila investigación de nuevos usuarios, esto le ayudará para validar
las hipótesis que puso en sus perfiles de Personas originales y probablemente le dará
información adicional para incluir.
.

“ A través de la investigación cualitativa, somos capaces de observar los objetivos,

motivaciones y puntos de dolor de los usuarios en acción. Esto nos ayuda a desarrollar
una comprensión de los comportamientos humanos que están vinculados a los puntos
de datos cuantitativos que hemos recogido.

Como resultado, podemos empezar a sentir empatía y a hacer un diseño

para el ser humano en el otro lado de la pantalla, mejorando así
nuestra experiencia de usuarios y moviendo la aguja del rendimiento
hacia los indicadores clave, como la conversión y retención”.

Austin Knight
HubSpot - Diseñador UX

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 11

 Supuestos Fundamentales: Usando lo que ha aprendido en todos los pasos anteriores,
ahora puede empezar a formar algunos supuestos fundamentales acerca de sus usuarios.

Algunos ejemplos de los supuestos fundamentales son:

• Las propuestas de valor para cada producto, el servicio y la oferta

• Las diferentes ubicaciones y usuarios de dispositivos tendrán acceso a su sitio
web desde
• ¿Qué información sus usuarios están buscando?

Estos supuestos fundamentales ayudarán a explicar el comportamiento y las motivaciones

de los usuarios y será influyente tanto en la estrategia global como la de la página y
también futuros ciclos de Diseño que Promuevan el Crecimiento.

Estrategia Global y de La Página: El último paso en la fase de la estrategia es desarrollar

tanto una estrategia global para el sitio web en su conjunto y una estrategia específica
página por página para cada página principal del sitio.

Tanto las estrategias de página global e individual deben incorporar todos los pasos
anteriores y diseñar una estrategia detallada de exactamente cómo involucrar mejor e
influenciar al usuario para alcanzar mejor sus objetivos.

¿Quiere aprender sobre estos pasos con más detalle?

Inscríbase en el Curso en formación avanzada en Diseño que Conduce al Crecimiento

gratuito. Usted aprenderá y obtendrá acceso a:

• El proceso exacto paso a paso de DCC.

• Plantillas y documentos para el DCC.
• Ejemplos de pasos completados.

regístrese gratis aquí

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 12

 Su lista de deseos
La siguiente etapa en el proceso de Diseño que Conduce al Crecimiento es desarrollar su lista
de deseos. Tome lo que ha aprendido en la planificación de su estrategia, reúna a su equipo y
haga una lluvia de ideas con cada idea impactante, creativa e innovadora que desea incluir en
el sitio.

La clave está en que entre a su sesión de lluvia de ideas con un “borrón y cuenta nueva” y no
se quede colgado de su página web existente. Piense en los elementos que deben estar en la
lista para alcanzar sus metas en un mundo ideal, como si el dinero, el tiempo y el desarrollo de
habilidades no fueran un problema.

Esto incluye una lluvia de ideas, ideas tales como:

• Secciones clave e impactantes del sitio web y páginas.
• Activos de marketing, herramientas y recursos.
• Características específicas, módulos y funcionalidades.
• Elementos de diseño.
• Cambios en la experiencia basadas en dispositivos, países, entre otros.

Después de unas horas de lluvia de ideas con el equipo tendrá una lista de entre 50-150 ideas
para la nueva web. No todos estos elementos serán implementados de inmediato. Sin embargo,
es importante para dar cuerpo a tantas ideas como sea posible en el momento.

Su lista se utilizará para determinar los puntos de acción iniciales para poner en práctica en
el nuevo sitio, pero también es una lista ágil y flexible que continuamente va agregando (y
restando) a medida que se vuelven a priorizar las acciones con el tiempo.

Plataforma de Lanzamiento
En el proceso de diseño web tradicional pensamos en
el lanzamiento de la página web como el acabado. En el
Diseño que Conduce al Crecimiento es todo lo contrario.

En esta etapa estaremos construyendo y lanzando de

lo que llamamos una “Plataforma de lanzamiento”. Esta
plataforma de lanzamiento es el punto de partida de
todas sus otras actividades y mejoras de su Diseño que
Conduzca al Crecimiento.

La plataforma de lanzamiento debería ponerse en marcha rápidamente y no será perfecta.

Queremos evitar que se quede atascado en el análisis, las características o contenidos,
mientras construye su página web - plataforma de lanzamiento. Puede que no sea perfecta en
el lanzamiento, pero ningún sitio web lo es. Es probable que sea una gran mejora para su sitio
web actual y le dé un punto de partida para mejorar de forma continua.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 13

 El tamaño y la complejidad de la plataforma de lanzamiento de la página web puede variar
dependiendo de lo que usted tenga en su lista de deseos y qué tipo de sitio web tenga. Sin
embargo, es muy importante que usted sea capaz de reducirla a un esencial 20% que hará un
impacto y así lanzarla rápidamente para que pueda seguir aprendiendo acerca de sus usuarios
y mejorar el sitio.

Ejecute un análisis 80/20 de su lista de deseos

En la fase de deseos hemos recopilado una larga lista de todos los puntos de acción que nos
gustaría idealmente tener en el sitio. Ahora es el momento de empezar a ordenar y priorizar
estos puntos en su lista para determinar qué acciones o puntos son los primeros en ponerse
en práctica en nuestro sitio web en modo de plataforma de lanzamiento.

Revise la lista con todo su equipo e identifique un 20% de los puntos que van a producir el
80 % del impacto y valor para los usuarios de su sitio web. Una vez que haya identificado los
núcleos de 20 % entre los puntos, tómelos por separado y haga un poco de filtrado adicional
preguntándose, ¿Es este un punto de acción...?

• Un “debo tenerlo” o en realidad un “Es bueno tenerlo” - Si su respuesta es “ Es

bueno tenerlo”, entonces volverá de nuevo a la lista principal.

Entonces con los elementos restantes:

• ¿Es absolutamente necesario para el sitio inicial de plataforma de lanzamiento,

o podríamos construirlo en dos o tres meses?

El objetivo de estas preguntas adicionales es reducir realmente su atención al núcleo, a los

puntos de acción que “debo tener” que proporcionarán el mayor impacto. Es esencial reducir a
estos elementos de acción a los fundamentales para asegurar un inicio rápido.

Declaraciones de hipótesis para cada punto del núcleo de Acción

Una vez que hemos reducido nuestra lista de puntos de acción para la plataforma de
lanzamiento hasta un núcleo del 20% más impactante, para los elementos que se “deben tener”,
a continuación, se debe crear una “declaración de hipótesis” para cada uno de ellos.

La declaración de hipótesis nos permite tener claridad sobre cómo cada elemento de acción
se refiere a los objetivos que estamos tratando de lograr, las Personas en las que nos estamos
enfocando y las que esperamos recibir.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 14

 Aquí un ejemplo de declaración de hipótesis:

elemento de acción 1
Declaración de hipótesis

Para [ Mary de Marketing ] visitando la [ Página de precios ],

creemos que al cambiar [ Precios de la empresa ] a
[ Pida una cotización ] eso [ impulsará la conversión en un 10% ]

Nosotros creemos que esto es verdad debido a [ una investigación previa o una asunción validada ]

Impacto Esperado + Esfuerzo Requerido + Medida de Métricas + Definición de Completo

En la parte inferior de cada estado, hay cuatro elementos importantes:

Impacto Esperado - El valor de impacto debe ser un solo número en función del valor
que el visitante obtendrá desde el elemento de acción y el impacto que tendrá en el
movimiento hacia sus metas.

Esfuerzo Requerido - El esfuerzo necesario también debe ser un solo número que
represente la combinación del número de horas, los recursos y las dificultades para
poner en práctica ese elemento de acción en particular.

Las Métricas de Medición - ¿Qué indicadores específicos se necesitan para medir y

probar este elemento de acción específico y evaluar si su hipótesis era correcta? entre
más específicas sean las métricas de la lista, mejor.

Definición de completo - ¿Cuáles son los pasos que debe completar con el fin de
considerar este elemento de acción completo? Definir esto desde el principio es
importante porque va a borrar cualquier área gris que pueda surgir más adelante en la
misma dirección en la revisión de los resultados o la eficiencia.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 15

 Etapas del Proceso Web
Una vez que haya identificado los puntos de acción más importantes que usted debe
incluir en su sitio para la plataforma de lanzamiento, puede pasar esos elementos a
través del proceso estándar de implementación web, que incluye:

• Mensajería y contenido.
• Experiencia de usuario (UX) y arquitectura del sitio.
• Alineación a la estrategia de Marketing de atracción
• Esquema de la página.
• Diseños.
• Desarrollo.
• Aseguramiento de Calidad y Pruebas.

Configuración de la recopilación de datos

El último paso de la página web como plataforma de lanzamiento es establecer la
recopilación de datos cualitativos y cuantitativos en torno a:

• Sus objetivos definidos en la fase de estrategia

• Cada uno de sus supuestos fundamentales
--y--
• Cada declaración de hipótesis de los elemetos de acción implementados en el
sitio web como plataforma de lanzamiento.

La configuración de la recolección de datos es un paso importante, ya que le permite

comenzar a aprender acerca de sus visitantes una vez que su sitio en modo plataforma
de lanzamiento esté en vivo.

¿Acaba de lanzar un nuevo sitio web?

¿Usted ha lanzado recientemente un sitio web, pero desea implementar
el modelo de mejora continua - Diseño que Conduce al Crecimiento? ¡No
hay problema!

Usted puede utilizar su sitio web existente como su sitio web en modo
plataforma de lanzamiento y moverse directo a la fase 2, el ciclo continuo
de Diseño para el Crecimiento.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 16

 FASE 2: CICLO DEL DISEÑO QUE CONDUCE AL CRECIMIENTO

Mejora continua
Una vez que ha puesto en marcha su sitio web en modo plataforma de lanzamiento,
este será el momento de comenzar sus ciclos continuos para experimentar, aprender y
mejorar su sitio web.

Al terminar con su sitio web en modo plataforma de lanzamiento de todas maneras

tendrá una larga lista de elementos impactantes que le gustaría implementar en el sitio.
Esta lista es dinámica y debe actualizarse regularmente.

Esta gira alrededor de la Persona

Todo este ciclo comienza con y gira en torno a las personas que vienen a su sitio web.

En cada etapa del ciclo, debemos preguntarnos a nosotros continuamente cómo esto se
relaciona y da valor a las personas que visitan su sitio web.

En cualquier momento, si es que alguna vez se vuelve poco claro cómo un elemento
de acción proporciona un valor, o se relaciona con una personalidad, debe dar un paso
atrás y volver a evaluar lo que está trabajando.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 17

 ciclo paso 1: planificar
El primer paso del ciclo del Diseño que Conduce al Crecimiento es la planificación. En
este paso se identifican los elementos más impactantes para el momento actual y se
planifica la implementación de los mejores en el ciclo actual.

Hay una serie de pasos a seguir en la fase de planificación:

Rendimiento vs. Objetivos: hay que revisar el desempeño actual de la página web y
contrastarla con los objetivos que estamos tratando de lograr. Esto le informará de donde
hay oportunidad para mejorar.

Datos adicionales o de investigación: Al salir del último ciclo y revisar sus objetivos vs
rendimiento, a menudo hay más datos e investigaciones por hacer para ayudar a aclarar
que elementos de acción debe agregar a su lista de deseos.

Aprender de Marketing y Ventas: debe conectarse con los equipos de marketing y

ventas y ver cuales son los elementos clave que se han aprendido sobre el usuario
desde el último ciclo.

Esta información puede contener “pepitas de oro” de la visión que se pueden transferir
a los elementos de acción que estén en aplicación en su programa de Diseño que
Conduzca al Crecimiento.

He aquí un ejemplo ...

El equipo de marketing puede haber escrito un blog sobre un tema en
particular que explotó en popularidad y dio lugar a un gran número de
visitantes orgánicos y sociales.

Ahora hemos aprendido que este tema es importante para sus Personas.
¿Cómo se puede tomar ese conocimiento y añadir nuevos elementos a
la lista de deseos que influyan en su programa de Diseño que Conduzca
al Crecimiento?

Lluvia de ideas y dar prioridad a la Lista de Deseos: Sobre la base de todos los nuevos
datos, la investigación y el aprendizaje que ha tenido hasta este momento, ahora tendrá
otra sesión de lluvia de ideas para determinar nuevos elementos de acción para agregar
a la lista de deseos.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 18

 Hablando Generalmente, sus elementos de acción encajarán dentro de estos escalafones:

Aumentar conversiones: El primer escalafón de actividades de su lista son los que están
directamente relacionados con la optimización de la tasa de conversión.

Mejorar la experiencia del usuario: Las mejoras en el sitio web que le dan al usuario
una mejor experiencia y haciendo que sea más fácil para ellos para navegar, encontrar
lo que están buscando y resolver su problema(s).

Personalizar al usuario: Adaptar el sitio, las llamadas de acción, las ofertas de contenido,
entre otros, para visitantes específico basados en los datos que conocemos sobre
ellos. Esto incluye, pero no se limita a, la adaptación basada en intereses, personalidad,
dispositivos de geolocalización, fuentes de referencia o acciones anteriores en su sitio.

Construir activos de marketing: los activos de marketing son los elementos que
contienen un gran valor por su programa de marketing, tales como listas de correo
electrónico, cuentas sociales, blogs, entre otros.

Construir nuevos activos de marketing en la web, tales como herramientas, secciones

de recursos en profundidad, capacitación en línea, directorios, entre otros. - Cualquier
elemento que proporcione un gran valor tanto para el usuario final como para su empresa.

Un gran ejemplo de un activo de marketing es HubSpot’s Marketing Grader. Los usuarios

obtienen un informe detallado de sus esfuerzos de marketing digital y HubSpot gana
enlaces, datos y clientes potenciales.

Actualizaciones Generales del Sitio Web: Por supuesto, van a haber actualizaciones
generales del sitio web que se presentan de vez en cuando y se pueden agregar a su
lista de deseos también.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 19

 Dar prioridad a su lista de deseos
Una vez que tenga todos los nuevos elementos añadidos a la lista de deseos, a
continuación, dé prioridad a todos los puntos de acción basado en el impacto (Medio /
Bajo / Alto) que tendrán sobre los objetivos de la página web y el valor para el usuario.

Planee un ciclo de sprint (embalaje): Con una actualización y los deseos priorizados,
a continuación, puede elegir los elementos de acción más impactantes que desea
implementar en este ciclo.

El número de elementos que usted escoja dependerá del tiempo que el ciclo dure.
Es mejor escoger menos elementos y realmente centrarse en hacer su mejor trabajo
con ellos. Si usted los completa de forma temprana, siempre puede volver a su lista de
deseos y escoger más.
ciclo paso 2: desarrollar

Al moverse a la fase de desarrollar el ciclo, ahora que usted

tiene los elementos de acción más impactantes para trabajar,
es el momento de empezar a aplicarlos al sitio.

Aquí es donde las ruedas finalmente están en el camino y

todos en su equipo se reúnen para comenzar a completar
cada elemento de acción que ha seleccionado en la fase de
planificación.

Cada elemento de acción que implemente debe considerarse

como un experimento, esto para ver el impacto que tiene sobre
el rendimiento del sitio web. Para medir sus experimentos
usted debe establecer la validación de seguimiento alrededor
de los indicadores señalados en el elemento de acción.

Después de que su experimento sea puesto en vivo, es

posible que desee desarrollar una campaña de marketing
(social, PPC, blogs, entre otras.) específicamente para atraer
tráfico a esa sección de la web para que pueda comenzar a
recoger datos.

Durante la fase de desarrollar el ciclo va a construir y programar

la campaña de marketing en conjunto con el equipo de
marketing.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 20

 ciclo paso 3: aprender
Después de que sus experimentos hayan tenido tiempo suficiente para correr y recoger
los datos, a continuación, puede pasar a la fase de aprender. En la fase de aprendizaje
va a revisar la información que ha recopilado acerca de sus visitantes desde sitio web.

Con base en la información que haya recopilado, a continuación, puede validar o refutar
la hipótesis en su lista de elementos de acción. ¿Su cambio tiene el impacto que se
esperaba y por qué o no lo hizo? Con base en los resultados, ¿Qué le enseñó esto
acerca de sus visitantes? ¿Qué aprendió usted de ellos que no sabía antes?

Una vez que determine, si su hipótesis era correcta y comparta lo que ha aprendido
acerca de sus usuarios, seguidamente, usted querrá publicar esta información en una
ubicación central para que todo el mundo dentro de su organización pueda aprovecharla.
Tener un sistema estructurado para la publicación de sus resultados es también una
gran referencia para el futuro, si alguna vez tiene que buscar tendencias o buscar
experimentos anteriores.

“ Cada sitio web o aplicación tiene un subconjunto único de usuarios que comparten
rasgos comunes. Es un objetivo principal de los experimentos que conducen al
crecimiento responder preguntas sobre nuestro subconjunto único de los usuarios.

Imaginemos que tenemos un blog de comida y queremos saber cómo involucrar mejor
a nuestros lectores. Echa un vistazo a los siguientes aprendizajes que hemos tenido a
través de llevar a cabo experimentos cuantitativos:

• Nos enteramos de que nuestros usuarios quieren comidas que les reconforten durante
el invierno, pero quieren perder de peso durante el resto del año.
• Nos enteramos de que nuestros usuarios son más propensos a leer toda una pieza
de contenido si nuestro primer párrafo contiene menos de 120 caracteres y está
precedido por una imagen de ancho total.
• Nos enteramos de que nuestros usuarios están más comprometidos con nuestro
contenido a las 9 de la mañana durante los días de semana.

Estos aprendizajes todos complementan el uno al otro y nos ayudan

a afinar que es lo que son nuestros usuarios y exactamente lo que
funciona mejor para involucrarlos. Con estos tres aprendizajes clave,
sabremos qué escribir estacionalmente, cómo dar formato a nuestro
contenido, y cuándo enviar nuestra reportes.”

Matthew Rheault
Sidekick, Equipo de Crecimiento - Desarrollador Líder

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 21

 ciclo paso 4: transferir
El último paso en el ciclo es transferir cualquier información impactante que haya
aprendido en su ciclo a otras partes de su empresa.

Tómese el tiempo para revisar lo que ha aprendido de cada elemento de acción

completado y haga una lluvia de ideas de cómo esto puede ser útil para los demás.
Revise los elementos de acción previamente completados para ver si puede encontrar
algún patrón sobre sus usuarios.

He aquí un ejemplo ...

Digamos que en su experimento estaba probando dos variaciones
diferentes de la página de aterrizaje. Una variación utiliza la prueba
social como la variable independiente y la segunda utiliza la variación de
autoridad.

Después de ejecutar el experimento, revise los datos para descubrir que

para los usuarios que vienen a su sitio web, la prueba social es un factor
mucho más influyente para la conducción a conversiones..

Ahora que usted ha aprendido que la prueba social es un mejor detonante

de su público, puede informar a sus otros equipos para comenzar
a incorporar la prueba social en otras partes de sus actividades de
marketing y ventas, tales como correo electrónico o guiones de ventas.

Una vez que haya hecho sus recomendaciones para los demás dentro de la organización,
sea anfitrión de una reunión para educarlos y hacerlos pensar sobre las maneras que
pueden integrar y transferir estas ideas de los elementos de acción tácticos a sus
departamentos.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 22

 Entonces, Repita
Una vez que haya completado el ciclo con un conjunto de elementos de acción, vuelva
al principio y empiece a planificar su próximo ciclo.

Y así el ciclo se repite una y otra vez, cada vez con mejores resultados finales y con
mucho más aprendizaje acerca de sus visitantes. Entre más ciclos se puedan completar,
mayor impacto su sitio web va a tener.

plataforma
estrategia de
lanzamiento

Fase Uno: 1 mes Fase Dos: ciclo mensual

(por 11 meses)

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 23

 PENSAMIENTOS FINALES & PRÓXIMOS PASOS
INTRODUCTION
Si ha leído hasta aquí en el libro, es probable que haya experimentado algunos de los
riesgos y peligros con el proceso de diseño web tradicional y es probable que lo allá
experimentado como parte del proceso de rediseño.

La realidad es que este tipo de pesadillas son completamente evitables si simplemente

da un paso atrás y vuelve a evaluar tanto la forma en la que está acercándose a su sitio
web existente como el cómo se acerca a rediseños futuros.

Las empresas que están adoptando la metodología de Diseño que Conduzca al

Crecimiento están encontrando un gran éxito en cuanto a la flexibilidad y los resultados
que están obteniendo.

Es el momento para que usted pueda crecer como comercializador y adopte un enfoque
más inteligente en su sitio web. Es hora de que usted comience a implementar el Diseño
que Conduce al Crecimiento.

¿Listo para Aprender Más?

¿Está identificado con la idea del Diseño que Conduce al Crecimiento y quieres aprender
exactamente cómo implementarlo en su empresa o agencia?

Cuando usted se inscribe en el “Curso de Capacitación Profundo” gratis en

GrowthDrivenDesign.com usted aprenderá y obtener acceso a:

· La ejecución detallada paso a paso del proceso de DCC.

· Plantillas y documentos para DCC.
· Herramientas a utilizar.
· Mejores prácticas e ideas.

Si usted es una agencia que esté interesada en la oferta de Diseño que Conduzca al
Crecimiento como un servicio de retenimiento en su sitio web, regístrese en nuestra
“Agency GDD Blueprint” gratuita de formación para aprender a comercializar y vender
servicios retenedores de Diseño que Conduzcan al Crecimiento.

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 24

 ¡GRACIAS POR LEER!
INTRODUCTION

HUBSPOT • Una Introducción al Diseño que Conduce al Crecimiento 25