páginas web efectivas

Transcripción

1 páginas web efectivas

2 cual es el objetivo de mi web? Ya, pero definir objetivos es la clave (Es casi más difícil que cumplirlos)

3 definir una estrategia

4 el embudo de la conversión

5 el embudo de la conversión Usuarios de Internet Encuentran nuestra web Marketing Navegan por nuestra web Encuentran el producto que están buscando Los que empiezan el Proceso de compra Diseño + Usabilidad + Accesibilidad Los que lo terminan Los que nos recomiendan Los que vuelven Servicio + Atención al cliente

6 embudo descompesado Llegan usuarios Pero no se convierte en clientes Problemas de usabilidad Desconfianza Falta de información Potencial de crecimiento exponencial

7 embudo pronunciado de boca estrecha Mercados maduros La experiencia de uso es correcta Pero la gente no llega a la web Crecimiento lineal Más Marketing -> Más clientes

8 el tráfico y la conversión: las claves del éxito + Atraer + Tráfico Conversión + = Éxito Online

9 el posicionamiento y el marketing online atraen usuarios a la web SEO + SEM + + = Atraer tráfico Social Media + Analítica Web

10 el diseño y la usabilidad convierten usuarios en clientes Usabilidad + Accesibilidad + + = Conversión Diseño orientado + Analítica Web

11 El diseño es fundamental

12 Usabilidad Accesibilidad Diseño gráfico

13 la importancia de un buen dominio Representativo de nuestra empresa Debe introducir el nombre, o una de las palabras del nombre o marca. También debería ser descriptivo de nuestra actividad. Ejemplo: ceramicaslopez.com Fácil de recordar Mejor corto que largo, aunque algunos giros o expresiones pueden ser llamativos y mnemotécnicos Evitar números y guiones Para poder decir y deletrear fácilmente el dominio

14 definiendo a nuestros usuarios

15 definiendo a nuestros usuarios Nuestro sitio ha de ser: fácil de usar amigable claro intuitivo de fácil aprendizaje

16 El diseño y la usabilidad convierten usuarios en clientes Usabilidad + Accesibilidad + + = Conversión Diseño orientado + Analítica Web

17 usabilidad

18 arquitectura de la información Estructura y organización Definición de layouts/wireframes Taxonomías y folksonomías Navegación y niveles de navegación Búsquedas

19 arquitectura de la información Algunas técnicas Card Sorting Benchmarking Análisis de las estadísticas web Tests de usuario Los usuarios no leen, escanean

20 usabilidad Sencillez Atractivo para el usuario Fácil de usar Fácil de aprender Información a la vista Guiar al usuario Máximo 3 clicks?

21 arquitectura y usabilidad (I) Estructura acorde con los objetivos de la web. La home se estructura para lograr los objetivos de comunicación: informativos, comerciales, atención al cliente, producto, etc. URLs claras y únicas. Cada página, una URL descriptiva, única y permanente. Información de contacto clara. Destacada y bien ubicada, fácil de encontrar desde cualquier punto de la web. Rótulos significativos y estándar. Las palabras elegidas como menú de navegación deben ser simples y descriptivas. Navegación completa y descriptiva. Donde estás, dónde has estado, dónde puedes ir. Un sistema de navegación consistente. Máximo 4 niveles de navegación.

22

23 arquitectura y usabilidad (II) Máximo 7 items de navegación. Migas de pan. Muestra el camino hacia atrás. Enlace a la home en el logo. Recurso sencillo para facilitar la vuelta a la página de inicio. Enlace a la página de inicio desde todas las páginas. Enlaces claros y bien identificados en todo el site. Con estilo propio y bien visibles. Aprovechar la jerarquía visual para estructurar información. Estableciendo niveles de importancia del contenido y poniéndolos en los sitios más visibles.

24

25 arquitectura y usabilidad (III) Evitar sobrecarga informativa. No más de 7 ± 2 elementos por página. Ayuda contextual y mensajes de error. Para tareas complejas, ayudas con globos de texto, información sobre tamaño y formato de un documento, etc., evitando secciones independientes de ayuda. Información de estado. En tareas complejas (como una compra), informar de dónde se está y lo que falta para terminar. Evitar flash innecesario. No usar intros en flash, no construir páginas completamente en flash. Usar elementos flash para introducir toques de dinamismo en la web (cabecera, banners, etc).

26

27

28 resumiendo usabilidad La clave de un sitio usable es que quién navegue por él, entienda su estructura y consiga realizar con éxito, aquello que pretendía realizar. ej: proceso de compra.

29

30 algunos trucos direcciones de lectura: de izquierda a derecha de arriba a abajo llamar a las cosas por su nombre logotipo arriba y a la izquierda navegación: listado de elementos dispuestos a la izquierda no más de 7 elementos buscador: situado en la parte superior derecha ayuda: situada en la parte superior derecha

