P R LO G O

El modelo de diseo 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 diseo que conduzca al crecimiento es la nueva regla oro
para entregar resultados y llegar a un valor empresarial medible
a travs del diseo web. Se trata de un enfoque ms inteligente,
gil y basado en datos que minimizan los escollos del diseo
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 rediseo de su sitio web o
que no est feliz con los resultados que est obteniendo de su
pgina web actual.
Luke rompe precisamente con lo que est fundamentalmente
mal en el proceso de diseo web tradicional y sienta las bases
para un mejor proceso a seguir, un diseo que impulse el
crecimiento. Invierta algn tiempo en la lectura de este libro,
haga notas y empiece a pensar en una forma ms inteligente de
abordar el diseo web.

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

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

TABLA DE CONTENIDO

Introduccin

Por qu el Diseo Tradicional est Totalmente Fracturado pg. 5

El Cambio que Los Comercializadores Deben Hacer

pg. 4

pg. 8

El Proceso del Diseo que Conduce al Crecimiento

pg. 10

Pensamientos Finales & Siguientes Pasos

pg. 24

Escrito por: Luke Summerfield | @SavvyLuke | Manager de servicio del programa de socios, HubSpot
Editado y diseado por: Erik Devaney | @BardOfBoston | Estratega de Contenido, HubSpot
Traducido por GDMN Global

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

INTRODUCTION
INTRODUCCIN
Usted est perdiendo su tiempo y recursos
en su sitio web y ni siquiera lo sabe.
Durante seis aos com, dorm y respir
diseo web. Trabajando tanto a nivel
interno como en agencias, puse en
marcha cientos de sitios web y hace poco
ms de un ao me di cuenta de todo lo
que yo crea que saba sobre el proceso
de diseo de pginas web era totalmente
errneo.
Lo que hemos llegado a aceptar como la manera estndar en la que nos
acercamos a la construccin y mantenimiento de un sitio web est plagada
de riesgos sistmicos 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 atrs y cuestionar los supuestos del proceso de diseo web
tradicional.
Mi esperanza al escribir este libro es abrir los ojos a un enfoque ms
inteligente de diseo 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 Introduccin al Diseo que Conduce al Crecimiento

El DISEO WEB
TRADICIONAL EST FRACTURADO
INTRODUCTION
Su sitio web es su activo de marketing ms grande y es el centro de todas sus actividades
de marketing. A menudo es el primer lugar al que la gente va en la bsqueda de ms
informacin 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 informacin.
Adems, su sitio web es tambin 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. Dnde encuentran la informacin antes de hablar con alguien? En su pgina
web.
Entonces es crticamente importante cmo se presentan nuestros sitios web, y por
esto es que la forma tradicional en que nos acercamos a su construccin y mejora est
basicamente desajustada.

El proceso tradicional de diseo de pginas Web

Me encanta la forma en que la gente me mira cuando les pregunto acerca de su ltimo
proyecto de rediseo web. La mayora inclina su cabeza hacia atrs, pone los ojos en
blanco y grue con disgusto mientras recuerda lo que fue ese dolor de cabeza.
Piense en su ltimo proyecto de rediseo del sitio web con su empresa y pregntese:

Cmo describira la experiencia en general?

Qu sali bien y mal en el proceso?
Cunto tiempo / energa / recursos se gastaron para llegar, finalmente, a salir
en vivo?
Se consigui un lanzamiento a tiempo o con el presupuesto establecido?
Despus de la puesta en marcha, Cuntas mejoras continuas se le han hecho?
Qu tan emocionado (a) est por hacer otra rediseo del sitio web?

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

Si alguna vez ha estado involucrado en un proyecto de rediseo de sitio web, lo ms

probable es que usted no disfrute plenamente del proceso.
La razn por la que hemos llegado a aceptar el hecho de que un rediseo del sitio web
es un dolor de cabeza gigante es debido al enfoque que tomamos para construir sitios
web. El proceso de rediseo del sitio web tradicional est lleno de riesgos sistmicos y
dolores de cabeza.

Riesgos de Diseo Web tradicional

