Omar Quispe Presencia Web
-
Upload
bolivia-webprende -
Category
Education
-
view
1.251 -
download
2
Transcript of Omar Quispe Presencia Web
presencia webcomunicación + experiencia de usuario
abril 2009
+ de qué hablaremos?
• El papel de la comunicación en la web
• Presencia web:– Razones para estar en la web– Creando presencia web: real y efectiva
• Creando experiencia de usuario (UX) – Arquitectura de información– Usabilidad– Accesibilidad– Encontrabilidad
• Cómo evaluamos el trabajo ? – Test de usuarios– Evaluación heurística
El papel de la comunicación en la web
El papel de comunicación en la webLa web como medio de comunicación
• Debemos entender que la web, no es un medio de comunicación más, sino es el medio de comunicación
• Es un medio de alcance masivo
• Es un medio de públicos segmentados
• Por lo tanto es o pueda llegar a ser más efectivo que cualquier otro medio
El papel de comunicación en la webLa marca en la web
• Presencia de marca• Personalidad de marca• Tono y estilo de la comunicación• Línea gráfica de comunicación
Posicionarse, fidelizar e influir
El papel de comunicación en la webModelo de comunicación clásico
• Emisor: Es quien emite el mensaje
• Perceptor: Es quien recibe la información
• Medio: Es el canal físico por el que se transmite el mensaje
• Código: Es la forma que toma la información que se intercambia entre el emisor y el receptor
• Mensaje: Es lo que se quiere transmitir
• Contexto: Es la situación en el que se desarrolla el acto comunicativo.
El papel de comunicación en la webCambios en el modelo de comunicación
• Ahora el medio es el mensaje
Presencia web
Presencia web
Razones para estar en la web
• Visibilidad: Se debe estar presente para ser tomado en cuenta. Potenciales clientes te pueden estar buscando
• Alcance: Abres las puertas de tu empresa o negocio al mundo
• Atención al cliente: Tu empresa o negocio, abierto las 24 horas de día, los 365 días del año
• Competencia: Se disminuyen las diferencias entre compañías pequeñas y grandes
• Confianza: Cuando se menciona tu sitio Web, se presume un negocio serio.
• 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.
Presencia web
Creando presencia web: real y efectiva
• Qué vamos a hacer?
• Por qué los vamos a hacer?
• Cuáles serán los resultados?
Presencia web
Creando presencia web: real y efectiva
Qué debo hacer como cliente?
Definir los objetivos del sitio web:• Objetivos de negocio• Identidad de marca• Medidas de satisfacción
Definir las necesidades de los usuarios:• Qué es lo que buscarán los usuarios en mi sitio?• Segmentación de usuarios
Presencia web
Creando presencia web: real y efectiva
Qué debo hacer como consultor web?
• Es simple: “escuchar” al cliente y al usuario
• Modelar y exponer la información
• Crear un sitio web simple y funcional
• Generar una agradable experiencia de usuario
Presencia web
Creando presencia web: real y efectiva
Cómo lograr que los objetivos del cliente y las necesidades de los usuarios se cumplan?
Creando agradables experiencias de usuario en tu web
Alguna vez se preguntaron:
Dónde está el bóton?Qué debo hacer?Cómo funciona?
Pensemos en los usuarios, no los hagamos pensar
Creando experiencia de usuario (UX)
Creando experiencia de usuario
Definición:
• 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.
• Es lo que siente el usuario cuando ingresa a nuestro sitio web
Creando experiencia de usuario
Disciplinas para crear agradables experiencias de usuario:
• Arquitectura de información
• Usabilidad
• Accesibilidad
• Encontrabilidad
Creando experiencia de usuario
Arquitectura de información
"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“ Lou Rosenfeld y Peter Morville.
Organización de los contenidos del sitio web de forma lógica desde la perspectiva del usuario.
Creando experiencia de usuario
Arquitectura de información
Herramientas:
• Card sorting
• Etiquetado y categorización
• Diagramas de espacios funcionales
• Secuencia de tarea en wireframes
Creando experiencia de usuarioArquitectura de informaciónUn ejemplo de su NO aplicación
Creando experiencia de usuarioArquitectura de informaciónUn ejemplo de su NO aplicación
Creando experiencia de usuario
Usabilidad
"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" ISO/IEC 9126
Interfaz gráfica fácil de usar y aprender para el usuario.
Creando experiencia de usuario
Usabilidad
Tips que vienen al caso:
• Por favor :P NO flash, no intros
• Tres clics máximo
• Ofrecer información a primera vista, guiar al usuario
• Dejar rastros de navegación
Creando experiencia de usuario
Usabilidad
Importancia y ventajas
• Mejora la productividad.• Mejora la satisfacción.• Mejora la calidad de vida de los usuarios. • Reducción de los costos de aprendizaje.• Disminución de los costos de asistencia y ayuda al usuario.• Aumento de la tasa de conversión de visitantes a clientes.• Mejora la imagen y el prestigio del sitio y de la institución.
Creando experiencia de usuarioUsabilidadUn ejemplo de su NO aplicación
Creando experiencia de usuario
Accesibilidad
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)
Cómo lo logramos?La conseguimos siguiendo estándares de desarrollo web
Creando experiencia de usuarioAccesibilidadUn ejemplo de su NO aplicación
InternetExplorer
Creando experiencia de usuarioAccesibilidadUn ejemplo de su NO aplicación
Firefox
Creando experiencia de usuarioAccesibilidadUn ejemplo de su NO aplicación
Creando experiencia de usuario
Encontrabilidad
Capacidad del sitio web para ser encontrado fácilmente
Creando experiencia de usuario
Encontrabilidad
Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces debemos preguntarnos:
¿Encontrará mi sitio un buscador? La respuesta es no, si no ha registrado su sitio o si no posee un enlace desde un sitio conocido
¿Pongo trabas a los buscadores? La respuesta es sí, si se usa Flash, Java Script exagerado u otros mecanismos que no permiten extraer los enlaces hacia páginas internas
Creando experiencia de usuario
Encontrabilidad
Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces debemos preguntarnos:
¿Tengo el texto correcto en mi página principal? ¿Puedo encontrar mi sitio imaginando que palabras usarán mis clientes?
¿Queda mi sitio bien ubicado en una búsqueda? Si la respuesta es no, consiga enlaces desde otros sitios y mejore los contenidos del sitio web.
Creando experiencia de usuario
Encontrabilidad
Claves para ser encontrado• Querer ser encontrado
• Código estándar y semántico en el sitio web
• Herramientas para comprobarlo
• Hablar en el lenguaje en que te buscan (Contenido semántico)
• La gente busca haciéndole preguntas a los buscadores
Cómo evaluamos el trabajo?
Cómo evaluamos el trabajo?
Métodos de evaluación
• Test de usuarios + eyetracking
• Evaluación heurística
Cómo evaluamos el trabajo?
Un ejemplo de todo lo explicado:Evaluación heurística
Analizando www.prodemffp.com.boSe pretende llegar a establecer los principales errores de funcionalidad y estructura del sitio web.
Cómo evaluamos el trabajo?Evaluación heurística
• El logotipo no se encuentra como elemento imprescindible del diseño. ¿Dónde queda la marca?
• No existe actualización de campañas y/o lanzamientos de nuevos productos. ¿Dónde busco información de la última campaña?
• Menú en flash. Qué hacemos si no tenemos el plugin? No navegamos
• Muchos contenidos sin ninguna jerarquía de la información.
• Scroll en contenidos (no usable)
• No existe contenido rico e intuible. ¿Requisitos para abrir mi cuenta de ahorro?
• Navegabilidad. Uso de flechas???
Cómo evaluamos el trabajo?Evaluación heurística
• El logotipo no se encuentra como elemento imprescindible del diseño. ¿Dónde queda la marca?
• No existe actualización de campañas y/o lanzamientos de nuevos productos. ¿Dónde busco información de la última campaña?
• Menú en flash. Qué hacemos si no tenemos el plugin? No navegamos
• Muchos contenidos sin ninguna jerarquía de la información.
• Scroll en contenidos (no usable)
• No existe contenido rico e intuible. ¿Requisitos para abrir mi cuenta de ahorro?
• Navegabilidad. Uso de flechas???
Cómo evaluamos el trabajo?Evaluación heurística
• El logotipo no se encuentra como elemento imprescindible del diseño. ¿Dónde queda la marca?
• No existe actualización de campañas y/o lanzamientos de nuevos productos. ¿Dónde busco información de la última campaña?
• Menú en flash. Qué hacemos si no tenemos el plugin? No navegamos
• Muchos contenidos sin ninguna jerarquía de la información.
• Scroll en contenidos (no usable)
• No existe contenido rico e intuible. ¿Requisitos para abrir mi cuenta de ahorro?
• Navegabilidad. Uso de flechas???
Gracias!
Omar Quispe es Director de Proyectos y encargado de Experiencia de Usuario en www.logoscomunicaciones.com
Bibliografía consultada
• Information ArchitecturePeter Morville & Louis Rosenfeld
• The elements of user experienceJesse James Garret
• Designing web usabilityJacob Nielsen
• Del HTML a la FidelidadRicardo Baeza-Yates - Marcelo Garrido CIW-DCC, U. de Chile
Consultas?dudas?
Preguntas?
Omar Quispe es Director de Proyectos y encargado de Experiencia de Usuario en www.logoscomunicaciones.com