Escuela Superior de Arte y Espectáculos




                 Usabilidad
               Navegabilidad y
Escuela Superior de Arte y Espectáculos




              Sitios webs
             corporativos
Escuela Superior de Arte y Espectáculos               Elementos
                                                    Fundam...
Escuela Superior de Arte y Espectáculos
                                              No es imposible...

                ...
Escuela Superior de Arte y Espectáculos
                                                Reducir el peso


                ...
Escuela Superior de Arte y Espectáculos




           • Fuentes
           • Colores
                               Estil...
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
                                          Organizar información

                 ...
Escuela Superior de Arte y Espectáculos
                                                  Call-to-action


               ...
Escuela Superior de Arte y Espectáculos
                                                   Persuabilidad

                ...
Escuela Superior de Arte y Espectáculos
                                          Información Financiera

                ...
Escuela Superior de Arte y Espectáculos
                                Ejemplos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
                                          Foco : “Sobre nosotros”

               ...
Escuela Superior de Arte y Espectáculos       Foco: Escribir una
                                                 Newslett...
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos




                E-Business
Escuela Superior de Arte y Espectáculos            Elementos
                                                 Fundamentale...
Escuela Superior de Arte y Espectáculos     ¿Por qué compra el
                                                 usuario?
 ...
Escuela Superior de Arte y Espectáculos
                                          Generar Confianza
                       ...
Escuela Superior de Arte y Espectáculos
                                                             ¿Cómo?
              ...
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos               Estructura y
                                                      E...
Escuela Superior de Arte y Espectáculos
                               Ejemplo
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
                                            Proceso de Compra
                    ...
Escuela Superior de Arte y Espectáculos
                               Ejemplo
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
                               Analytics
                            Aparte...Goog...
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
                                                  Formularios


                  ...
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
                                                    Shopping Cart
                ...
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos




              Botón grande y claro
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Escuela Superior de Arte y Espectáculos
Próxima SlideShare
Cargando en…5
×

N&Y Curso 7 Y 8

436 visualizaciones

Publicado el

Publicado en: Educación, Tecnología
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
436
En SlideShare
0
De insertados
0
Número de insertados
50
Acciones
Compartido
0
Descargas
8
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

