Cómo puede la pequeña y mediana empresa vender más utilizando la Web e Internet?Usabilidad Web

Usabilidad Web:

¿Como puede la pequeña y mediana empresa vender más utilizando la Web e Internet?

La importancia de la conversión Web

Víctor Martín Barcelona, 27 y 28 de septiembre 2011

Índice/Contenidos

1.- ¿Quiénes somos?

About NDNFormadorMis proyectos

2.- Introducción

¿Qué es el Marketing Online? BeneficiosCaptación & fidelización

3.- Web, punto de partida

IntroducciónUsabilidad Web en imágenesEjercicio práctico 1Introducción a la Usabilidad


Puntos importantes en la Usabilidad Web*¿Cuando una Pyme debe de hacer un estudio de Usabilidad?¿Cómo puede una Pyme mejorar la Usabilidad de su sitio Web?Ejercicio práctico 2Pasos a seguir para contratar una agencia/consultoría

4.- Bibliografía

5.- Tu Test Heuristico

6.- Puedes seguirme & contacto…



1.- Quiénes somos/ About NDN

About NDN…

Consultoría en Marketing Online

Especializados en la captación de tráfico cualificado + conversión

Proyectos profesionales a medida

5 años de experiencia

Colaboramos con Asociaciones y Ayuntamientos

Nuestros clientes pequeñas, medianas y grandes empresas


1.- Quiénes somos/ Formador

Un poco más en concreto… Máster en Marketing Directo y Digital. Universidad Pompeu Fabra. Diplomado en Ciencias Empresariales. Universidad Ramon Llull. 2 Cursos en Publicidad Online. Universidad Pompeu Fabra. Curso de Email Marketing. Universidad Ramon Llull. Aparición en medios de comunicación: Revista Emprendedores,… Asesor Marketing Online Día del Emprendedor Barcelona 2009 a 2011 Asesor en Marketing Online en el Centro de Promoción Económica de

Viladecans. Asesor en Marketing Online en la PIMEC. Imparto cursos en diferentes Centros de Promoción Económica,

Ayuntamientos y Asociaciones 5 años de experiencia como consultor en Marketing Online en pequeñas,

medianas y grandes empresas.

Víctor Martín


1.- Quiénes somos/ Mis proyectos

1.- Norma de NegociosSocio-DirectorConsultoría en Marketing Onlinewww.normadenegocios.com

2.- Nice Sensation ShopDirectorTienda Online de aromaterapia y decoración para el hogarwww.nicesensationshop.com

3.- Nice Transaction Socio-Marketing ManagerPortal de compra y venta de empresas en Españawww.nicetransaction.es

http://www.normadenegocios.com/

http://www.nicesensationshop.com/

http://www.nicetransaction.es/


2.- Introducción/ ¿Qué es el Mkt Online? Beneficios

¿Qué es el Marketing Online?

Venta productos y servicios, público objetivo, internet, coherencia plan marketing offline

Beneficios Marketing online:

Inversión asumible

Segmentación

Posibilidad de medir con exactitud en tiempo real

ROI ALTO

Un dato de interés…

Los medios digitales crecieron su nivel de inversión en un 4,9%, frente a una caída del conjunto de medios del 20,9% Fuente IAB Marzo 2.010


2.- Introducción/ Captación & fidelización

Web/Blog/Microsite

SEO SEM Email Mkt Social Media

Usabilidad

Nuevos Clientes


2.- Introducción/ Captación & fidelización

Email Mkt Social Media

Web/Blog/Microsite Usabilidad

Clientes Repiten


3.- Web, punto de partida/ Introducción

La Web no es una versión online del catálogo de productos/servicios

Qué necesitamos para tener una Web: dominio + hosting + dinero

La Web para generar negocio debe de:

Indexable + Usable + Sociable + Confianza + Tranquilidad + Imagen

La importancia de la Web y de la Usabilidad: Conversión


3.- Web punto de partida/ UW en imágenes






3.- Web, punto de partida/ Ejercicio práctico 1

Test Heuristico real del sitio Web de uno de los alumnos

Analiza y detecta las principales debilidades del sitio Web seleccionado

Duración:10-15 minutos trabajo individual + 10-15 minutos puesta en común


3.- Web, punto de partida/ Introducción a la Usabilidad

¿Qué es la Usabilidad?

Atributo de calidad que mide lo fáciles que son de usar las interfaces Web

Usabilidad = Calidad

La Usabilidad se mide por:

- Eficacia- Eficiencia- Satisfacción de uso

¿Arquitectura de la información, accesibilidad, diseño centrado en el usuario…?

¿Qué no es la Usabilidad?

Diseño bonito e impactante. Tampoco es accesibilidad



¿Dónde se aplica la Usabilidad Web?

