SlideShare una empresa de Scribd logo
1 de 68
Usabilidad 2.0:  Más allá de la Interfaz (gráfica) Yusef Hassan Montero SCImago Research Group USID’09
Objetivos Recorrido desde los principios de diseño y técnicas fundamentales de la usabilidad y el Diseño Centrado en el Usuario, hacia los nuevos retos de diseño planteados por la Web Social.
Estructura ,[object Object],[object Object],[object Object],[object Object],[object Object]
0. Usabilidad
0. Usabilidad Usabilidad = Facilidad de uso
0. Usabilidad Usabilidad = Facilidad de uso Un sinónimo es una mala definición.
0. Usabilidad
0. Usabilidad Dimensiones: Relativa Empírica Ética Dependiente
0. Usabilidad : Relativa
0. Usabilidad : Empírica A mi no me parece que sea poco usable. Directivo anónimo
0. Usabilidad : Ética
0. Usabilidad : Dependiente Utilidad Usabilidad
0. Usabilidad Disciplinas relacionadas: Accesibilidad Arquitectura de Información Diseño de Interacción Diseño Gráfico SEO (Posicionamiento en buscadores)
1. El factor humano
1. El factor humano ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1. El factor humano (percepción visual)
1. El factor humano (percepción visual)
1. El factor humano (percepción visual)
1. El factor humano (percepción visual)
1. El factor humano (percepción visual) dustincurtis.com
1. El factor humano (memoria)
1. El factor humano (memoria)
1. El factor humano (procesamiento de información)
1. El factor humano (procesamiento de información) “ Lo más”
1. El factor humano (actividad motriz)
1. El factor humano (actividad motriz)
1. El factor humano (actividad motriz)
1. El factor humano (actividad motriz)
1. El factor humano (modelos mentales) Nuestro cliente no es el usuario. Nosotros no somos el usuario. Los usuarios no son como creemos.
1. El factor humano (comportamiento condicionado)
1. El factor humano (comportamiento condicionado) Fuente: flickr.com/photos/evades
1. El factor humano (comportamiento condicionado)
2. Diseño Centrado en el Usuario
2. Diseño Centrado en el Usuario
2. Diseño Centrado en el Usuario Test de Usuarios http://www.jungleminds.com/publications/articles/effective_usability_testing_for_intranet
2. Diseño Centrado en el Usuario Test de Usuarios ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
2. Diseño Centrado en el Usuario Eye-Tracking http://www.useit.com/alertbox/reading_pattern.html
2. Diseño Centrado en el Usuario Eye-Tracking ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
2. Diseño Centrado en el Usuario Card Sorting http://usalo.es/63/card-sorting-el-medio-es-el-mensaje/
2. Diseño Centrado en el Usuario Card Sorting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
3. Web Social
3. Web Social
3. Web Social
3. Web Social Usabilidad 2.0 = Usabilidad + Utilidad
“No puedo entender por qué alguien querría hacer eso o por qué alguien querría leer eso” John Dvorak, PCMag, en referencia a Twitter 3. Web Social
Fuente: Flickr Martineric 3. Web Social
Fuente: Flickr Underbelly Limited 3. Web Social
4. Diseño de interfaces sociales
4. Diseño de interfaces sociales ,[object Object],[object Object],[object Object],[object Object],[object Object]
4.1. DIS: Identifica tu objeto Amazon – Libros Flickr – Fotos Youtube – Videos Delicious – Bookmarks Twitter – Mensajes de estado Wikis – Documentos Periódicos digitales – Noticias …
4.2. DIS: Socializa tu objeto
4.2. DIS: Socializa tu objeto Competitividad Curiosidad Reconocimiento Afectividad
4.3. DIS: Identidad y personalización
4.3. DIS: Identidad y personalización
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.4. DIS:  Explotar la inteligencia colectiva
4.5. DIS: Investigación
4.5. DIS: Investigación
4.5. DIS: Investigación
Concluyendo
De interés … Jyri Engeström Bulding sites around social objects Gianandrea Giacoma & Davide Casali Is there a good motivation to hook the user on your social network? Joshua Porter The Psychology of Social Design Yusef Hassan y Sergio Ortega Informe APEI sobre Usabilidad