31

32 algunos trucos tipos de letra: sans-serif (sin remates) contraste fuente-fondo: influye en la legibilidad tamaño de los textos: los tipos de letra pequeños se leen mal aspectos importantes del texto para su comprensión: título imagen introducción al texto elementos parpadeantes y similares: distraen la atención del usuario

33 algunos trucos ayuda contextual ayudas a la navegación: migas de pan mapa web texto en los enlaces rotulado correcto: llamar a las cosas por su nombre palabras adecuadas al contexto no hacer pensar a los usuarios

35 accesibilidad

36 accesibilidad Visibilidad Efectividad Universal Distintos tipos de dispositivos Distintas posibilidades Estándares web

37 accesibilidad El cumplimiento de estándares W3C permite: ver lo mismo en todos los navegadores acceder desde cualquier dispositivo

39 diseño orientado a la conversón Diálogo Influencia

40 diseño gráfico

41 Los 10 errores más comunes 1. problemas de legibilidad 2. enlaces alejados del formato estándar 3. flash 4. contenido no escrito para la web 5. búsquedas deficientes 6. incompatibilidad entre navegadores 7. formularios incómodos, demasiado largos 8. ausencia de vías de contacto 9. ampliación inadecuada de las imágenes 10. enlaces rotos

42 Los 10 imprescindibles 1. logotipo vinculado a la página principal 2. lema que describa el sitio 3. lo importante lo primero 4. un buscador que funcione bien 5. texto claramente legible 6. acciones claramente representadas 7. formularios amigables 8. que no haya enlaces rotos 9. que no haya contenido desactualizado 10. que los contenidos cumplan con las expectativas

43

44 diseño gráfico Look & feel adaptado a los objetivos y al sector La cabecera marca la pauta. La paleta cromática El logotipo de la empresa debe integrarse Evitemos ruido visual Jerarquía visual Uso tipográfico adecuado Contraste entre fuente y fondo Evitar el sonido ambiental No abusar de los ornamentos o recursos gráficos Proporciones de los elementos de la web

45

46

47 NO a las intros en FLASH Usabilidad: dificultad para el usuario, provocan el abandono de la página en un tanto por ciento elevado de casos. Es algo que quiere el dueño de la página pero no el usuario de la página Buscadores: incrustar una intro en una web supone prácticamente tirar el valor de la home a la basura para temas de posicionamiento en buscadores Técnicos: una intro generalmente lleva enlaces dentro del flash hacia secciones internas o idiomas, por lo cual es difícil y costoso de gestionar. Siempre necesitaremos la ayuda de un perfil técnico

48

50 analítica web

51 google analytics

52 fivesecondtest Permite evaluar conductas Muy útil para evaluar diseños (wireframes) Ayuda a la conversión (usabilidad)

53 eyetraking Ayuda a la conversión Permite ver atenciones máximas Permite reconstruir patrones de navegación

54 A/B testing

55 estrategias de marketing online

56 quién es tu cliente ideal? Tus acciones de marketing y tu mensaje de comunicación dependerán de tu púbico objetivo

57 quiénes son tus principales competidores y que están haciendo ellos para conseguir nuevos clientes? No necesitas inventar la rueda. Revisa los sitios web de la competencia

58 con que recursos cuentas? tienes alguien en la empresa que te pueda ayudar? tienes tiempo? en que destacas?

59 cuáles son tus objetivos? Una vez definidos los objetivos hay que establecer unos indicadores. dónde te gustaría estar?

60 Con esto ya podemos diseñar un plan de acción básico: 1. Construye la web más adecuada para tu negocio 2. SEO y posicionamiento web 3. Presencia en redes sociales 4. Analítica web: mide el impacto de tu estrategia 5. Aprovecha las nuevas plataformas en Internet (SaaS, Marketplaces, etc.) 6. Aprovecha las nuevas herramientas de gestión (Saas, Gmail, CRM, Dropbox, Copias de seguridad online, marketing, Slideshare, etc.)

61 el tráfico y la conversión: las claves del éxito + Atraer + Tráfico Conversión + = Éxito Online

62 el posicionamiento y el marketing online atraen usuarios a la web SEO + SEM + + = Atraer tráfico Social Media + Analítica Web

63 SEO vs SEM

64 posicionamiento natural vs posicionamiento patrocinado

65 posicionamiento natural vs posicionamiento patrocinado El triángulo de oro de Google

66 los tres pilares básicos del posicionamiento orgánico indexación contenido popularidad

67 el contenido es el rey Un contenido excelente y la frecuencia de actualización del mismo es un factor crítico del éxito de una web corporativa