Objetos, máquinas… Online: webs corporativas & tiendas online

Importante, debes de saber…

1.- Los usuarios no entran en un sitio Web para distraerse sino para conseguir “algo”2.- Tenemos aprox. 2 minutos por sitio Web para “convencer” y 27 segundos de media por página3.- Media de 4,71 clicks por visita/Web

Fuente Usabilidad, prioridad en el diseño Web: Jakob Nielsen y Hoa Loranger (Anaya)



Factores que influyen negativamente en un Proyecto de Usabilidad Web:

1.- El departamento informático, de sistemas o de diseño toma las decisiones

2.- Incorporar lo último en tecnología

3.- Los Directivos/Gerente obsoleto/s tiene/n la última palabra


Antes de empezar el proyecto Web, identifiquemos:

1.- Objetivo: venta online, descarga, formulario…

2.- Puntos diferenciales de la empresa: ¿qué tenemos diferente vs. la competencia?, ¿Qué fortalezas tenemos?...

3.- Producto/servicio: ¿qué vendemos?, ¿a quién vendemos?...



3.- Web, punto de partida/ Puntos importantes UW

Básico…

Logotipo linkado al Inicio

Apartado Inicio en el menú principal

Política de privacidad/aviso legal

Enlaces de otro color con efecto al pasar por encima

Evitar el sonido-música. Si existe, con opción clara y visible al off



Entrando en materia…

Jerarquía visual para estructurar la información: información de primer nivel vs información de segundo nivel

Información de contacto clara y visible desde cualquier punto del sitio Web

Palabras del menú de navegación claras y descriptivas

Navegación clara y descriptiva: la importancia del rastro de migas

La importancia del Inicio:

- 40% visitan página inicial y 60% paginas interiores, pero entorno al 95% visitan el apartado inicio para hacerse idea general o encontrar “algo” que no han encontrado en el sitio Web- 35 seg. Usuarios expertos y 25 seg. usuarios no expertos

Fuente Usabilidad, prioridad en el diseño Web: Jakob Nielsen y Hoa Loranger (Anaya)



Enlaces en el contenido y no sólo en el área de navegación

“Call to action” destacados para facilitar el flujo y la coversión

No utilizar videos de más de 45-60 segundos

Cabecera/header, marca la pauta

Evitar el uso de flash, especialmente en movimiento:

- Puede parecer publicidad- Desvía el flujo- Consume recursos

Ojo con los desplegables tipo flash, javascript…


3.- Web, punto de partida/ Puntos importantes UW*

No poner mensajes tipo “ en construcción”

“ Humanizar” la empresa y generar confianza

Botón “atrás” propiedad más usada en Web

Evitar el uso de apertura de nuevas ventanas: pop-ups, pdf, power points…

Links descriptivos: evitar “más”, “haga click”…

Buscador amplio arriba derecha. Utilizar palabra BUSCAR

Cuadro de búsqueda de 27 caracteres



La imagen también ayuda en la Usabilidad…

Look & feel en coherencia con actividad empresa e imagen offline

La importancia de los “espacios en blanco”, ayudan a respirar. Evitamos fatiga visual

Letra oscura sobre fondo blanco-claro

Fuente de 10, mínimo. Recomendamos 12-14



Fuentes recomendadas:

- Arial- Arial black- Courier new- Georgia- Trebunchet MS- Impact encabezados cortos

Varias fuentes para marcar la jerarquía, máximo 3

No utilizar más de 4 colores

Utilizar formas redondas: connotaciones agradables

Vigilar con las imágenes



Los copys, el gran desconocido…

Pecado mortal, la ortografía

Poco texto. Menos es más

Entre 5-7 ideas clave por página

25 palabras por frase

No párrafos de más de 5-6 líneas

No más de 5 palabras por enunciado-títulos



No utilizar subrayado y mayúsculas

Si utilizar negrita y diferentes tamaños de letras

No abusar de paréntesis

No abusar de conectores tipo: aunque, cuyo, pero…



Escribir las cifras en medio de una frase con letras

Las edades se escriben con números

Los años nunca llevan punto (2.007 no)

Utilizar listados. Aumentan un 47% la Usabilidad Web

Evitar la palabra NO

Evitar palabras negativas: difícil, caro, coste, dificultad…



Utilizar terminología que entiende el usuario y no palabras “tambor”

Evitar el uso del gerundio


3.- Web, punto de partida/ ¿Cuándo una Pyme debe de hacer un estudio de UW?

1.- La empresa que invierte “dinero” y recursos en captar tráfico y no convierte

2.- Toda empresa que desee hacer una página Web nueva:

Planificación. La importancia del Wireframe/prototipado/eboard

3.- Toda empresa que tenga presencia en Internet