Más contenido relacionado

La actualidad más candente

Tarea 7 tecnologia aplicada a la educacion. patricia rufino
Tarea 7 tecnologia aplicada a la educacion. patricia rufinoTarea 7 tecnologia aplicada a la educacion. patricia rufino
Tarea 7 tecnologia aplicada a la educacion. patricia rufino
PatriciaRufinoustaqu
 
Mundos virtuales: la creación de contenidos y la orientación al usuario el si...
Mundos virtuales: la creación de contenidos y la orientación al usuario el si...Mundos virtuales: la creación de contenidos y la orientación al usuario el si...
Mundos virtuales: la creación de contenidos y la orientación al usuario el si...
Wilhelm Lappe
 
El uso de imágenes para la creación de material didáctico
El uso de imágenes para la creación de material didácticoEl uso de imágenes para la creación de material didáctico
El uso de imágenes para la creación de material didáctico
Carla Ruiz
 
Exposicion blog1
Exposicion blog1Exposicion blog1
Exposicion blog1
sixtopaz
 

La actualidad más candente (16)

Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX...
 
Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016Heurísticas, Taller UX - Agosto 2016
Heurísticas, Taller UX - Agosto 2016
 
Usabilidad y Gestión Web
Usabilidad y Gestión WebUsabilidad y Gestión Web
Usabilidad y Gestión Web
 
Introducción a los Wireframes
Introducción a los WireframesIntroducción a los Wireframes
Introducción a los Wireframes
 
05 usabilidad y gestión web
05 usabilidad y gestión web05 usabilidad y gestión web
05 usabilidad y gestión web
 
Usabilidad y gestión web
Usabilidad y gestión webUsabilidad y gestión web
Usabilidad y gestión web
 
Tarea 7 tecnologia aplicada a la educacion. patricia rufino
Tarea 7 tecnologia aplicada a la educacion. patricia rufinoTarea 7 tecnologia aplicada a la educacion. patricia rufino
Tarea 7 tecnologia aplicada a la educacion. patricia rufino
 
Blog
BlogBlog
Blog
 
Mundos virtuales: la creación de contenidos y la orientación al usuario el si...
Mundos virtuales: la creación de contenidos y la orientación al usuario el si...Mundos virtuales: la creación de contenidos y la orientación al usuario el si...
Mundos virtuales: la creación de contenidos y la orientación al usuario el si...
 
MADA | Información Visual 2016 | Clase 4
MADA | Información Visual 2016 | Clase 4MADA | Información Visual 2016 | Clase 4
MADA | Información Visual 2016 | Clase 4
 
El uso de imágenes para la creación de material didáctico
El uso de imágenes para la creación de material didácticoEl uso de imágenes para la creación de material didáctico
El uso de imágenes para la creación de material didáctico
 
Exposicion blog1
Exposicion blog1Exposicion blog1
Exposicion blog1
 
Curso de a accesibilidad web - Módulo 3: Evaluación de la Accesibilidad Web
Curso de a accesibilidad web - Módulo 3: Evaluación de la Accesibilidad WebCurso de a accesibilidad web - Módulo 3: Evaluación de la Accesibilidad Web
Curso de a accesibilidad web - Módulo 3: Evaluación de la Accesibilidad Web
 
Curso Usabilidad Web Noviembre - Diciembre 2019
Curso Usabilidad Web Noviembre - Diciembre 2019Curso Usabilidad Web Noviembre - Diciembre 2019
Curso Usabilidad Web Noviembre - Diciembre 2019
 
Wikis
WikisWikis
Wikis
 

Destacado

UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
Andrea Cantú
 

Destacado (20)

Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
Recomendaciones para el diseño de interfaces para la tercera edad
Recomendaciones para el diseño de interfaces para la tercera edadRecomendaciones para el diseño de interfaces para la tercera edad
Recomendaciones para el diseño de interfaces para la tercera edad
 
