Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Marketing Digital - Usabilidad Short

No description
by

Marc Centelles

on 22 October 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Marketing Digital - Usabilidad Short

Fundamentos básicos
de Usabilidad

Marc Centelles
Una pequeña introducción...
El Marketing tiene 3 pilares...
ENFOCARSE
Saber bien lo que se quiere
ESTRATEGIA
Para obtener los mejores resultados
ACCIÓN
Realizar seguimiento y control
1
2
3
Agenda
Marketing Digital
MIX
CONTENIDOS
COMUNICACIÓN
COMUNIDAD
COMERCIO
Usabilidad
CONTENIDOS
COMUNICACIÓN
COMUNIDAD
COMERCIO
Usabilidad
Break
Usabilidad
Arquitectura Información
Ejercicio
Let's start...
USABILIDAD
CONTENIDOS
At. Cliente / PPC / SEM
Redes Sociales, Blogs y RSS
Email Marketing y Social CRM
Algunos conocimientos en usabilidad…
Kara Pernice
Managing Director at Norman Nielsen Group
"Dixio is so cute and user-friendly. I really love this app!”
Con Jackob Nielsen en la Usability Week - 29/04/2012
Why?
De esta experiencia he sacado algunas pautas básicas sobre usabilidad web…
Comportamiento general en la web
1
Implementar estrategias centradas en tareas/actividades específicas
2
Serendipitous exploration - Exploración casual
3
Ayudar a la gente
a realizar sus tareas
La mayoría de actividades están orientadas a objetivos:
Pocas actividades no tienen propósito, incluso en temas de entretenimiento:
Participación activa vs. pasiva:
Mirar un capítulo de Mad Men
Mirar que han hecho los amigos el fin de semana
Web, activa: el usuario controla la experiencia
TV, pasiva: el show dicta la experiencia
Un niño creando una mascota virtual
Una pareja comparando pisos para alquilar
Alguien buscando servicios médicos
Decision to stay or go:
los primeros 10 segundos son críticos.
El background de los usuarios afecta al uso de la web
Dominio de la web: Bajo vs. alto
Bajo: Cautelosos
Alto: Escanean ferozmente, se dejan información
Familiaridad: Nuevo vs. recurrente (experimentados)
Nuevo: enfoque guiado, fuertes puntos de partida
Recurrente: Valoran la flexibilidad, atajos
Edad: Niños y Mayores
Niños: Quieren interactividad y feedback inmediato
Mayores: Cada vez más puestos en internet (4/10 – Susan Fox 2010)
65+: 38% utiliza Internet
50-64: 70% utiliza Internet
Equilibrar los objetivos de la empresa con los del usuario
4
Construyendo lealtad
5
Cómo la gente lee (o no)
6
La mecánica de la navegación
7
La presentación visual y la distribución de los elementos
8
Imágenes
9
Estableciendo credibilidad
10
Best practices: siguiendo directrices y estándares
11
Innovación
12
Encajar la web con el workflow del usuario
Crea coincidencias afortunadas
Diseño casual
Descubrimientos accidentales
Tiene que aportar valor

Implicaciones en el diseño
Navegación
Enlaces sugeridos
Contenido relacionado
Publicidad
Medios sociales
Algunos ejemplos
Con mucha suerte se podrán alinear
Tu quieres:
Promover la última oferta
Limpiar el inventario de material excedente
Ocultar la información de los competidores (y clientes)
Generación de nuevos registros/candidatos (leads)
Click-throughs en los Ads
Presumir de empresa, branding
Los usuarios quieren:
Obtener respuesta a sus preguntas
Hacer/conseguir algo y salir
1
2
La triste verdad
El usuario no puede entender lo que quieres si no se lo muestras como lo quiere
Es posible que tengas que superar:
-Un liderazgo pobre
-Un modelo de negocio pobre
-Una estrategia pobre (o falta de estrategia)
Reglas de negocio complejas = interfaces complejas
Solicitudes de funciones avanzadas o divertidas:
Simulador de maquillaje de Shu Uemura
Gestión del riesgo ejecutivo
El Jefe dice:

“Haz esta web más interesante, colorida o emocionante.”
El Jefe dice:

“Copia este sitio porque es famoso.”
El Jefe dice:

“Me gusta, así que hazlo.”
Haz que sea más interesante para los usuarios, no más elegante, lujosa
Juzga minuciosamente como coinciden sus usuarios y tareas con los de tu empresa
Tu Jefe no es representativo de tu público objetivo

Considera la posibilidad de realizar pruebas A/B y ver los KPI (indicadores clave de rendimiento)
La ecuación del éxito en Internet
Valor del Negocio = Visitantes x conversiones x lealtad
Un usuario fiel vale 4 veces más que un visitante por casualidad

$ 1.35
si viene de un resultado de la búsqueda orgánica (SEO)


$ 1.91
si viene de un anuncio de búsqueda de pago (SEM)
- El neto superior que el orgánico, si se paga <$ 0.56/click


$ 5.69
, si la URL escribiendo directamente o utilizando un marcador
Calculado en promedio de 18,7 millones de visitas a 27 clientes de Ready Engine, Inc.
Oferta valor y buen servicio: sea digno de su lealtad


