presencia web comunicación  +  experiencia de usuario abril 2009
+ de qué hablaremos? <ul><li>El papel de la comunicación en la web </li></ul><ul><li>Presencia web: </li></ul><ul><ul><li>...
El papel de la comunicación en la web
El papel de comunicación en la web <ul><li>La web como medio de comunicación </li></ul><ul><li>Debemos entender que la web...
El papel de comunicación en la web <ul><li>La marca en la web  </li></ul><ul><li>Presencia de marca </li></ul><ul><li>Pers...
El papel de comunicación en la web <ul><li>Modelo de comunicación clásico </li></ul><ul><li>Emisor:  Es quien emite el men...
El papel de comunicación en la web <ul><li>Cambios en el modelo de comunicación </li></ul><ul><li>Ahora el  medio es el me...
Presencia web
Presencia web <ul><li>Razones para estar en la web   </li></ul><ul><li>Visibilidad:  Se debe estar presente para ser tomad...
Presencia web <ul><li>Creando presencia web: real y efectiva   </li></ul><ul><li>Qué vamos a hacer? </li></ul><ul><li>Por ...
Presencia web <ul><li>Creando presencia web: real y efectiva   </li></ul><ul><li>Qué debo hacer como cliente? </li></ul><u...
Presencia web <ul><li>Creando presencia web: real y efectiva   </li></ul><ul><li>Qué debo hacer como consultor web? </li><...
Presencia web <ul><li>Creando presencia web: real y efectiva   </li></ul><ul><li>Cómo lograr que los objetivos del cliente...
<ul><li>Alguna vez se preguntaron: </li></ul><ul><li>Dónde está el bóton? </li></ul><ul><li>Qué debo hacer? </li></ul><ul>...
Creando experiencia de usuario  (UX)
Creando experiencia de usuario <ul><li>Definición:   </li></ul><ul><li>La Experiencia de Usuario es la disciplina que se o...
Creando experiencia de usuario <ul><li>Disciplinas para crear  </li></ul><ul><li>agradables experiencias de usuario: </li>...
Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>&quot;Arquitectura de la Información ...
Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>Herramientas: </li></ul><ul><li>Card ...
Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>Un ejemplo de su NO aplicación </li><...
Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>Un ejemplo de su NO aplicación </li><...
Creando experiencia de usuario <ul><li>Usabilidad </li></ul><ul><li>&quot;La usabilidad se refiere a la capacidad de un so...
Creando experiencia de usuario <ul><li>Usabilidad </li></ul><ul><li>Tips que vienen al caso: </li></ul><ul><li>Por favor :...
Creando experiencia de usuario <ul><li>Usabilidad </li></ul><ul><li>Importancia y ventajas </li></ul><ul><li>Mejora la pro...
Creando experiencia de usuario Usabilidad Un ejemplo de su NO aplicación
Creando experiencia de usuario <ul><li>Accesibilidad </li></ul><ul><li>Capacidad del sitio web para ser visto con efectivi...
Creando experiencia de usuario Accesibilidad Un ejemplo de su NO aplicación Internet Explorer
Creando experiencia de usuario Accesibilidad Un ejemplo de su NO aplicación Firefox
Creando experiencia de usuario Accesibilidad Un ejemplo de su NO aplicación
Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Capacidad del sitio web para ser encontrado fácil...
Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Un gran porcentaje de las visitas a un sitio prov...
Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Un gran porcentaje de las visitas a un sitio prov...
Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Claves para ser encontrado </li></ul><ul><li>Quer...
Cómo evaluamos el trabajo?
Cómo evaluamos el trabajo? <ul><li>Métodos de evaluación </li></ul><ul><li>Test de usuarios + eyetracking </li></ul><ul><l...
Cómo evaluamos el trabajo? <ul><li>Un ejemplo de todo lo explicado: </li></ul><ul><li>Evaluación heurística </li></ul><ul>...
Cómo evaluamos el trabajo? <ul><li>Evaluación heurística </li></ul><ul><li>El logotipo no se encuentra como elemento impre...
Cómo evaluamos el trabajo? <ul><li>Evaluación heurística </li></ul><ul><li>El logotipo no se encuentra como elemento impre...
Cómo evaluamos el trabajo? <ul><li>Evaluación heurística </li></ul><ul><li>El logotipo no se encuentra como elemento impre...
Gracias! Omar Quispe  es Director de Proyectos y encargado de Experiencia de Usuario en  www.logoscomunicaciones.com
Bibliografía consultada <ul><li>Information Architecture </li></ul><ul><li>Peter Morville & Louis Rosenfeld  </li></ul><ul...
Consultas? dudas? Preguntas? Omar Quispe  es Director de Proyectos y encargado de Experiencia de Usuario en  www.logoscomu...
Upcoming SlideShare
Loading in...5
×

