• Save
Usabilidad y diseño centrado en la experiencia del usuario
Upcoming SlideShare
Loading in...5
×
 

Usabilidad y diseño centrado en la experiencia del usuario

on

  • 9,281 views

Introducción a la usabilidad presentando la relación con el diseño centrado en el usuario. Se muestran ejemplos que indican los elementos relevantes de cada concepto

Introducción a la usabilidad presentando la relación con el diseño centrado en el usuario. Se muestran ejemplos que indican los elementos relevantes de cada concepto

Statistics

Views

Total Views
9,281
Views on SlideShare
9,040
Embed Views
241

Actions

Likes
14
Downloads
0
Comments
1

12 Embeds 241

http://cursos.udem.edu.mx 96
https://udem.blackboard.com 51
https://cursos-udem.blackboard.com 31
http://ihm.ccadet.unam.mx 28
http://udem.blackboard.com 13
http://148.238.31.12 7
http://www.slideshare.net 4
http://cursos.udem.edu.mx:80 4
https://twitter.com 3
http://132.248.177.20 2
http://cursosprod.udem.edu.mx 1
http://www.linkedin.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…
  • Muy completa
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Usabilidad y diseño centrado en la experiencia del usuario Usabilidad y diseño centrado en la experiencia del usuario Presentation Transcript

    • El diseño centrado en la experiencia del usuario y la usabilidad
  • HAGAMOS PEQUEÑOS EJERCICIOS…
  • ¿Qué hace y por qué esta “online”…
  •  
  • ¿A DAR INFORMACIÓN DEL CLIMA?
  • ¡NO! VENDE APARATOS ELECTRODOMÉSTICOS Y TECNOLOGÍA PARA EL HOGAR
  • ¿Qué hace y por qué esta “online”…
  •  
  • ¿A DAR NOTICIAS Y EVENTOS DE GOBIERNO?
  • ¡NO! ES UN PORTAL DE PARTICIPACIÓN CIUDADANA
  • ¿Qué hace y por qué esta “online”…
  •  
  • ¿FABRICA AVIONES?
  • ¡NO! VENDE ANILLOS DE NICKEL Y TITANIO
  • ¿Qué tienen en común estas organizaciones?
  • No hubo planeación, ni estrategia de diseño
  • Además…
    • Invirtieron recursos económicos.
    • Hubo esfuerzo en la labor de diseñar una experiencia para sus clientes/usuarios.
    • Son organizaciones medianas o grandes.
  • ¿Qué fue lo que pasó?
    • No hay un seguimiento adecuado.
    • No se planeo en función de lo que se es importante para el cliente/usuario.
    • No se evaluó la experiencia y percepción del cliente/usuario.
  • Hacerlo adecuadamente se conoce como… DISEÑO CENTRADO EN LA EXPERIENCIA DEL USUARIO … y no es algo nuevo.
  • En 1990 Donald Norman definió que…
  • “ El diseñador debe conducir sus actividades teniendo en cuenta a la persona, en lugar de pensar sobre las posibilidades tecnológicas o sus propios gustos”
  • Los problemas….
    • El diseño de experiencias interactivas:
      • No es planificado
      • Persigue modas
      • No se utilizan las herramientas correctas
      • No tiene un seguimiento adecuado con personas preparadas
  •  
    • ¿Dónde empieza
    • la experiencia
    • del usuario?
  • El modelo causal
  • Ricardo Baeza-Yates Director de Yahoo Research Latin America Encuéntrame, descárgame y úsame. Déjate luego seducir y vuelve a mí una y otra vez. Yo por mi parte usaré mucho, mucho sentido común y trataré de sorprenderte cada día. “ ”
  • Ubicuidad: findability ¿Cómo buscarían esta empresa? www.kelvin.com.mx
  • 1 2 3 ? Ubicuidad: visibilidad
  • Necesidades reales Necesidades esperadas Diseño Ubicuidad Arquitectura de Información Uso Usabilidad Minería de Uso
  • www.cemexmexico.com Arquitectura de información: contenido y estructura
  • Necesidades reales Necesidades esperadas Diseño Ubicuidad Arquitectura de Información Uso Usabilidad Minería de Uso
  • Minería de uso
  • ¿Qué es la 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
  • “ Usabilidad es la eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico ” ISO/IEC 9241
  • “ La usabilidad es un atributo de calidad que asegura la facilidad de uso en las interfaces de usuario. También se refiere a los métodos empleados en el proceso de diseño para mejorar la facilidad de uso” Jakob Nielsen
  • Atributos de la usabilidad
  • Facilidad de aprendizaje www.sat.gob.mx
  • Facilidad de aprendizaje Internet Explorer Mozilla Firefox Netscape Navigator
  • MSN Messenger Skype Eficiencia
  • Retención sobre el tiempo 2005 2006 2007 2009
  • www.useit.com Tasa de error de los usuarios
  • Satisfacción subjetiva www.hotmail.com www.gmail.com
  • Transformación del diseño web
  • Diseño centrado en la compañía
  • Diseño centrado en la tecnología
  • Diseño centrado en el diseño
  • Diseño centrado en la experiencia del usuario
  • Necesidades del Usuario Objetivos del Sitio Necesidades a partir de la investigación de los usuarios (Demo / Etno / Psicográficos) Objetivos del negocio y obtenidos de la organización El diseño centrado en el usuario Fuente: Jesse James Garrett. http://www.jjg.net
  • Necesidades del Usuario Objetivos del Sitio Especificaciones Funcionales Requerimientos de Contenido Funcionalidades y herramientas que satisfacen las necesidades del usuario Elementos de contenido que satisfacen los requerimientos del usuario El diseño centrado en el usuario Fuente: Jesse James Garrett. http://www.jjg.net
  • Necesidades del Usuario Objetivos del Sitio Especificaciones Funcionales Requerimientos de Contenido Diseño de Interacción Arquitectura de Información Definición de cómo el usuario interactúa con la funcionalidad (tecnología trabaja por ellos) Definición de la estructura de la información para que sea lógica e intuitiva El diseño centrado en el usuario Fuente: Jesse James Garrett. http://www.jjg.net
  • Necesidades del Usuario Objetivos del Sitio Especificaciones Funcionales Requerimientos de Contenido Diseño de Interacción Arquitectura de Información Interfaces - Navegación Diseño de la Información Diseño de los elementos de la interfaz que faciliten el uso Diseño de los movimientos del usuario a través de la arquitectura de información Diseño de la presentación e integración de la información para que sea fácil de entender El diseño centrado en el usuario Fuente: Jesse James Garrett. http://www.jjg.net
  • Necesidades del Usuario Objetivos del Sitio Especificaciones Funcionales Requerimientos de Contenido Diseño de Interacción Arquitectura de Información Interfaces - Navegación Diseño de la Información Diseño Visual Composición y tratamiento de los elementos visuales (texto y gráficos), componentes de la navegación y elementos de la interfaz (“look & feel”) El diseño centrado en el usuario Fuente: Jesse James Garrett. http://www.jjg.net
  • Metodología
    • Etnografía/Antropología
    • Psicología congnitiva
      • Persuación
      • Emoción
      • Confianza
    • Ingeniería de requerimientos
      • Qué espera el cliente
    • Mercadotecnia
      • Segmentación de usuarios
      • Técnicas para recopilar necesidades y opiniones
      • Grupos de enfoque
      • Comportamiento del consumidor
    • Aspectos sociales y cognitivos
      • Antropología
      • Etnografía
      • Aprendizaje
    • Evaluaciones de usabilidad
      • Inspecciones y heurísticas
      • Pruebas con usuarios
      • Pruebas automatizadas
    • Diseño de interacción
    • Arquitectura de información
      • Sistemas de navegación
      • Sistemas de organización
      • Sistemas de rotulado y etiquetado
      • Sistemas de búsqueda
      • Lenguajes visuales y de representación
    • Diseño de interfaces
    • Diseño de navegación
    • Diseño de información
    • Lenguaje plano
    • Diseño visual
      • Tipografías
      • Colores
      • Íconos
      • Retículas
      • Imágenes
    • Accesibilidad
    • Tecnología
      • Administradores de contenidos
      • Estándares: HTML, CSS
      • Internet y sus características
      • Seguridad
  • Fuente: The Future of Wireframes de Information Architects Inc.