Grandes Costos por Adelantado: El costo promedio de un sitio web para empresas
pequeas y medianas (SMB), en cualquier lugar, suele estar entre $
15.000 - $ 80.000, un costo inicial importante para la mayora de las
empresas. Este costo no es slo difcil de presupuestar para todos de
una sola vez, sino que tambin es pagado en su totalidad antes de
siquiera saber qu impacto tendr la pgina web en su negocio.
Un Gran Compromiso de Tiempo y de Recursos: Adems de los
gastos por adelantado, el sitio web para una empresa pequea o
mediana (SMB) suele tardar tres meses para completarse y requiere
una gran cantidad de recursos y energa de su equipo.
Esta Cantidad de Tiempo Invertido - sin resultados de negocio para
ser vistos sino hasta despus de su lanzamiento - es suficiente para
que cualquier jefe est un poco incmodo.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

Sobre el presupuesto, fuera de tiempo y sin flexibilidad: Incluso si

es aprobado el presupuesto y el tiempo, hay tantas partes mviles,
personas y pasos a seguir en un proyecto grande, entonces es muy
difcil establecer con precisin el costo y determinar cunto tiempo
tomar un proyecto de esta magnitud.
Esto hace que sea muy comn que un proyecto de desarrollo de un
sitio web se retrase y/o supere el presupuesto. Esto no slo se refleja
en los resultados de su sitio web, sino que tambin los deja mal ante
los ojos de su jefe y otros jefes de departamento.
El diseo subjetivo y sin garantas mejorar el rendimiento: Al final
del da, usted est siendo responsabilizado por su jefe por tener un
aumento apreciable en los resultados de su sitio web rediseado.
Entonces la pregunta es: despus de todo el tiempo, dinero y recursos que ha puesto
en su sitio web rediseado, Cmo sabe usted (o la organizacin que haya contratado)
que lo que est listo para lanzamiento es la mejor pgina web que se poda 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
investigacin de usuario y formular una hiptesis de lo que usted cree que es un sitio
web de alto rendimiento. Luego, esta hiptesis se pone en marcha y nunca revisamos
para ver si lo que pensbamos que era correcto en la prctica lo es.
Todos hemos odo hablar de esas historias de horror sobre un sitio web que se puso en
marcha y luego el rendimiento de la pgina web se estanc por una razn u otra.

Despus del lanzamiento, un sitio web por lo general

permanece sin cambios mayores entre 1,5 a 2 aos.
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
aos. Esta claramente no es la manera ideal para maximizar el rendimiento del sitio web,
sin embargo, seguimos hacindolo.
S, pueden haber algunas pequeas actualizaciones o mejoras, junto con la adicin
de blogs o pginas de destino al sitio, pero el ncleo y la gran mayora de la pgina
permanece intacta.
HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

EL CAMBIO QUE LOS COMERCIALIZADORES

INTRODUCTION
DEBEN HACER
Es hora de dar un paso atrs y ver cmo podemos abordar el proceso de rediseo de
una pgina web desde un ngulo diferente.
Tenemos que encontrar un proceso superior que evite todos los riesgos que se dan en
el proceso de diseo web tradicional y produzca un pico en el desempeo de la pgina
web. Un proceso de diseo web que sea rpido, gil y produzca mejores resultados y
ROI.
Cul es ese proceso? - Un Diseo que Conduzca al Crecimiento.

Una forma ms inteligente de pensar acerca del Diseo Web

El Diseo que Conduce al Crecimiento es un enfoque completamente nuevo, una nueva
manera de pensar sobre la construccin y el crecimiento de su sitio web.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

Los tres pilares

del

Diseo que Conduce al Crecimiento

1

Minimizar los riesgos asociados con el diseo web tradicional.

Trabajamos para evitar los riesgos del diseo web tradicional mediante la
adopcin de un enfoque sistemtico para acortar el tiempo de puesta en
marcha, centrndonos en el impacto real, el aprendizaje continuo y la mejora.

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 travs de la mejora continua podemos alcanzar el mximo rendimiento.

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

ventas (y viceversa).
El Diseo 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 tcticas (y
viceversa).

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

EL PROCESO DEL DISEO QUE CONDUCE

INTRODUCTION
AL CRECIMIENTO
El Diseo que conduce al Crecimiento est dividido en dos fases mayores:

FASE 1:

ESTRATEGIA

LISTA DE
DESEOS

PLATAFORMA DE
LANZAMIENTO

