1. 31/03/2009
2. Crear palabras clave que agrupen los módulos
• Para crear un contexto deberemos buscar palabras clave que
los identifiquen. Estas palabras clave pueden venir por su uso
q p p p
(si nos referimos a muebles podemos pensar en habitaciones
donde se colocarían), autor, material, color, etc.
• Tener definiciones concretas, precisas y fáciles de identificar
por el usuario
Estas etiquetas nos irán configurando los menús de nuestro
site.
site
1

2. 31/03/2009
• Que categoría es más relevante para ser usada como elemento
de la navegación principal, que categorías son menos
g p p ,q g
relevantes, orden de aparición...
Contar con usuarios reales que nos indiquen que términos son
Contar con usuarios reales que nos indiquen que términos son
más relevantes para ellos. Esta técnica se llama quot;card sortingquot;.
quot;Card sortingquot; (ordenado de etiquetas, SW CardZort y
quot;d quot;( d dd d
CardCluster) consiste en ofrecer a los usuarios los términos
imprimidos en fichas y que ellos los organicen en grupos de
p yq g gp
interés.
2

3. 31/03/2009
CardZort
• Consiste en la creación de fichas de términos y
agrupación de las mismas. Es previo al propio
agrupación de las mismas Es previo al propio
prototipo.
1. Escribir en unas tarjetas el nombre y descripción de
Escribir en unas tarjetas el nombre y descripción de
todas las secciones de un programa.
2. Pedir a los usuarios que ordenen las tarjetas en
q j
grupos de una manera lógica y den nombres a los
grupos.
Permite hacerse una idea de cómo nuestros usuarios
organizan mentalmente la información y nos da una
base para organizar los menús.
b l ú
76
3

4. 31/03/2009
CardCluster
• Analizar los cluster de los grupos.
• Al finalizar un ejercicio de “card sorting” CardZort
Al finalizar un ejercicio de card sorting CardZort
genera un fichero de texto(quot;.czquot; ) que contiene una
representación de las agrupaciones obtenidas en
representación de las agrupaciones obtenidas en
cada ejercicio completado.
• El siguiente paso es analizar con CardCluster los
g p
grupos generados con CardZort.
77
4

5. 31/03/2009
5

6. 31/03/2009
• Se recomienda ofrecer una base sobre la que organizar las
categorias para evitar que el usuario se sienta bloqueado y el
test fracase.
t tf
Evidentemente ofreciendo una base nos exponemos a una
perdida de frescura en el test pero por otro lado, los datos que
obtendremos serán más regulares y podremos encontrar un
sistema ganador.
sistema ganador
6

7. 31/03/2009
• 3. Generar las páginas lanzadera
pg
Teniendo las fichas de producto definidas y las
palabras clave, el generar la portada y páginas de
categorías será mucho más sencillo.
La portada se puede componer del listado de
palabras clave organizadas junto a un par de fichas de
palabras clave organizadas junto a un par de fichas de
producto en portada para que los usuarios puedan
ver que tipo de productos se encuentran en nuestro
q p p
site.
7

8. 31/03/2009
• Los botones de categorías llamarán a grupos de
fichas dónde seleccionar la información fundamental
fichas dónde seleccionar la información fundamental
y listarla en una página de salida de quot;categoríaquot;.
El usuario podrá comparar entre productos antes de
hacer su selección final. El disponer de una foto a
tamaño reducido para esta página será necesario si
dd á á
nuestro producto es físico.
8

9. 31/03/2009
Práctica: Categorización Producto
Se quiere diseñar un sitio Web que es un casino
que ofrecerá diversos servicios.
que ofrecerá diversos servicios
1. Piensa los términos clave para este sitio,
fichas productos y categorias.
fh d
2. Puesta en común de los grupos y consensuar
los términos anteriores.
3. Agrúpalos.
gp
82
9

10. 31/03/2009
Práctica: Categorización Producto
Posibles términos:
Slots (maquinas tragaperras)
Reservas
Tipos de comida que ofrecen
Golf Actuación de Magia
Bodas Desayunos
D
Spa Salas de reuniones de negocios
Mapa de localización Catering
Cabaret
Poker
Pk
Quienes somos
Ruleta
83
10

11. 31/03/2009
Análisis de resultados
84
11

12. 31/03/2009
Práctica: Categorización Producto
http://www.atlantiscasino.com
• Haz una reserva para el 13 de marzo para una pareja de no
Haz una reserva para el 13 de marzo para una pareja de no
fumadores en cama matrimonio. ¿Cuántos pasos has
necesitado para hacer la reserva? ¿Te parece fácil? Los
elementos de formulario son adecuados para recoger la
elementos de form lario son adec ados para reco er la
información que piden, evalúa su usabilidad
85
12

13. 31/03/2009
Evolución en la organización:
Enero 2005
Enero 2005
13

14. 31/03/2009
Enero 2008: web actual 2009(despliega cada
sección)
14

15. 31/03/2009
La web debe ser montada o enfocada
exclusivamente en base a conversiones
exclusivamente en base a conversiones.
• Una web que hace para lo que fué diseñada es una
web que funciona, que funciona bien y
web que funciona que funciona bien y
probablemente que venda. ¿Y quien decide si
funciona o no? Los usuarios!
• Si dejas al diseñador tendrás esto: http://www.bibina.com/
Si dejas al programador tendrás esto: http://www.w3.org/
Si le dejas al jefe tendrás esto: http://www.posets.com/
Si le dejas al Seo tendrás esto: http://discotecasesp.es/
Si le dejas al Seo tendrás esto: http://discotecasesp es/
Si le dejas a marketing: http://www.salvettillombart.com/
http://www.trucosoptimizacion.com/index.php/2009/02/quien debe
http://www trucosoptimizacion com/index php/2009/02/quien-debe-
disenar-una-pagina-web/#comment-517
15

16. 31/03/2009
Convertibilidad Web
• La convertibilidad de un sitio web es la capacidad que tiene
un sitio web de convertir a sus visitantes en clientes. Se mide
utilizando el Ratio de conversión (porcentaje de objetivos
conseguidos/número de visitas).
¿Cómo?
• Introducir mejoras que puedan incrementar nuestros ratios de
Introducir mejoras que puedan incrementar nuestros ratios de
conversión en tiempo real y utilizando técnicas que nos
permitan evaluar estadísticamente el impacto de cada una de
las mejoras introducidas.
89
16

17. 31/03/2009
Testeo en tiempo real
La medición se centra en:
• La convertibilidad de cada proceso
La convertibilidad de cada proceso.
• El análisis de rutas de comportamiento y momentos
de fuga.
de fuga
• La observación de la latencia o las visitas necesarias
para que el usuario pasa a ser cliente.
para que el usuario pasa a ser cliente
90
17

18. 31/03/2009
Técnicas de medición
Técnicas de tests:
1‐ tests A/B o
1 tests A/B o
2‐ los tests multivariantes
Herramientas:
1‐ Google Website Optimizer.
2‐ Optimost.
3‐ Offermatica
91
18

19. 31/03/2009
Consideraciones en los tests
• El sitio web o página a testear. Sus niveles de tráfico están
directamente relacionado con el tiempo requerido para obtener
resultados estadísticamente válidos.
A mayor tráfico menor tiempo precisaremos para completar el
experimento.
p
• Variaciones del contenido. Para cada sección que se quiera probar
(encabezado, imágenes, banners, botones, textos o llamados a la
acción) se deben crear diferentes alternativas. El experimento
acción) se deben crear diferentes alternativas El experimento
consiste en probar las combinaciones que resultan de componer
las distintas secciones y sus variaciones.
• Objetivo a completar por parte de los visitantes. No se puede
bj i l dl ii d
comparar el rendimiento de las distintas combinaciones sin tener
un objetivo y un indicador para medirlo.
92
19

