Proyecto de usabilidad y experiencia de usuario de gotokaina.com . Presentación de propuestas de mejora y análisis.

1. Usabilidad
y
experiencia
de
usuario.
Portal
GotoKaina.com

2. Propuestas
de
mejora:
En
resumen:
Análisis,
op4mización
y
conversión.
1Op4mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
2Op4mización
de
la
conversión
a
nivel
proceso
de
compra
3Definir
los
obje4vos
y
KPIs.
Configurar
la
cuenta
en
segmentos
y
cuadro
de
mandos

3.
OPTIMIZACIÓN
DE
LA
CONVERSIÓN
A
NIVEL
WEB
(PÁGINA
DE
INICIO,
CATÁLOGO
Y
PÁGINA
DE
PRODUCTO.
1

4. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
1.Analí;ca
Web
•
Nos
permite
definir
varias
métricas
u
obje;vos
en
los
que
queremos
observar
u
obtener
datos
como
por
ejemplo
conversiones
,
leads
(uso
del
formulario
de
contacto)
etc.
•Nos
da
información
sobre
el
bounce
rate
(Personas
que
visitan
una
sola
página
y
se
van
enseguida
sin
ver
a
otra).
Nos
puede
servir
como
indicador,
si
el
usuario
no
encuentra
lo
que
estaba
buscando
por
ejemplo
por
falta
de
orden.
•Podemos
saber,
cuantas
personas
que
han
visitado
la
página,
se
han
ido
sin
haber
realizado
una
acción
anteriormente
definida
como
obje;vo,
sea
una
compra
de
un
producto,
la
suscripción
a
un
newslePer
o
el
uso
del
formulario
de
contacto.
Deberíamos
saber
por
qué
se
han
ido.
A
lo
mejor
nuestra
oferta
no
les
convenció,
los
precios
eran
muy
altos
o
no
les
hemos
facilitado
la
compra
y
hay
un
paso
específico
en
el
cual
el
cliente
haya
cancelado
el
proceso
de
la
compra.
•
También
podemos
acceder
a
los
datos
que
nos
indican
la
can;dad
de
personas
que
comenzó
la
compra
de
un
producto.
Puede
que
haya
un
paso
en
el
proceso
de
la
compra
que
provoca
que
los
clientes
no
terminen
la
compra.
Quizás
falla
en
algún
momento
el
proceso
de
pago
con
paypal.
Eso
habrá
que
averiguarlo.
•Podemos
analizar
de
donde
entran
las
personas
a
nuestra
página,
sea
por
enlaces
externos,
poniendo
la
Url
directo,
búsqueda
natural
o
pagada.
Nos
da
información
acerca
de
que
canal
es
el
más
importante
o
en
cual
deberíamos
enfocarnos
para
que
el
usuario
tenga
más
facilidad
de
encontrarnos.

5. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Puntos
a
mejorar:
Hay
que
mejorar
este
punto,
por
ejemplo:
1.Amplíar
el
registro
del
dominio
(gotokaina.com,gotokaina.es)
2.Promocionar
web
en
social
media
Vincular
en
redes
sociales
al
sector
juvenil
(tuen;,facebook,google
plus)
3.Corregir
los
errores
de
sintaxis
del
código
4.Ocultar
las
direcciones
de
correo
electrónico
para
evitar
recibir
spam.
5.Mejore
la
velocidad
de
su
si;o
web.
(con
google
speed
page
y
otras
herramientas)

6. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Análisis
SEM
Herramienta:
Semrush
No
ha
hecho
campañas
SEM,
sólo
organicas.
Así
que
en
este
apartado
sería
conveniente
inver;r
en
en
Google
Adwords,
así
como
campañas
de
promoción
en
redes
sociales
(Facebook
ads,
twiPer
ads).

7. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Análisis
eye
tracking
Herramienta:
Eyequant
Nos
da
información
sobre
el
centro
de
atención
del
cliente
y
nos
puede
dar
una
pista
de
donde
podemos
colocar
el
botón
de
compra.
También
si
queremos
vender
más
can;dades
de
un
producto
especifico
o
una
oferta
cuya
la
fecha
es
muy
cercana
y
caduca,
podemos
intentar
colocar
la
oferta
en
el
si;o
donde
los
usuarios
más
clickean
para
que
tenga
más
captación
del
usuario.
Mapa
de
percepción

8. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Análisis
eye
tracking
Herramienta:
Eyequant
Mapa
de
atención

9. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Análisis
eye
tracking
Herramienta:
Eyequant
Región
de
interés

10. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Análisis
eye
tracking
Herramienta:
Eyequant
Claridad
visual

11. Op;mización
de
la
conversión
a
nivel
web
(página
de
inicio,
catálogo
y
página
de
producto.
Análisis
eye
tracking
Herramienta:
Eyequant
Conclusión:
Sólo
se
focaliza
en
el
apartado
inicio
y
en
el
logo.
Hay
que
mejorar
mejor
los
puntos
claves
de
llamada
de
atención.
Las
ofertas
están
subrayadas
en
amarillo
y
no
destacan.
Más
aun,
la
web
no
es
responsive,
y
el
es;lo
y
la
plan;lla
han
quedado
obsoletas.

12. Otros
análisis
Entrevistas
en
tareas
•
Otra
posibilidad
de
obtener
información
sobre
la
opinión
del
usuario
•
Realizando
la
compra
por
ejemplo,
podemos
invitarle
al
usuario
que
nos
responda
algunas
preguntas
para
mejorar
la
experiencia
del
usuario.
No
le
lleva
mucho
;empo
y
es
un
método
de
obtener
la
opinión
del
usuario
de
manera
fácil.
Además,
como
le
planteamos
que
nos
deje
su
opinión
en
el
momento,
todavía
sabe
lo
que
le
gusto
de
la
página
o
lo
que
menos
le
gusto,
o
incluso
si
no
encontró
lo
que
buscaba
o
si
no
pudo
realizar
o
conseguir
lo
que
vino
a
hacer.
A/B
tes;ng
Nos
dice
que
versión
se
adapta
más
a
las
necesidades/gustos
del
usuario
Tras
haber
analizado
los
resultados
de
lo
anteriormente
mencionado
como
los
mapas
de
calor,
podemos
desarrollar
varias
versiones
por
ejemplo
del
botón
de
compra.
Después
de
un
periodo
de
;empo
de
haber
recibido
los
suficientes
datos,
podemos
ver,
que
versión
ha
sido
más
aceptado
por
parte
del
usuario.
Es
la
que
obtuvo
la
mayor
can;dad
de
conversiones.
Para
esta
herramienta
podemos
usar
Google
Test
A/B
o
Op;mizely.

13. Otros
análisis
Recorridos
del
ratón
El
recorrido
del
ratón
nos
muestra
el
camino
en
la
página
web
por
el
usuario
Podemos
visualizar,
cuál
era
el
recorrido
por
nuestra
página
web
que
hizo
el
usuario
y
que
videos
ha
pinchado
para
ver
el
trozo
ofrecido
para
obtener
una
primera
impresión
de
como
son
y
que
se
puede
aprender.
Eso
nos
dice
cuales
son
los
videos
o
cursos
ofrecidos
realmente
interesantes
para
el
usuario.
Así
podemos
ampliar
nuestra
oferta
o
cambiarla
para
ofrecerle
al
usuario
los
productos
deseados.
Test
de
percepción
Con
un
test
de
percepción
el
usuario
nos
puede
decir
su
primera
impresión
de
la
página
web
Un
test
nos
puede
ayudar
a
saber,
si
a
primera
vista
la
esté;ca
le
gusta
al
usuario
o
no.
Escenarios
y
usuarios
Podemos
hacer
una
inves;gación
del
;po
de
usuario
que
entra
a
la
web,
edades
comprendidas,
sector
al
que
queremos
dirigirnos
así
como
su
poder
adquisi;vo.

14. Otros
análisis
Escenarios
y
usuarios
• Jóvenes
entre
15-­‐25
años
• Adultos
entre
25-­‐
30
años.
• De
clase
media
alta
• Estudiantes
en
su
mayoría
• Usan
su
smartphone
para
compar;r
información
con
amigos
• Coleccionistas
de
tablas
de
Skate
y
complementos.
• Son
ac;vos
socialmente.

15.
OPTIMIZACIÓN
DE
LA
CONVERSIÓN
A
NIVEL
PROCESO
DE
COMPRA
2Op4mización
de
la
conversión
a
nivel
proceso
de
compra

16. Op;mización
de
la
conversión
a
nivel
proceso
de
compra
Propuestas
de
mejora
• 1.
Cambiar
el
diseño:
De
negro
a
blanco,
cambiar
la
disposición
de
todo
organizando
y
cambiando
la
arquitectura
de
la
información.
• 2.
Usar
una
plan;lla
woocommerce
de
wordpress
adaptada
a
plataformas
móviles
para
facilitar
la
venta
a
través
de
smartphones.
• 3.
Estructurar
el
menú
en
dos
partes:
•
3a.
Menú
catálogo
(resumir
el
actual
en
un
sólo
grupo).
•
3b.
Menú
cliente
/
usuario
/
estado
compra
• 4.
Información
de
interés
en
la
página
principal:
•
4a.
Slider
con
principales
productos
y
ofertas
destacadas.
•
4b.
Medios
de
pagos
aceptados
(Paypal,
visa,
mastercard)
•
4c.
Tiempo
de
envío
:24hora
envío,
etc..
/
Sello
de
confianza
online
•
4c.
Tes;monios
de
clientes
reales
(esto
reafirma
la
marca
y
la
credibilidad).
•
4d.
Footer
incluir
menú,
con
un
esquema
y
acceso
directo
a
las
principales
secciones
de
la
web,
así
como
un
apartado
de
contacto.
•
4e.
Insertar
un
plugin
de
chat
online
en
directo
para
dudas.
•
4f.
Loguearse
con
Facebook
o
Google
Plus
(plugin).
•
4g.
Al
abrir
un
producto,
mostrar
otros
relacionados.
• 5.
Herramientas
de
medición
y
análisis:
• 5a.
Google
Analityc
y
google
webmaster
tools
para
indexar
apropiadamente
el
xml.
• 5b.
Test
usuario
A/B
usando
op;mizely
o
google
analitycs.
• 5c.
Semrush
para
testear
la
inversión
en
google
adwords.

17. Op;mización
de
la
conversión
a
nivel
proceso
de
compra
Propuestas
de
mejora
• 6.Op;mización
redes
sociales:
• 6a.
Op;mizar
Facebook
con
un
tono
adecuado
y
cuidando
el
contenido
a
postear
así
como
cuidar
la
reputación
online.
• 6b.
Op;mizar
twiPer
• 6c.
Op;mizar
y
vincular
con
google
plus.
• 6d.
Insertar
un
plugin
vinculado
a
Pinterest,
ya
que
también
ayuda
al
seo.
• 6e.
Hacer
videos
demostra;vos
de
los
productos
y
crear
un
canal
Youtube.
• 7.
Varios
idiomas
(inglés,
frances
y
español).

18. Op;mización
de
la
conversión
a
nivel
proceso
de
compra
Propuestas
de
diseño

19. Op;mización
de
la
conversión
a
nivel
proceso
de
compra
Propuestas
de
diseño:
Slider

20. Op;mización
de
la
conversión
a
nivel
proceso
de
compra
Propuestas
de
diseño
Disposición
productos.
Ofertas,
descuentos
y
acceso
directo
al
carrito
de
compras

21. Propuestas
de
diseño
• Página
de
producto
• Descripción
• Productos
relacionados
• Compar;r
en
redes
sociales
• Imágenes
op;mizadas
y
e;quetadas
para
el
SEO.
Op;mización
de
la
conversión
a
nivel
proceso
de
compra

22. Op;mización
de
la
conversión
a
nivel
proceso
de
compra
Propuestas
de
diseño
Versión
web
responsive
o
líquida.

23.
DEFINIR
LOS
OBJETIVOS
Y
KPIS.
CONFIGURAR
LA
CUENTA
EN
SEGMENTOS
Y
CUADRO
DE
MANDOS
3

24. Definir
los
obje;vos
y
KPIs.
1.
Tráfico
Medir
el
tráfico
de
visitas
a
su
;enda
online
diaria,
semanal
y
mensualmente.
2.
Visitas
a
las
Fichas
de
Producto
¿Qué
páginas
están
recibiendo
la
mayoría
de
visitas
y
cuáles
menos?
3.
Media
de
Páginas
Vistas
y
Tiempo
en
el
Si4o
Estas
métricas
le
dirán
si
el
contenido
de
la
web
es
cau;vador
y
si
el
tráfico
está
dirigido.
4.
Páginas
de
Salida
Hay
que
analizar
cuándo
se
marchan
exactamente
sus
clientes
e
intentar
op;mizar
estas
páginas
para
persuadirles
de
que
sigan
comprando.
5.
Fuentes
de
Referencia
La
procedencia
de
los
clientes
también
es
una
métrica
clave
que
controlar
6.
Tasa
de
Conversión
Monitorizar
de
cerca
la
tasa
de
conversión
para
ayudarle
a
mejorar
los
elementos
de
su
;enda
online.Los
Test
A/B
juegan
un
rol
crucial
para
entender
las
tasas
de
conversión.
7.
Tasa
de
Devolución
Evaluar
el
servicio
servicio
de
atención
al
cliente
y
cómo
mantenemos
relaciones
con
el.
8.
Beneficio
Neto
Beneficio
Neto
=
Ingresos
–
Costes.
9.
Valor
Medio
de
Pedido
Esta
métrica
es
ú;l
porque
le
indica
la
suma
de
sus
ventas
dividida
por
el
número
de
pedidos
recibidos.
La
expresión
es
intercambiable
con
Valor
de
Carrito
Medio
10.
Tasa
de
Abandono
de
Carritos
Esta
es
una
cifra
clave
y
no
debe
ser
ignorada

25. Definir
los
obje;vos
y
KPIs.
Cuadro
de
mandos

26. Definir
los
obje;vos
y
KPIs.
Cuadro
de
mandos
Cuadro
de
mando
Google
analy;c
para
E-­‐commerce

27. Definir
los
obje;vos
y
KPIs.
Cuadro
de
mandos
Cuadro
de
mando
Google
Analy;c
para
E-­‐commerce
Mobile

28. Definir
los
obje;vos
y
KPIs.
Cuadro
de
mandos
Método
de
captación
de
clientes:
NewslePer

29. Datos
de
contacto
» www.puntodivergente.com
» Teléfono:
692601391
» Email:
puntodivergente@gmail.com
Proyecto
realizado
por
Álvaro
Cordero

30.
¿Cuál es el mensaje