estrategia
Al igual que el proceso de diseo de sitios web tradicionales, la primera etapa del Diseo
que Conduce al Crecimiento es la etapa de la estrategia.
En esta etapa vamos a desarrollar una base slida como roca sobre la que podamos
construir nuestro proceso de Diseo que Conduzca al Crecimiento con el uso de los
siguientes pasos:
Objetivos: Cules son las metas de desempeo que estamos tratando de lograr con
nuestro sitio web? Cmo lo hemos hecho histricamente, donde nos gustara mejorar y
cmo 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: HubSpots free S.M.A.R.T. (por sus siglas en ingls: Especfico,
Medible, Alcanzable, Relevante, and Tiempo-limitante).
Personas: A continuacin, deber desarrollar perfiles detallados de Personas para los
diferentes tipos de grupos que visitan el sitio.
Una persona es una representacin ficticia de su cliente ideal. Puede crear diferentes
grupos de personas basados en las caractersticas comunes de sus cuotas de audiencia.
Esto podra ser un punto de dolor, industria, posicin laboral, entre otros.
Como usted aprender ms adelante en el libro, el Diseo 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 establecern el
camino a seguir para todas las actividades futuras.
Para aprender ms sobre cmo crear Personas para su negocio, descargue el modelo
de PowerPoint: HubSpots free buyer persona.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

10

Investigacin Cuantitativa - Auditora de la Pgina web y la Analtica: Es hora de

empezar a cavar en los datos. Realizar una auditora cuantitativa de cmo el sitio web
existente est desempendose, revisar lo que es, y no es, si est funcionando bien, por
donde los usuarios se estn yendo, entre otros.
Mientras usted est completando su auditora de la pgina web, usted comenzar a
identificar donde hay oportunidades de mejorar para su futuro trabajo en el sitio web.

Nuestros usuarios estn constantemente dicindonos lo que les gusta y lo que no les
gusta de nuestros sitios web y aplicaciones a travs de las acciones que ellos realizan.
La investigacin cuantitativa es escuchar a nuestros usuarios mediante la recopilacin
de datos de estas acciones, e interpretar en conjunto lo que quieren decir estos datos
acerca de nuestra base de usuarios o productos.
A travs de la interpretacin de los datos cuantitativos, podemos crear una
hiptesis en torno a lo que podemos mejorar, cmo podemos mejorarlo,
y relativamente cunto impacto puede tener nuestra mejora. Entonces
podemos probar nuestra hiptesis con un experimento, y el uso de
nuestros datos cuantitativos para medir los resultados.

Matthew Rheault
Sidekick, Equipo de Crecimiento - Desarrollador Lder
Investigacin Cualitativa - Investigacin del Usuario: Despus de haber identificado
algunas de las reas de oportunidad en su auditora, el siguiente paso es buscar la
forma proactiva de llegar a sus usuarios existentes para aprender ms acerca de ellos y
obtener una mejor comprensin de lo que son y encontrar formas de mejorar.
Mientras usted recopila investigacin de nuevos usuarios, esto le ayudar para validar
las hiptesis que puso en sus perfiles de Personas originales y probablemente le dar
informacin adicional para incluir.
.

A travs de la investigacin cualitativa, somos capaces de observar los objetivos,

motivaciones y puntos de dolor de los usuarios en accin. Esto nos ayuda a desarrollar
una comprensin de los comportamientos humanos que estn vinculados a los puntos
de datos cuantitativos que hemos recogido.
Como resultado, podemos empezar a sentir empata y a hacer un diseo
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 conversin y retencin.

Austin Knight
HubSpot - Diseador UX
HUBSPOT Una Introduccin al Diseo 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 tendrn acceso a su sitio
web desde
Qu informacin sus usuarios estn buscando?

Estos supuestos fundamentales ayudarn a explicar el comportamiento y las motivaciones

de los usuarios y ser influyente tanto en la estrategia global como la de la pgina y
tambin futuros ciclos de Diseo que Promuevan el Crecimiento.
Estrategia Global y de La Pgina: 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 especfica
pgina por pgina para cada pgina principal del sitio.
Tanto las estrategias de pgina global e individual deben incorporar todos los pasos
anteriores y disear una estrategia detallada de exactamente cmo involucrar mejor e
influenciar al usuario para alcanzar mejor sus objetivos.

Quiere aprender sobre estos pasos con ms detalle?

Inscrbase en el Curso en formacin avanzada en Diseo 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.

regstrese gratis aqu

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

12

Su lista de deseos
La siguiente etapa en el proceso de Diseo que Conduce al Crecimiento es desarrollar su lista
de deseos. Tome lo que ha aprendido en la planificacin de su estrategia, rena 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 sesin de lluvia de ideas con un borrn y cuenta nueva y no
se quede colgado de su pgina 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 pginas.

Activos de marketing, herramientas y recursos.

Caractersticas especficas, mdulos y funcionalidades.