68 cómo funciona un buscador? Fuente: Ejemplo basado en la información de PageRank de Wikipedia

69 linkbuilding

70 elegir las palabras clave

71 elegir las palabras clave

72 SEM CPC Búsquedas Red de display Adsense Youtube

73 otros

74 banners

75 banners blogs posts patrocinados programas de afiliación comparadores de precios marketing viral marketing patrocinios

76 social media y SMM

77

78 el 78% de las personas confían en las recomendaciones de otros consumidores Fuente: Scholz&FriendsStrategygroup

79

80

81 venta por internet

82 Venta = Visitas x Tasa de conversión x pedido medio Conseguir visitas Mejorar el ratio de conversión Aumentar el pedido medio Incrementar la tasa de repetición

83 elementos de una tienda online

84 catálogo de productos es nuestra carta de presentación lo más importante es la presentación de los productos (confianza, seriedad) uso de fotografías reales buena descripción y uso de vídeos, podcasts, otros organización jerarquizada uso de los más vendidos, top 10, etc.

85 catálogo de productos

86 carrito de la compra visible desde todas las páginas debe permitir añadir, eliminar o modificar productos en cualquier momento de la navegación referencias y cantidad compradas gastos de envío impuestos aplicables (directos) importe total del pedido

87

88 carrito de la compra

89 promociones y ofertas vender por precio. El precio de los productos siempre debe estar visible rebajas de precio, resaltar el precio de la oferta y mantener el precio no rebajado módulo de descuentos configurable: por categorías, por volumen, por tipo de cliente, etc. códigos promocionales y cupones de descuento

90 promociones y ofertas

91 motor de búsqueda indispensable una búsqueda simple si tenemos muchos productos es indispensable disponer de un potente motor de búsqueda buscar por categorías, rango de precios, nombre siempre dar una alternativa. Si no existen resultados, mostrar sugerencias con productos relacionados

92 motor de búsqueda

93 proceso de compra directo y guiado con mensajes de información registro de usuarios opcional menor número de pasos posible (5 clicks) información complementaria que de confianza a los usuarios y además:

94 proceso de compra gastos de envío asociados a la transacción dirección de entrega del pedido dirección de facturación disponibilidad de los productos elegidos y plazo de envío

95 proceso de compra

96 proceso de compra

97 medios de pago es el momento más crítico ofrecer el mayor número de posibilidades medios habituales: contra reembolso, transferencia bancaria, domiciliación bancaria, tarjeta de crédito (TPV virtual), otros medios (Paypal, Google Checkout) Mostrar siempre precios finales competos (impuestos incluidos)

98 transferencia bancaria contrareembolso

99 información corporativa quiénes somos que ofrecemos aviso legal y política de privacidad información de contacto dónde estamos (si hay tienda física u oficina comercial) condiciones de compra y contratación preguntas frecuentes

100

101 registro y área de usuario Registro siempre opcional es una herramienta indispensable para la fidelización de clientes (newsletters, promociones, etc.) el área de usuario es recomendable pero tiene un coste adicional (seguimiento de envíos, consulta últimas compras, etc.) En el área de usuario el cliente puede modificar datos, envío y/o facturación

102 gestión de la tienda online La plataforma / herramienta seleccionada debe permitir realizar la gestión completa de la tienda online: Seguimiento y control de pedidos Atención al cliente Logística y transporte Almacén, stocks Gestión comercial Facturación

103 la trastienda online

104 Para finalizar

105 Elementos de influencia 1. Confidencialidad 2. Seguridad en el pago 3. Facilidad en el cambio o la devolución 4. Proceso de compra realizado correctamente 5. Información clara de cómo se hace la compra 6. Navegación rápida y fácil 7. Imagen de confianza y seriedad 8. Posibilidad de pagar de distintas formas 9. Descripción detallada de los productos 10. Los precios

106 Los 10 mandamientos 1. No venderás nada que tú no comprarías 2. Tratarás a cada cliente como si fuera el único 3. Ofrecerás la mayor garantía posible 4. No confundirás al cliente con el proceso de compra 5. No confundirás al cliente con los gastos de envío 6. No pedirás más datos que los estrictamente necesarios 7. No utilizarás los datos de tu cliente en vano 8. Establecerás mecanismos de pago seguro 9. Describirás tu producto lo mejor posible 10. No dejarás de buscar nuevas formas de sorprender al cliente

107 y si no tengo tienda online?

108

109 Preguntas?

110 Gracias! Jezabel González Diez twitter.com/jezis twitter.com/vitalinnova Fuentes: ESIC, Red.es, Facturagem, Servilia, Barrabés, Google, Territorio Creativo, ONTSI, adigital y fuentes propias. Imágenes: Fotolia Contenido: Licencia Creative Commons 3.0 Medina de Rioseco octubre 2011