Presencia web + experiencia de usuario

2,678

Published on

Published in: Technology, Business
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,678
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Presencia web + experiencia de usuario

  1. 1. presencia web comunicación + experiencia de usuario abril 2009
  2. 2. + de qué hablaremos? <ul><li>El papel de la comunicación en la web </li></ul><ul><li>Presencia web: </li></ul><ul><ul><li>Razones para estar en la web </li></ul></ul><ul><ul><li>Creando presencia web: real y efectiva </li></ul></ul><ul><li>Creando experiencia de usuario (UX) </li></ul><ul><ul><li>Arquitectura de información </li></ul></ul><ul><ul><li>Usabilidad </li></ul></ul><ul><ul><li>Accesibilidad </li></ul></ul><ul><ul><li>Encontrabilidad </li></ul></ul><ul><li>Cómo evaluamos el trabajo ? </li></ul><ul><ul><li>Test de usuarios </li></ul></ul><ul><ul><li>Evaluación heurística </li></ul></ul>
  3. 3. El papel de la comunicación en la web
  4. 4. El papel de comunicación en la web <ul><li>La web como medio de comunicación </li></ul><ul><li>Debemos entender que la web, no es un medio de comunicación más, sino es el medio de comunicación </li></ul><ul><li>Es un medio de alcance masivo </li></ul><ul><li>Es un medio de públicos segmentados </li></ul><ul><li>Por lo tanto es o pueda llegar a ser más efectivo que cualquier otro medio </li></ul>
  5. 5. El papel de comunicación en la web <ul><li>La marca en la web </li></ul><ul><li>Presencia de marca </li></ul><ul><li>Personalidad de marca </li></ul><ul><li>Tono y estilo de la comunicación </li></ul><ul><li>Línea gráfica de comunicación </li></ul><ul><li>Posicionarse, fidelizar e influir </li></ul>
  6. 6. El papel de comunicación en la web <ul><li>Modelo de comunicación clásico </li></ul><ul><li>Emisor: Es quien emite el mensaje </li></ul><ul><li>Perceptor: Es quien recibe la información </li></ul><ul><li>Medio: Es el canal físico por el que se transmite el mensaje </li></ul><ul><li>Código: Es la forma que toma la información que se intercambia entre el emisor y el receptor </li></ul><ul><li>Mensaje: Es lo que se quiere transmitir </li></ul><ul><li>Contexto: Es la situación en el que se desarrolla el acto comunicativo. </li></ul>
  7. 7. El papel de comunicación en la web <ul><li>Cambios en el modelo de comunicación </li></ul><ul><li>Ahora el medio es el mensaje </li></ul>
  8. 8. Presencia web
  9. 9. Presencia web <ul><li>Razones para estar en la web </li></ul><ul><li>Visibilidad: Se debe estar presente para ser tomado en cuenta. Potenciales clientes te pueden estar buscando </li></ul><ul><li>Alcance: Abres las puertas de tu empresa o negocio al mundo </li></ul><ul><li>Atención al cliente: Tu empresa o negocio, abierto las 24 horas de día, los 365 días del año </li></ul><ul><li>Competencia: Se disminuyen las diferencias entre compañías pequeñas y grandes </li></ul><ul><li>Confianza: Cuando se menciona tu sitio Web, se presume un negocio serio. </li></ul><ul><li>Promoción económica y potente del negocio o empresa, los costos de desarrollo, mantenimiento y actualización, son de lejos los más bajos. </li></ul>
  10. 10. Presencia web <ul><li>Creando presencia web: real y efectiva </li></ul><ul><li>Qué vamos a hacer? </li></ul><ul><li>Por qué los vamos a hacer? </li></ul><ul><li>Cuáles serán los resultados? </li></ul>
  11. 11. Presencia web <ul><li>Creando presencia web: real y efectiva </li></ul><ul><li>Qué debo hacer como cliente? </li></ul><ul><li>Definir los objetivos del sitio web: </li></ul><ul><li>Objetivos de negocio </li></ul><ul><li>Identidad de marca </li></ul><ul><li>Medidas de satisfacción </li></ul><ul><li>Definir las necesidades de los usuarios: </li></ul><ul><li>Qué es lo que buscarán los usuarios en mi sitio? </li></ul><ul><li>Segmentación de usuarios </li></ul>
  12. 12. Presencia web <ul><li>Creando presencia web: real y efectiva </li></ul><ul><li>Qué debo hacer como consultor web? </li></ul><ul><li>Es simple: “escuchar” al cliente y al usuario </li></ul><ul><li>Modelar y exponer la información </li></ul><ul><li>Crear un sitio web simple y funcional </li></ul><ul><li>Generar una agradable experiencia de usuario </li></ul>
  13. 13. Presencia web <ul><li>Creando presencia web: real y efectiva </li></ul><ul><li>Cómo lograr que los objetivos del cliente y las necesidades de los usuarios se cumplan? </li></ul><ul><li>Creando agradables experiencias de usuario en tu web </li></ul>
  14. 14. <ul><li>Alguna vez se preguntaron: </li></ul><ul><li>Dónde está el bóton? </li></ul><ul><li>Qué debo hacer? </li></ul><ul><li>Cómo funciona? </li></ul><ul><li>Pensemos en los usuarios, </li></ul><ul><li>no les hagamos pensar </li></ul>
  15. 15. Creando experiencia de usuario (UX)
  16. 16. Creando experiencia de usuario <ul><li>Definición: </li></ul><ul><li>La Experiencia de Usuario es la disciplina que se ocupa de analizar, diseñar y/u optimizar la relación que se establece entre los usuarios/clientes y las empresas a través de todos los canales interactivos posibles. </li></ul><ul><li>Es lo que siente el usuario cuando ingresa a nuestro sitio web </li></ul>
  17. 17. Creando experiencia de usuario <ul><li>Disciplinas para crear </li></ul><ul><li>agradables experiencias de usuario: </li></ul><ul><li>Arquitectura de información </li></ul><ul><li>Usabilidad </li></ul><ul><li>Accesibilidad </li></ul><ul><li>Encontrabilidad </li></ul>
  18. 18. Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>&quot;Arquitectura de la Información (AI) se refiere al diseño, organización, etiquetado, navegación y sistemas de búsqueda que ayudan a los usuarios a encontrar y gestionar la información de manera efectiva“ </li></ul><ul><li>Lou Rosenfeld y Peter Morville. </li></ul><ul><li>Organización de los contenidos del sitio web de forma lógica desde la perspectiva del usuario. </li></ul>
  19. 19. Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>Herramientas: </li></ul><ul><li>Card sorting </li></ul><ul><li>Etiquetado y categorización </li></ul><ul><li>Diagramas de espacios funcionales </li></ul><ul><li>Secuencia de tarea en wireframes </li></ul>
  20. 20. Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>Un ejemplo de su NO aplicación </li></ul>
  21. 21. Creando experiencia de usuario <ul><li>Arquitectura de información </li></ul><ul><li>Un ejemplo de su NO aplicación </li></ul>
  22. 22. Creando experiencia de usuario <ul><li>Usabilidad </li></ul><ul><li>&quot;La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso&quot; ISO/IEC 9126 </li></ul><ul><li>Interfaz gráfica fácil de usar y aprender para el usuario. </li></ul>
  23. 23. Creando experiencia de usuario <ul><li>Usabilidad </li></ul><ul><li>Tips que vienen al caso: </li></ul><ul><li>Por favor :P NO flash, no intros </li></ul><ul><li>Tres clics máximo </li></ul><ul><li>Ofrecer información a primera vista, guiar al usuario </li></ul><ul><li>Dejar rastros de navegación </li></ul>
  24. 24. Creando experiencia de usuario <ul><li>Usabilidad </li></ul><ul><li>Importancia y ventajas </li></ul><ul><li>Mejora la productividad. </li></ul><ul><li>Mejora la satisfacción. </li></ul><ul><li>Mejora la calidad de vida de los usuarios. </li></ul><ul><li>Reducción de los costos de aprendizaje. </li></ul><ul><li>Disminución de los costos de asistencia y ayuda al usuario. </li></ul><ul><li>Aumento de la tasa de conversión de visitantes a clientes. </li></ul><ul><li>Mejora la imagen y el prestigio del sitio y de la institución. </li></ul>
  25. 25. Creando experiencia de usuario Usabilidad Un ejemplo de su NO aplicación
  26. 26. Creando experiencia de usuario <ul><li>Accesibilidad </li></ul><ul><li>Capacidad del sitio web para ser visto con efectividad por usuarios normales y con discapacidades, Además de navegadores web y/o sistemas operativos (visibilidad) </li></ul><ul><li>Cómo lo logramos? </li></ul><ul><li>La conseguimos siguiendo estándares de desarrollo web </li></ul>
  27. 27. Creando experiencia de usuario Accesibilidad Un ejemplo de su NO aplicación Internet Explorer
  28. 28. Creando experiencia de usuario Accesibilidad Un ejemplo de su NO aplicación Firefox
  29. 29. Creando experiencia de usuario Accesibilidad Un ejemplo de su NO aplicación
  30. 30. Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Capacidad del sitio web para ser encontrado fácilmente </li></ul>
  31. 31. Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces debemos preguntarnos: </li></ul><ul><li>¿Encontrará mi sitio un buscador? </li></ul><ul><li>La respuesta es no, si no has registrado tu sitio o si no posees un enlace desde un sitio conocido </li></ul><ul><li>¿Pongo trabas a los buscadores? </li></ul><ul><li>La respuesta es sí, si se usa Flash, Java Script exagerado u otros mecanismos que no permiten extraer los enlaces hacia páginas internas </li></ul>
  32. 32. Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces debemos preguntarnos: </li></ul><ul><li>¿Tengo el texto correcto en mi página principal? ¿Puedo encontrar mi sitio imaginando que palabras usarán mis clientes? </li></ul><ul><li>¿Queda mi sitio bien ubicado en una búsqueda? </li></ul><ul><li>Si la respuesta es no, consigue enlaces desde otros sitios y mejora los contenidos del sitio web. </li></ul>
  33. 33. Creando experiencia de usuario <ul><li>Encontrabilidad </li></ul><ul><li>Claves para ser encontrado </li></ul><ul><li>Querer ser encontrado </li></ul><ul><li>Código estándar y semántico en el sitio web </li></ul><ul><li>Herramientas para comprobarlo </li></ul><ul><li>Hablar en el lenguaje en que te buscan (Contenido semántico) </li></ul><ul><li>La gente busca haciéndole preguntas a los buscadores </li></ul>
  34. 34. Cómo evaluamos el trabajo?
  35. 35. Cómo evaluamos el trabajo? <ul><li>Métodos de evaluación </li></ul><ul><li>Test de usuarios + eyetracking </li></ul><ul><li>Evaluación heurística </li></ul>
  36. 36. Cómo evaluamos el trabajo? <ul><li>Un ejemplo de todo lo explicado: </li></ul><ul><li>Evaluación heurística </li></ul><ul><li>Analizando www.prodemffp.com.bo </li></ul><ul><li>Se pretende llegar a establecer los principales errores de funcionalidad y estructura del sitio web. </li></ul>
  37. 37. Cómo evaluamos el trabajo? <ul><li>Evaluación heurística </li></ul><ul><li>El logotipo no se encuentra como elemento imprescindible del diseño. ¿Dónde queda la marca? </li></ul><ul><li>No existe actualización de campañas y/o lanzamientos de nuevos productos. ¿Dónde busco información de la última campaña? </li></ul><ul><li>Menú en flash. Qué hacemos si no tenemos el plugin? No navegamos </li></ul><ul><li>Muchos contenidos sin ninguna jerarquía de la información. </li></ul><ul><li>Scroll en contenidos (no usable) </li></ul><ul><li>No existe contenido rico e intuible. ¿Requisitos para abrir mi cuenta de ahorro? </li></ul><ul><li>Navegabilidad. Uso de flechas??? </li></ul>
  38. 38. Cómo evaluamos el trabajo? <ul><li>Evaluación heurística </li></ul><ul><li>El logotipo no se encuentra como elemento imprescindible del diseño. ¿Dónde queda la marca? </li></ul><ul><li>No existe actualización de campañas y/o lanzamientos de nuevos productos. ¿Dónde busco información de la última campaña? </li></ul><ul><li>Menú en flash. Qué hacemos si no tenemos el plugin? No navegamos </li></ul><ul><li>Muchos contenidos sin ninguna jerarquía de la información. </li></ul><ul><li>Scroll en contenidos (no usable) </li></ul><ul><li>No existe contenido rico e intuible. ¿Requisitos para abrir mi cuenta de ahorro? </li></ul><ul><li>Navegabilidad. Uso de flechas??? </li></ul>
  39. 39. Cómo evaluamos el trabajo? <ul><li>Evaluación heurística </li></ul><ul><li>El logotipo no se encuentra como elemento imprescindible del diseño. ¿Dónde queda la marca? </li></ul><ul><li>No existe actualización de campañas y/o lanzamientos de nuevos productos. ¿Dónde busco información de la última campaña? </li></ul><ul><li>Menú en flash. Qué hacemos si no tenemos el plugin? No navegamos </li></ul><ul><li>Muchos contenidos sin ninguna jerarquía de la información. </li></ul><ul><li>Scroll en contenidos (no usable) </li></ul><ul><li>No existe contenido rico e intuible. ¿Requisitos para abrir mi cuenta de ahorro? </li></ul><ul><li>Navegabilidad. Uso de flechas??? </li></ul>
  40. 40. Gracias! Omar Quispe es Director de Proyectos y encargado de Experiencia de Usuario en www.logoscomunicaciones.com
  41. 41. Bibliografía consultada <ul><li>Information Architecture </li></ul><ul><li>Peter Morville & Louis Rosenfeld </li></ul><ul><li>The elements of user experience </li></ul><ul><li>Jesse James Garret </li></ul><ul><li>Designing web usability </li></ul><ul><li>Jacob Nielsen </li></ul><ul><li>Del HTML a la Fidelidad </li></ul><ul><li>Ricardo Baeza-Yates - Marcelo Garrido </li></ul><ul><li>CIW-DCC, U. de Chile </li></ul>
  42. 42. Consultas? dudas? Preguntas? Omar Quispe es Director de Proyectos y encargado de Experiencia de Usuario en www.logoscomunicaciones.com

×