Elementos de diseo.

Cambios en la experiencia basadas en dispositivos, pases, entre otros.

Despus 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 sern 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 accin iniciales para poner en prctica en
el nuevo sitio, pero tambin 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 diseo web tradicional pensamos en
el lanzamiento de la pgina web como el acabado. En el
Diseo 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 Diseo que
Conduzca al Crecimiento.
La plataforma de lanzamiento debera ponerse en marcha rpidamente y no ser perfecta.
Queremos evitar que se quede atascado en el anlisis, las caractersticas o contenidos,
mientras construye su pgina web - plataforma de lanzamiento. Puede que no sea perfecta en
el lanzamiento, pero ningn 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 Introduccin al Diseo que Conduce al Crecimiento

13

El tamao y la complejidad de la plataforma de lanzamiento de la pgina 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 rpidamente para que pueda seguir aprendiendo acerca de sus usuarios
y mejorar el sitio.

Ejecute un anlisis 80/20 de su lista de deseos

En la fase de deseos hemos recopilado una larga lista de todos los puntos de accin que nos
gustara 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 prctica 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
ncleos de 20 % entre los puntos, tmelos por separado y haga un poco de filtrado adicional
preguntndose, Es este un punto de accin...?

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 podramos construirlo en dos o tres meses?

El objetivo de estas preguntas adicionales es reducir realmente su atencin al ncleo, a los

puntos de accin que debo tener que proporcionarn el mayor impacto. Es esencial reducir a
estos elementos de accin a los fundamentales para asegurar un inicio rpido.

Declaraciones de hiptesis para cada punto del ncleo de Accin

Una vez que hemos reducido nuestra lista de puntos de accin para la plataforma de
lanzamiento hasta un ncleo del 20% ms impactante, para los elementos que se deben tener,
a continuacin, se debe crear una declaracin de hiptesis para cada uno de ellos.
La declaracin de hiptesis nos permite tener claridad sobre cmo cada elemento de accin
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 Introduccin al Diseo que Conduce al Crecimiento

14

Aqu un ejemplo de declaracin de hiptesis:

elemento de accin 1
Declaracin de hiptesis
Para [ Mary de Marketing ] visitando la [ Pgina de precios ],
creemos que al cambiar [ Precios de la empresa ] a
[ Pida una cotizacin ] eso [ impulsar la conversin en un 10% ]
Nosotros creemos que esto es verdad debido a [ una investigacin previa o una asuncin validada ]

Impacto Esperado + Esfuerzo Requerido + Medida de Mtricas + Definicin de Completo

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

Impacto Esperado - El valor de impacto debe ser un solo nmero en funcin del valor
que el visitante obtendr desde el elemento de accin y el impacto que tendr en el
movimiento hacia sus metas.
Esfuerzo Requerido - El esfuerzo necesario tambin debe ser un solo nmero que
represente la combinacin del nmero de horas, los recursos y las dificultades para
poner en prctica ese elemento de accin en particular.
Las Mtricas de Medicin - Qu indicadores especficos se necesitan para medir y
probar este elemento de accin especfico y evaluar si su hiptesis era correcta? entre
ms especficas sean las mtricas de la lista, mejor.
Definicin de completo - Cules son los pasos que debe completar con el fin de
considerar este elemento de accin completo? Definir esto desde el principio es
importante porque va a borrar cualquier rea gris que pueda surgir ms adelante en la
misma direccin en la revisin de los resultados o la eficiencia.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

15

Etapas del Proceso Web

Una vez que haya identificado los puntos de accin ms importantes que usted debe
incluir en su sitio para la plataforma de lanzamiento, puede pasar esos elementos a
travs del proceso estndar de implementacin web, que incluye:

Mensajera y contenido.
Experiencia de usuario (UX) y arquitectura del sitio.
Alineacin a la estrategia de Marketing de atraccin
Esquema de la pgina.
Diseos.
Desarrollo.
Aseguramiento de Calidad y Pruebas.

Configuracin de la recopilacin de datos

El ltimo paso de la pgina web como plataforma de lanzamiento es establecer la
recopilacin de datos cualitativos y cuantitativos en torno a:

Sus objetivos definidos en la fase de estrategia

Cada uno de sus supuestos fundamentales
--y-
Cada declaracin de hiptesis de los elemetos de accin implementados en el
sitio web como plataforma de lanzamiento.
La configuracin de la recoleccin 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 - Diseo 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 Diseo para el Crecimiento.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

16

FASE 2:

