N&Y Curso 7 Y 8

74
Escuela Superior de Arte y Espectáculos Navegabilidad y Usabilidad

Transcript of N&Y Curso 7 Y 8

Page 1: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Navegabilidad y Usabilidad

Page 2: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Sitios webs corporativos

Page 3: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos Elementos

Fundamentales• No, no es imposible.

• Reducir el peso

• Estilos: colores, fuentes, etc...

• Organizar los contenidos

• Call-to-action

• Persuabilidad

• Presentar la información financiera

• FOCOS: Sobre Nosotros y Newsletter

Page 4: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

No es imposible...

• El precio de una página mal hecha

• Convencer a su cliente

• Comparar

Page 5: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Reducir el peso

• Evitar Flash en portada

• Reducir el peso de las imagenes

Page 6: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Estilos

• Colores

• Fuentes

Page 7: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 8: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 9: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Organizar información

• ¿Quiénes son tus “usuarios”?

• Accionistas, medios de comunicación, empleados, etc...

• Identificar los contenidos más visitados

Page 10: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Call-to-action

• Obtener información sobre sus usuarios

• Visibles

Page 11: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Persuabilidad

• Escribir para la web

• “Freebies”

• Ejemplo de “Multiplica”: http://www.multiplica.com

Page 12: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Información Financiera

• ¿Por qué es importante?

• Más alla del PFD...

• Gráficos

Page 13: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Ejemplos

Page 14: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 15: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 16: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 17: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 18: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 19: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 20: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 21: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Foco : “Sobre nosotros”

• Mejor no utilizar “quiénes somos”, pero “conócenos” “qué podemos hacer por ti?”

• No somos los mejores

• Fotos reales

Page 22: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos Foco: Escribir una

Newsletter

• Identificación y Asunto

• Ser breves...

• Sin demasiada url

• Max: 1 vez/semana ; Min: 1vez/mes

• Elementos Adicionales (desinscripción, enlace a la home, etc...)

Page 23: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 24: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 25: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 26: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 27: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

E-Business

Page 28: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos Elementos

Fundamentales

• ¿Por qué compra el usuario?

• Generar confianza

• Estructura y etiquetación de los productos

• El proceso de compra

• FOCOS: Formularios y Shopping Cart

Page 29: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos ¿Por qué compra el

usuario?

• Comodidad (sin horarios) y flexibilidad

• Rapidez

• Posibilidad de elegir

• Información disponible

Page 30: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Generar Confianza "Alguien a quien no conocemos, nos quiere vender un producto que no podemos ver ni

tocar. En muchos casos nos esconde el precio todo lo posible y por si fuera poco

nos pide datos personales innecesarios para hacer una compra. Las políticas de devolución no suelen ser claras ni

adecuadas a tanta incertidumbre y los costes de envío son sospechosamente altos

¿Si el vendedor de la esquina nos pidiera tanta confianza le compraríamos algo?”

Page 31: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

¿Cómo?

• Como en la vida real (teléfono, fotos, mismo nombre, siempre alguien para contestarte)

• Usable :-)

• Profesional (sin fallos, actualizados, ortografía, sin publicidad externa)

• Transparencia (precios, devoluciones)

• Soporte al cliente

• Otros: diseño elegante, certificados, accesibilidad

Page 32: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 33: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 34: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 35: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 36: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 37: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos Estructura y

Etiquetación

• Identificar clases de productos

• Darles nombres fácilmente reconocibles, recordables, cortos y diferenciados : “"Módem básico, Módem medio, Módem superior"” no todos podemos llamarnos XBOX

• Permitir Búsqueda eficaz

• Identifica tus productos con nombres

Page 38: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Ejemplo

Page 39: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 40: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 41: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 42: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 43: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 44: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 45: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 46: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Proceso de Compra

• Intuitivo

• Proceso estable

• Pocos pasos

• Opciones de compra visibles

• Información clara sobre proceso de compra y devolución

• Diferentes métodos de pago

Page 47: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Ejemplo

Page 48: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 49: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 50: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 51: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 52: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 53: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 54: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 55: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 56: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 57: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 58: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 59: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos Aparte...Google

Analytics

Page 60: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 61: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 62: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 63: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 64: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 65: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 66: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Formularios

• Únicamente lo NECESARIO

• Gestión de errores eficaz

Page 67: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 68: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 69: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Shopping Cart• Siempre accesible desde cualquier lugar

• Sin necesidad de registro

• Con número de productos y si posible el precio total

• Al Pulsar la Cesta: Resumen de Selección

• Poder hacer click sobre el producto para ver su descripción

• Estable (que no se pierda tu selección)

• SEGURO

Page 70: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 71: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Botón grande y claro

Page 72: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 73: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos

Page 74: N&Y   Curso 7 Y 8

Escu

ela

Supe

rior

de

Art

e y

Espe

ctác

ulos