N&Y Curso 7 Y 8

  1. 1. Escuela Superior de Arte y Espectáculos Usabilidad Navegabilidad y
  2. 2. Escuela Superior de Arte y Espectáculos Sitios webs corporativos
  3. 3. Escuela Superior de Arte y Espectáculos 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
  4. 4. Escuela Superior de Arte y Espectáculos No es imposible... • El precio de una página mal hecha • Convencer a su cliente • Comparar
  5. 5. Escuela Superior de Arte y Espectáculos Reducir el peso • Evitar Flash en portada • Reducir el peso de las imagenes
  6. 6. Escuela Superior de Arte y Espectáculos • Fuentes • Colores Estilos
  7. 7. Escuela Superior de Arte y Espectáculos
  8. 8. Escuela Superior de Arte y Espectáculos
  9. 9. Escuela Superior de Arte y Espectáculos Organizar información • ¿Quiénes son tus “usuarios”? • Accionistas, medios de comunicación, empleados, etc... • Identificar los contenidos más visitados
  10. 10. Escuela Superior de Arte y Espectáculos Call-to-action • Obtener información sobre sus usuarios • Visibles
  11. 11. Escuela Superior de Arte y Espectáculos Persuabilidad • Escribir para la web • “Freebies” • Ejemplo de “Multiplica”: http:// www.multiplica.com
  12. 12. Escuela Superior de Arte y Espectáculos Información Financiera • ¿Por qué es importante? • Más alla del PFD... • Gráficos
  13. 13. Escuela Superior de Arte y Espectáculos Ejemplos
  14. 14. Escuela Superior de Arte y Espectáculos
  15. 15. Escuela Superior de Arte y Espectáculos
  16. 16. Escuela Superior de Arte y Espectáculos
  17. 17. Escuela Superior de Arte y Espectáculos
  18. 18. Escuela Superior de Arte y Espectáculos
  19. 19. Escuela Superior de Arte y Espectáculos
  20. 20. Escuela Superior de Arte y Espectáculos
  21. 21. Escuela Superior de Arte y Espectáculos Foco : “Sobre nosotros” • Mejor no utilizar “quiénes somos”, pero “conócenos” “qué podemos hacer por ti?” • No somos los mejores • Fotos reales
  22. 22. Escuela Superior de Arte y Espectáculos 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...)
  23. 23. Escuela Superior de Arte y Espectáculos
  24. 24. Escuela Superior de Arte y Espectáculos
  25. 25. Escuela Superior de Arte y Espectáculos
  26. 26. Escuela Superior de Arte y Espectáculos
  27. 27. Escuela Superior de Arte y Espectáculos E-Business
  28. 28. Escuela Superior de Arte y Espectáculos 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
  29. 29. Escuela Superior de Arte y Espectáculos ¿Por qué compra el usuario? • Comodidad (sin horarios) y flexibilidad • Rapidez • Posibilidad de elegir • Información disponible
  30. 30. Escuela Superior de Arte y Espectáculos 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?”
  31. 31. Escuela Superior de Arte y Espectáculos ¿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
  32. 32. Escuela Superior de Arte y Espectáculos
  33. 33. Escuela Superior de Arte y Espectáculos
  34. 34. Escuela Superior de Arte y Espectáculos
  35. 35. Escuela Superior de Arte y Espectáculos
  36. 36. Escuela Superior de Arte y Espectáculos
  37. 37. Escuela Superior de Arte y Espectáculos 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
  38. 38. Escuela Superior de Arte y Espectáculos Ejemplo
  39. 39. Escuela Superior de Arte y Espectáculos
  40. 40. Escuela Superior de Arte y Espectáculos
  41. 41. Escuela Superior de Arte y Espectáculos
  42. 42. Escuela Superior de Arte y Espectáculos
  43. 43. Escuela Superior de Arte y Espectáculos
  44. 44. Escuela Superior de Arte y Espectáculos
  45. 45. Escuela Superior de Arte y Espectáculos
  46. 46. Escuela Superior de Arte y Espectáculos 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
  47. 47. Escuela Superior de Arte y Espectáculos Ejemplo
  48. 48. Escuela Superior de Arte y Espectáculos
  49. 49. Escuela Superior de Arte y Espectáculos
  50. 50. Escuela Superior de Arte y Espectáculos
  51. 51. Escuela Superior de Arte y Espectáculos
  52. 52. Escuela Superior de Arte y Espectáculos
  53. 53. Escuela Superior de Arte y Espectáculos
  54. 54. Escuela Superior de Arte y Espectáculos
  55. 55. Escuela Superior de Arte y Espectáculos
  56. 56. Escuela Superior de Arte y Espectáculos
  57. 57. Escuela Superior de Arte y Espectáculos
  58. 58. Escuela Superior de Arte y Espectáculos
  59. 59. Escuela Superior de Arte y Espectáculos Analytics Aparte...Google
  60. 60. Escuela Superior de Arte y Espectáculos
  61. 61. Escuela Superior de Arte y Espectáculos
  62. 62. Escuela Superior de Arte y Espectáculos
  63. 63. Escuela Superior de Arte y Espectáculos
  64. 64. Escuela Superior de Arte y Espectáculos
  65. 65. Escuela Superior de Arte y Espectáculos
  66. 66. Escuela Superior de Arte y Espectáculos Formularios • Únicamente lo NECESARIO • Gestión de errores eficaz
  67. 67. Escuela Superior de Arte y Espectáculos
  68. 68. Escuela Superior de Arte y Espectáculos
  69. 69. Escuela Superior de Arte y Espectáculos 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
  70. 70. Escuela Superior de Arte y Espectáculos
  71. 71. Escuela Superior de Arte y Espectáculos Botón grande y claro
  72. 72. Escuela Superior de Arte y Espectáculos
  73. 73. Escuela Superior de Arte y Espectáculos
  74. 74. Escuela Superior de Arte y Espectáculos

×