CICLO DEL DISEO 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 gustara implementar en el sitio.
Esta lista es dinmica 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 cmo 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 cmo un elemento
de accin proporciona un valor, o se relaciona con una personalidad, debe dar un paso
atrs y volver a evaluar lo que est trabajando.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

17

ciclo paso 1: planificar

El primer paso del ciclo del Diseo que Conduce al Crecimiento es la planificacin. En
este paso se identifican los elementos ms impactantes para el momento actual y se
planifica la implementacin de los mejores en el ciclo actual.
Hay una serie de pasos a seguir en la fase de planificacin:
Rendimiento vs. Objetivos: hay que revisar el desempeo actual de la pgina web y
contrastarla con los objetivos que estamos tratando de lograr. Esto le informar de donde
hay oportunidad para mejorar.
Datos adicionales o de investigacin: Al salir del ltimo ciclo y revisar sus objetivos vs
rendimiento, a menudo hay ms datos e investigaciones por hacer para ayudar a aclarar
que elementos de accin 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 informacin puede contener pepitas de oro de la visin que se pueden transferir
a los elementos de accin que estn en aplicacin en su programa de Diseo 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 nmero de
visitantes orgnicos y sociales.
Ahora hemos aprendido que este tema es importante para sus Personas.
Cmo se puede tomar ese conocimiento y aadir nuevos elementos a
la lista de deseos que influyan en su programa de Diseo que Conduzca
al Crecimiento?

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

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

18

Hablando Generalmente, sus elementos de accin encajarn dentro de estos escalafones:

Aumentar conversiones: El primer escalafn de actividades de su lista son los que estn
directamente relacionados con la optimizacin de la tasa de conversin.
Mejorar la experiencia del usuario: Las mejoras en el sitio web que le dan al usuario
una mejor experiencia y haciendo que sea ms fcil para ellos para navegar, encontrar
lo que estn buscando y resolver su problema(s).
Personalizar al usuario: Adaptar el sitio, las llamadas de accin, las ofertas de contenido,
entre otros, para visitantes especfico basados en los datos que conocemos sobre
ellos. Esto incluye, pero no se limita a, la adaptacin basada en intereses, personalidad,
dispositivos de geolocalizacin, 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
electrnico, cuentas sociales, blogs, entre otros.
Construir nuevos activos de marketing en la web, tales como herramientas, secciones
de recursos en profundidad, capacitacin en lnea, 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 HubSpots 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 tambin.
HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

19

Dar prioridad a su lista de deseos

Una vez que tenga todos los nuevos elementos aadidos a la lista de deseos, a
continuacin, d prioridad a todos los puntos de accin basado en el impacto (Medio /
Bajo / Alto) que tendrn sobre los objetivos de la pgina web y el valor para el usuario.
Planee un ciclo de sprint (embalaje): Con una actualizacin y los deseos priorizados,
a continuacin, puede elegir los elementos de accin ms impactantes que desea
implementar en este ciclo.
El nmero 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 ms.

ciclo paso 2: desarrollar

Al moverse a la fase de desarrollar el ciclo, ahora que usted
tiene los elementos de accin ms impactantes para trabajar,
es el momento de empezar a aplicarlos al sitio.
Aqu es donde las ruedas finalmente estn en el camino y
todos en su equipo se renen para comenzar a completar
cada elemento de accin que ha seleccionado en la fase de
planificacin.
Cada elemento de accin 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 validacin de seguimiento alrededor
de los indicadores sealados en el elemento de accin.
Despus de que su experimento sea puesto en vivo, es
posible que desee desarrollar una campaa de marketing
(social, PPC, blogs, entre otras.) especficamente para atraer
trfico a esa seccin de la web para que pueda comenzar a
recoger datos.
Durante la fase de desarrollar el ciclo va a construir y programar
la campaa de marketing en conjunto con el equipo de
marketing.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

20

ciclo paso 3: aprender

Despus de que sus experimentos hayan tenido tiempo suficiente para correr y recoger
los datos, a continuacin, puede pasar a la fase de aprender. En la fase de aprendizaje
va a revisar la informacin que ha recopilado acerca de sus visitantes desde sitio web.
Con base en la informacin que haya recopilado, a continuacin, puede validar o refutar
la hiptesis en su lista de elementos de accin. 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 saba antes?
Una vez que determine, si su hiptesis era correcta y comparta lo que ha aprendido
acerca de sus usuarios, seguidamente, usted querr publicar esta informacin en una
ubicacin central para que todo el mundo dentro de su organizacin pueda aprovecharla.
Tener un sistema estructurado para la publicacin de sus resultados es tambin una
gran referencia para el futuro, si alguna vez tiene que buscar tendencias o buscar
experimentos anteriores.