20. 31/03/2009
Tipos de tests
• Test A/B o Split Test: Es la opción más simple. Sólo se pone a
prueba dos alternativas (la “A” y la “B”). El tráfico que alimenta la
prueba es distribuido de manera aleatoria y en igual cantidad entre
las dos opciones y luego se miden los resultados de ambas sobre la
tasa de conversión. Ej: probar 2 versiones de un encabezado o 2 banners
distintos.
• Test multivariable. Se ponen a prueba distintas versiones (cientos o
miles de variaciones) de una página Web. Cada variación es el
) pg
resultado de combinar distintas alternativas para cada área de la
página, estas secciones equivalen a variables de experimentación y
las distintas alternativas son los distintos valores que la variable
q
puede tomar. Ej: modificar el encabezado, imágenes, banners, botones, textos
y llamados a la acción. Para cada una de las áreas que se consideran deben
definirse al menos 2 alternativas.
93
20

21. 31/03/2009
Consejos para persuadir y convertir
• Transmitir lo que eres en tan sólo 7 segundos. Sé directo y
sencillo, claro y breve.
y
• Cuida mucho el diseño de tu web. Para persuadir y convertir,
la credibilidad importa.
• Demuestra que eres de fiar. Incluye contenidos que te
posicionen (artículos, estudios,..), cartera de clientes, qué
dicen de ti (prensa…), cifras, reconocimientos, información de
(p ), , ,
precios.
• Ofrece diferentes maneras de acceder al producto. Ej:
Nordstrom (htt //
N dt (http://www.store.nordstrom.com/)
t dt /)
94
21

22. 31/03/2009
Consejos para persuadir y convertir
• Contextualiza al máximo tu producto o servicio. Entiende
p
para ello los diferentes públicos objetivos a los que te diriges.
p j q g
• Utiliza un buscador interno que funcione bien. El buscador interno
puede ser uno de los recursos más utilizados en una página web.
Ayuda a la conversión. Ubicación visible y constante en cada página,
permitir: ordenar por precio, disponibilidad, , etc.
• Facilita el proceso de compra Permite hacerlo muy rápido
Facilita el proceso de compra. Permite hacerlo muy rápido.
• Da la información que importa al cliente potencial. La información
no es un texto para rellenar huecos. Es la oportunidad para vender
no es un texto para rellenar huecos. Es la oportunidad para vender
el producto. No abrumar, la descripción de tus productos sea clara y
completa. Imágenes descriptivas y grandes del producto. Claro el
precio total.
precio total
95
22

23. 31/03/2009
Consejos para persuadir y convertir
• Qué objetivos perseguimos en nuestra web y explicitarnos de
manera clara y contundente las llamadas a la acción que
y q
llevarán a los usuarios a su consecución es vital. Ej: Domino’s
Pizza.
• Vis ali a bien t s llamadas a la acción No ha as pensar ni
Visualiza bien tus llamadas a la acción. No hagas pensar ni
perder el tiempo en buscarlas. Ej: Enlaces claros de ‘añadir al
carrito’ .
• Ofrece diferentes opciones para la convertibilidad. Quizás no
esta preparado para comprar el producto ahora. Quizás
prefiere que alguien le llame y de respuesta a consultas por
prefiere que alguien le llame y de respuesta a consultas por
teléfono. Quizás quiere contratar tus productos pero no pagar
electrónicamente. Facilita siempre las máximas opciones de
contacto.
96
23

24. 31/03/2009
Consejos para persuadir y convertir
• No es un link, es una ventaja. Las llamadas deben presentar
siempre ventajas, son activas y tienen un alto valor
p j y
comunicativo.
• Productos y promociones únicas para la red. Proponer
productos que sólo puedan comprarse en la red o
prod ctos q e sólo p edan comprarse en la red o
promociones únicas puede ayudar a mejorar nuestras tasas
de conversión. Si se limitan esas promociones en el tiempo
son más efectivas. Ej: MyPhotoFun
97
24

25. 31/03/2009
Consejos para persuadir y convertir
• Muestra que el producto puede agotarse . Si el producto que
p
puede interesarme puede esfumarse rápidamente de mis
p p
manos, es una buena manera de hacerme pensar dos veces si
puede permitirme el lujo de esperar a comprarlo. Ej: Tienda
de ropa, compañías aéreas.
de ropa compañías aéreas
• Provoca en todo momento el contacto. Da siempre la opción
p p
de contactar contigo. El cick‐to‐call puede ser una buena
opción para establecer el contacto con nuestros usuarios.
98
25

26. 31/03/2009
Google Website Optimizer
• Aunque existen varias herramientas para realizar test
A/B y test multivariable, sólo Google Website
A/B y test multivariable sólo Google Website
Optimizer (GWO) es gratuita.
• Te permitirá dimensionar el impacto del testing en
Te permitirá dimensionar el impacto del testing en
tus tasas de conversión y optimizar los resultados de
tu web. Sólo debes acceder a tu cuenta de Adwords
tu web Sólo debes acceder a tu cuenta de Adwords
de Google.
99
26

27. 31/03/2009
Otras herramientas
Optimost www.optimost.com.
•
SiteSpect <www.sitespect.com>
•
Verster <www.vertster.com>
•
Offermatica <www.offermatica.com>
Offermatica <www offermatica com>
•
Memetrics <www.memetrics.com>
•
100
27

28. 31/03/2009
Objetivo Venta‐Ultimas consideraciones
• No perder venta por una información mala o confusa del
p
producto.
• Información CLARA. Da confianza al cliente.
• Ofrecer información útil:
– Precio (no mostrarlo crea una experiencia de compra
hostil).No haya Información inconsistente variación del
precio en los pasos de la compra. Precio aprox. mejor que
precio en los pasos de la compra Precio aprox mejor que
nada.
– Apariencia.
– Características.
• Proceso de búsqueda lo más SENCILLO.
101
28

29. 31/03/2009
102
29

30. 31/03/2009
103
30

31. 31/03/2009
104
31

32. 31/03/2009
105
32

33. 31/03/2009
Formularios
1. Procura reducir al máximo el numero de campos.
2. Evita los combos.
3. Es mejor si la información no se fragmenta demasiado.
1. Reduce al máximo el numero de campos en los formularios
Si en internet siempre estamos hablando de menos es mas, en formularios,
menos es mucho... debemos tender a cero.
A. Procura reutilizar campos:
Por ejemplo:
•
Correo electronico = nombre de usuario.
DNI = password.
DNI pass ord
B. Evita formalidades
Ejemplos de campos que no son realmente necesarios:
•
Tratamiento (Don, Sr., Sra.,)
Tratamiento (Don Sr Sra )
Tipo de Via (Calle, Camino, ...)
33

34. 31/03/2009
2. Evita el uso de los combos en los formularios.
1. Es mas rápido escribir que seleccionar la opción en el
combo.
2. La pagina pesa menos. El usuario se la baja mas rápido y
acaba antes el proceso.
Ej: Escribir la palabra quot;Españaquot; puede llevar entre 1 y 2 segundos + o ‐,
elegirla en un combo donde podemos encontrar todos los países del
mundo aprox. 4 ‐ 6 segundos. Si usamos el truco de preseleccionar el país
en el combo, también podemos pre‐escribir la palabra en el campo de
texto.
El único caso en el que el uso de combos esta justificado es en
aquellos en los que la respuesta esta predefinida tipo rangos,
valoraciones subjetivas, marcas, etc... pero no lo uses para
j , , p p
países, provincias, números, etc...
34

35. 31/03/2009
Práctica:
http://www.travelclub.es/enrolamiento.cfm?per1024=3380
http://www travelclub es/enrolamiento cfm?per1024=3380
35

36. 31/03/2009
36