Curso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: SensibilizaciónCurso de a accesibilidad web - Módulo 1: Sensibilización
Curso de a accesibilidad web - Módulo 1: Sensibilización
 
Estructura social y comportamiento humano
Estructura social y comportamiento humanoEstructura social y comportamiento humano
Estructura social y comportamiento humano
 
Presentacion Accesibilidad Web
Presentacion Accesibilidad WebPresentacion Accesibilidad Web
Presentacion Accesibilidad Web
 
Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)Accesibilidad Web (esa gran olvidada)
Accesibilidad Web (esa gran olvidada)
 
Modulo no.4 aula virtual power point
Modulo no.4 aula virtual power pointModulo no.4 aula virtual power point
Modulo no.4 aula virtual power point
 
Interfaz De Power Point
Interfaz De Power PointInterfaz De Power Point
Interfaz De Power Point
 
Estudio Benchmark de Usabilidad en Tablet y Móvil en sites de Hoteles y Viajes
Estudio Benchmark de Usabilidad  en Tablet y Móvil en sites de Hoteles y ViajesEstudio Benchmark de Usabilidad  en Tablet y Móvil en sites de Hoteles y Viajes
Estudio Benchmark de Usabilidad en Tablet y Móvil en sites de Hoteles y Viajes
 
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparmeUsabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
Usabilidad, UX y accesibilidad: qué son y por qué deberían preocuparme
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

Similar a Usabilidad 2.0: Más allá de la Interfaz (gráfica)

Presentación final
Presentación finalPresentación final
Presentación final
Sabri261188
 
Clase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzoClase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzo
Darcy Vergara
 

Similar a Usabilidad 2.0: Más allá de la Interfaz (gráfica) (20)

#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.
 
Aplicando experiencia de usuario a nuestros proyectos en Drupal
Aplicando experiencia de usuario a nuestros proyectos en DrupalAplicando experiencia de usuario a nuestros proyectos en Drupal
Aplicando experiencia de usuario a nuestros proyectos en Drupal
 
Usabilidad y el desarrollo de software
Usabilidad y el desarrollo de software Usabilidad y el desarrollo de software
Usabilidad y el desarrollo de software
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
Conversion thursday - User Experience
Conversion thursday - User ExperienceConversion thursday - User Experience
Conversion thursday - User Experience
 
Social networks in-business
Social networks in-businessSocial networks in-business
Social networks in-business
 
Arquitectura de Comunicacion
Arquitectura de ComunicacionArquitectura de Comunicacion
Arquitectura de Comunicacion
 
Presentación final
Presentación finalPresentación final
Presentación final
 
Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.
 
Taller 3. Herramientas colaborativas
Taller 3. Herramientas colaborativasTaller 3. Herramientas colaborativas
Taller 3. Herramientas colaborativas
 
Clase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzoClase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzo
 
Bbva v segunda parte
Bbva v segunda parteBbva v segunda parte
Bbva v segunda parte
 
Estrategia de la PYME en Internet II
Estrategia de la PYME en Internet IIEstrategia de la PYME en Internet II
Estrategia de la PYME en Internet II
 
Oportunidades de Negocios en la Web Social
Oportunidades de Negocios en la Web SocialOportunidades de Negocios en la Web Social
Oportunidades de Negocios en la Web Social
 
Competencias Digitales
Competencias DigitalesCompetencias Digitales
Competencias Digitales
 
Pobel 2014(1)
Pobel 2014(1)Pobel 2014(1)
Pobel 2014(1)
 
Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.
 
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...
 
Diseño centrado en el usuario (diseño industrial conoce lo nuevo).
Diseño centrado en el usuario (diseño industrial conoce lo nuevo).Diseño centrado en el usuario (diseño industrial conoce lo nuevo).
Diseño centrado en el usuario (diseño industrial conoce lo nuevo).
 

Último

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Último (10)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 

Usabilidad 2.0: Más allá de la Interfaz (gráfica)