Cada sitio web o aplicacin 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 cmo involucrar mejor
a nuestros lectores. Echa un vistazo a los siguientes aprendizajes que hemos tenido a
travs 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 ao.
Nos enteramos de que nuestros usuarios son ms propensos a leer toda una pieza
de contenido si nuestro primer prrafo contiene menos de 120 caracteres y est
precedido por una imagen de ancho total.
Nos enteramos de que nuestros usuarios estn ms comprometidos con nuestro
contenido a las 9 de la maana durante los das 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, cmo dar formato a nuestro
contenido, y cundo enviar nuestra reportes.

Matthew Rheault
Sidekick, Equipo de Crecimiento - Desarrollador Lder
HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

21

ciclo paso 4: transferir

El ltimo paso en el ciclo es transferir cualquier informacin impactante que haya
aprendido en su ciclo a otras partes de su empresa.
Tmese el tiempo para revisar lo que ha aprendido de cada elemento de accin
completado y haga una lluvia de ideas de cmo esto puede ser til para los dems.
Revise los elementos de accin previamente completados para ver si puede encontrar
algn patrn sobre sus usuarios.

He aqu un ejemplo ...

Digamos que en su experimento estaba probando dos variaciones
diferentes de la pgina de aterrizaje. Una variacin utiliza la prueba
social como la variable independiente y la segunda utiliza la variacin de
autoridad.
Despus 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 ms influyente para la conduccin a conversiones..
Ahora que usted ha aprendido que la prueba social es un mejor detonante
de su pblico, 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 electrnico o guiones de ventas.

Una vez que haya hecho sus recomendaciones para los dems dentro de la organizacin,
sea anfitrin de una reunin para educarlos y hacerlos pensar sobre las maneras que
pueden integrar y transferir estas ideas de los elementos de accin tcticos a sus
departamentos.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

22

Entonces, Repita
Una vez que haya completado el ciclo con un conjunto de elementos de accin, vuelva
al principio y empiece a planificar su prximo ciclo.
Y as el ciclo se repite una y otra vez, cada vez con mejores resultados finales y con
mucho ms aprendizaje acerca de sus visitantes. Entre ms ciclos se puedan completar,
mayor impacto su sitio web va a tener.

estrategia

plataforma
de
lanzamiento

Fase Uno: 1 mes

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

Fase Dos: ciclo mensual

(por 11 meses)

23

PENSAMIENTOS
FINALES & PRXIMOS PASOS
INTRODUCTION
Si ha ledo hasta aqu en el libro, es probable que haya experimentado algunos de los
riesgos y peligros con el proceso de diseo web tradicional y es probable que lo all
experimentado como parte del proceso de rediseo.
La realidad es que este tipo de pesadillas son completamente evitables si simplemente
da un paso atrs y vuelve a evaluar tanto la forma en la que est acercndose a su sitio
web existente como el cmo se acerca a rediseos futuros.
Las empresas que estn adoptando la metodologa de Diseo que Conduzca al
Crecimiento estn encontrando un gran xito en cuanto a la flexibilidad y los resultados
que estn obteniendo.
Es el momento para que usted pueda crecer como comercializador y adopte un enfoque
ms inteligente en su sitio web. Es hora de que usted comience a implementar el Diseo
que Conduce al Crecimiento.
Listo para Aprender Ms?
Est identificado con la idea del Diseo que Conduce al Crecimiento y quieres aprender
exactamente cmo implementarlo en su empresa o agencia?
Cuando usted se inscribe en el Curso de Capacitacin Profundo gratis en
GrowthDrivenDesign.com usted aprender y obtener acceso a:

La ejecucin detallada paso a paso del proceso de DCC.

Plantillas y documentos para DCC.
Herramientas a utilizar.
Mejores prcticas e ideas.

Si usted es una agencia que est interesada en la oferta de Diseo que Conduzca al
Crecimiento como un servicio de retenimiento en su sitio web, regstrese en nuestra
Agency GDD Blueprint gratuita de formacin para aprender a comercializar y vender
servicios retenedores de Diseo que Conduzcan al Crecimiento.

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

24

GRACIAS
POR LEER!
INTRODUCTION

HUBSPOT Una Introduccin al Diseo que Conduce al Crecimiento

25