• Save
Presencia web + experiencia de usuario
Upcoming SlideShare
Loading in...5
×
 

Presencia web + experiencia de usuario

on

  • 3,997 views

 

Statistics

Views

Total Views
3,997
Views on SlideShare
3,638
Embed Views
359

Actions

Likes
5
Downloads
24
Comments
0

7 Embeds 359

http://www.omarquispe.com 222
http://lab.simple99.com 64
http://omarquispe.com 51
http://www.slideshare.net 17
http://localhost 3
http://webcache.googleusercontent.com 1
http://translate.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Presencia web + experiencia de usuario Presencia web + experiencia de usuario Presentation Transcript

    • presencia web comunicació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 web
      • La 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 web
      • La 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 web
      • Modelo 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 web
      • Cambios 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 les 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 usuario
      • Arquitectura de información
      • Un ejemplo de su NO aplicación
    • Creando experiencia de usuario
      • Arquitectura de información
      • Un 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 usuario Usabilidad Un 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 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
      • 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 has registrado tu sitio o si no posees 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, consigue enlaces desde otros sitios y mejora 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.bo
      • Se 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 Architecture
      • Peter Morville & Louis Rosenfeld
      • The elements of user experience
      • Jesse James Garret
      • Designing web usability
      • Jacob Nielsen
      • Del HTML a la Fidelidad
      • Ricardo 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