Mejor aplicar la Usabilidad en las etapas iniciales de desarrollo


3.- Web, punto de partida/ ¿Cómo una Pyme mejorar la UW de su sitio?

Técnicas de Usabilidad Web:

Card Sorting/Ordenación de tarjetas*Test Heuristico*Prueba de usuarios (Think Aloud + Software apoyo & Eyetracking)*Prototipado*FiveSecondTest/Navflow Encuestas en línea*Medición (Analytics & Crazzy Egg)*

*para una Pyme con recursos limitados


3.- Web, punto de partida/ ¿Cómo una Pyme mejorar la UW de su sitio?

Datos importantes:

- El Test Heuristico elimina el 42% de los errores graves y el 32% de los problemas menores.- Realizar primero Test Heuristico antes que prueba de usuarios. Optimización de €.


3.- Web, punto de partida/ Principales técnicas de UW para una Pyme

1.- Card Sorting/Ordenación de tarjetas:

Observación cómo los usuarios asocian y agrupan entre sí unas categorías y etiquetas

Mínimo 5 participantes

Test realizado por personas con perfil similar al del público objetivo del sitio Web

Tipos: abierto & cerrado

Software Online: Websort



Test de Card Sorting para una Agencia de Marketing Online

Trabajo por parejasDuración: 10 minutos de duración + 5 minutos puesta en común

http://websort.net/s/F6B20D/

http://websort.net/s/F6B20D/



2.- Test Heuristico

Análisis realizado por un profesional dónde se detectan los problemas de UW en base:

a) Principios de la Usabilidad de Nielsen (aprox.200)b) Experiencia del profesional

3.- Prueba de usuarios real

Prueba real con personas navegando por el sitio web que se basa en la observación y análisis para paliar los errores encontrados

- Mínimo 3 personas. Encontramos el 75% de los errores- Marcar un objetivo concreto- No se permite el uso del buscador- El observador no habla, sólo “estimula” - El observador toma notas- Se utiliza software de apoyo: morae, camtasia, camstudio…



Prueba de usuarios básica

Por parejas. Uno realiza la tarea, el otro apunta las debilidades

Sitio Web: www.nicesensationshop.com

Tarea: comprar con tarjeta de crédito 1 paquete de incienso en varitas de India por menos de 0,90€

El participante anota las principales dificultades

http://www.nicesensationshop.com/



4.- Prototipado/Wireframe/eboard

Esquema “sin pintar” de la organización de contenidos y estructura del sitio Web


Que no te haga la Web un amigo, familiar o similares!

Nivel de inversión para Web-Tienda Online? Que no te engañen!

Pide referencias de trabajos realizados

Quien conceptualice tu campaña/estrategia debe de ser “gente” de marketing Preferiblemente conocimientos de Usabilidad Web

3.- Web, punto de partida/Pasos a seguir para contratar una Agencia-Consultoría


Que te hablen en clave de negocio: vender más, generar negocio, fidelizar, captar…

Den un servicio integral en Marketing Online: SEO, SEM, Email Marketing…

Tengan una metodología definida y profesional:

Contrato/presupuesto + reunión + timing + eboard + prediseños + pretest online= Lanzamiento oficial

3.- Web, punto de partida/Pasos a seguir para contratar una Agencia-Consultoría


4.- Blibliografía

Usabilidad, prioridad en el diseño Web: Jakob Nielsen y Hoa Loranger (Anaya)

Vender más en Internet: David Boronat y Ester Pallarés ( Gestión 2000)

Haz fácil lo imposible: Steve Krug (Anaya)

www.xeoweb.com

www.nosolousabilidad.com

www.usolab.com/wl

happyuser.xperienceconsulting.com

www.hipertext.net

www.multiplica.com/cast/mantentealdia

http://www.xeoweb.com/

http://www.nosolousabilidad.com/

http://www.usolab.com/wl

http://happyuser.xperienceconsulting.com/

http://www.hipertext.net/

http://www.multiplica.com/cast/mantentealdia


5.- Tu test heuristico

¿Test Heuristico básico con las 5 principales debilidades de tu sitio Web?

Envíame un email a [email protected]

En 48 horasSin coste

mailto:[email protected]


6.- Puedes seguirme & contacto

www.martinformenti.com Víctor Martín Formenti martinformenti

normadenegocios facebook.com/normadenegocioswww.normadenegocios.com

http://www.martinformenti.com/

http://www.normadenegocios.com/


6.- Puedes seguirme & contacto

Email: [email protected]

F.: 902 05 24 94

M.: 618 80 54 63

Skype: victor.martin.formenti

GRACIAS POR LA ASISTENCIA!

mailto:[email protected]

Documents

Cómo puede la pequeña y mediana empresa vender más utilizando la Web e Internet?Usabilidad Web