Aumenta el uso habitual de tu web: actualizaciones diarias / semanales


Recuerda a los usuarios que vuelvan


Profundiza en el compromiso


Recompensa a los usuarios leales
Fomenta la lealtad
Algunos ejemplos
Asunto del e-mail:

"Exclusiva: Nine te invita a comprar esta oferta flash antes que a los demás!"
Inicia la relación en el momento correcto
Profundiza la relación en el momento correcto
No leen el texto palabra por palabra

Escogen titulares, palabras resaltadas, listas con viñetas

Les gustan los resúmenes

Deciden rápidamente si quedarse o irse
Los usuarios mayoritarios y los de alto nivel de alfabetización escanean
El patrón de escaneo:
El "F-pattern"
Cómo mejorar la legibilidad
Formato
Think short – Piensa en corto
Párrafos
Frases
Palabras
Listas

Señala los trozos importantes
Titulares, subtitulares, negrita, links

Crea espacios en blanco

Palabras y lenguaje
Escoge palabras simples antes que complicadas
Transmitir vs.
enviar
Elimina palabras extrañas
Advance reservations vs.
reservations
EJEMPLO
Navegar y buscar se complementan entre sí
Navegar toma pequeños pasos intermedios seleccionando elementos del menú, es menos cognitivamente exigente

Buscar permite avanzar rápido al escribir en el cuadro de búsqueda, aunque requiere escribir bien la palabra
Sugerencias de búsqueda
Ayudan a la gente a expresar lo que buscan

Pero tener en cuenta
Que algunas personas asumen erróneamente que las propuestas reflejan lo que está disponible en el sitio
Guiar al usuario de forma intuitiva puede lograrse de otras formas
Con un diseño:
Consistente
Predecible
Navegación Creativa
¿La flecha azul? Pensaba que era una ‘X’
Navegación Extravagante
¿Alguien quiere probar?
www.zincbistroaz.com
La correcta combinación de navegación y extravagancia crea diversión
La apariencia estética puede hacer que un sitio parezca usable
Éxito en la tarea
82%
98%
Mal uso de la comunicación visual
“Hay demasiado aquí. Especialmente si tienes un trastorno de déficit de atención.”
Errores comunes:
Falta de utilidad
Imágenes y colores que no coinciden
Mal uso de las fuentes
Falta de consistencia
Interfaces limpias animan a la gente a ver más
Algunas recomendaciones
Mantener una interfaz limpia.
Eliminar elementos innecesarios
Evitar la redundancia
Respete la navegación tradicional
Coloque los elementos en las áreas esperadas
Elementos en áreas inesperadas causan fijaciones adicionales.
Tarea:
Encontrar la búsqueda
Tarea:
Encontrar el carrito de la compra
Encuentra la información de contacto
Imágenes que llaman la atención o que son ignoradas
No
llaman la atención
Genéricas / de archivo
Aburridas
No relacionadas con el contenido
Parecen anuncios

Llaman la atención
Relacionadas con el contenido
Claras / tamaño correcto
Personas accesibles y reales
Caras
Sonrientes
Mirando a la cámara
Promociones efectivas
Las imágenes genéricas no llaman la atención
Tarea:
Planea un viaje de esquí. (expedia.com)
El contenido secundario normalmente no puede competir con una “killer app”
Tarea:
Descubre el deporte y posición de George Brett*
Magnetismo: hacia lo que los humanos son atraídos de forma natural
*todos los usuarios
Hombres
Mujeres
Ignorado: Barra lateral derecha que parece que contenga anuncios
Utilice la barra lateral derecha para información de menor prioridad
Mantenga la simplicidad
No haga que parezcan anuncios
Mantenga el estilo del sitio
¿Y sobre el video?
Cuando el contenidos es complejo
¿Qué versión produjo más clics? +400%
¿Pagarías en esta web?
El número de clics no siempre es lo primero
Quitar el formulario incrementa las inscripciones en un 60%
Las relaciones no se pueden apresurar
Ratio de conversión: 1,1%
Refierete al mundo real/físico
Transparencia
Los comentarios de los clientes incrementan las ventas
Ejemplo en una conocida tienda de ropa que incrementó 26%:

El usuario mira un abrigo y comenta: “I don’t want to look like a snowman…I didn’t want to look puffy, so I read these reviews and that’s what everybody says.”

La mayoría de los comentarios eran del estilo:
“This is the perfect coat for somebody who wants to be warm and not look bulky! This coat is…”
Y para terminar ¿La usabilidad limita el diseño?
Los resultados de la usabilidad se parecen a las leyes de la naturaleza:

Salvo que a veces pueden cambiar con el tiempo
Por lo general no es así para la mayoría de los usuarios, aunque pueda parecer que si

Salvo algunas excepciones
No apostaría por ser la excepción rara en estos temas
Barra de desplazamiento lateral no estándar malinterpretada
Barra de desplazamiento lateral no estándar pasa desapercibida
Posibilidad de Eliminar es crítico en los carritos de la compra
Ejemplo de usabilidad del 94
Luchar por la coherencia interna
Las plantillas pueden ayudar en la consistencia interna
9:10
11:30
11:45
Si nos sobra tiempo
o por petición
Última actualización
Octubre del 2015
Full transcript