SlideShare una empresa de Scribd logo
1 de 65
[object Object]
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…
[object Object],[object Object],[object Object]
¿Qué fue lo que pasó?
[object Object],[object Object],[object Object]
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….
[object Object],[object Object],[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object]
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
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Fuente: The Future of Wireframes de  Information Architects Inc.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

UX and Accessibility
UX and Accessibility UX and Accessibility
UX and Accessibility
 
Estilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-ComputadorEstilos y paradigmas de la Interacción Humano-Computador
Estilos y paradigmas de la Interacción Humano-Computador
 
Introduction to UI UX
Introduction to UI UXIntroduction to UI UX
Introduction to UI UX
 
Look at UI/UX Design Process
Look at UI/UX Design ProcessLook at UI/UX Design Process
Look at UI/UX Design Process
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
TechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationTechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX Presentation
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Web 5.0
Web 5.0Web 5.0
Web 5.0
 
What is User Experience Design?
What is User Experience Design?What is User Experience Design?
What is User Experience Design?
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Ux beneficios e implementación
Ux beneficios e implementaciónUx beneficios e implementación
Ux beneficios e implementación
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
 

Destacado

Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
King-eClient
 
Primeros pasos para crear una comunidad digital
Primeros pasos para crear una comunidad digitalPrimeros pasos para crear una comunidad digital
Primeros pasos para crear una comunidad digital
CyberIntellix
 

Destacado (20)

Taller Fundamentos de Experiencia de Usuario 01/03
Taller Fundamentos de Experiencia de Usuario 01/03Taller Fundamentos de Experiencia de Usuario 01/03
Taller Fundamentos de Experiencia de Usuario 01/03
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Diseño centrado en el usuario.
Diseño centrado en el usuario.Diseño centrado en el usuario.
Diseño centrado en el usuario.
 
Taller evento TestingUY 2016 - Probando la experiencia de usuario
Taller evento TestingUY 2016 - Probando la experiencia de usuarioTaller evento TestingUY 2016 - Probando la experiencia de usuario
Taller evento TestingUY 2016 - Probando la experiencia de usuario
 
Diseño Centrado en el Usuario. Principios básicos
Diseño Centrado en el Usuario. Principios básicosDiseño Centrado en el Usuario. Principios básicos
Diseño Centrado en el Usuario. Principios básicos
 
Diseño y usabilidad
Diseño y usabilidadDiseño y usabilidad
Diseño y usabilidad
 
Diseño emocional. (diseño industrial conoce lo nuevo).
Diseño emocional. (diseño industrial conoce lo nuevo).Diseño emocional. (diseño industrial conoce lo nuevo).
Diseño emocional. (diseño industrial conoce lo nuevo).
 
Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))Metodología DCU (Diseño centrado en el usuario))
Metodología DCU (Diseño centrado en el usuario))
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)5.1 Usabilidad y diseño centrado en el usuario (UCD)
5.1 Usabilidad y diseño centrado en el usuario (UCD)
 
Presentacióndiseñoemocionaldeproductospalermo2012
Presentacióndiseñoemocionaldeproductospalermo2012Presentacióndiseñoemocionaldeproductospalermo2012
Presentacióndiseñoemocionaldeproductospalermo2012
 
Usando contenido visual para generar emociones
Usando contenido visual para generar emocionesUsando contenido visual para generar emociones
Usando contenido visual para generar emociones
 
Cómo crear imágenes para el perfil de Twitter
Cómo crear imágenes para el perfil de TwitterCómo crear imágenes para el perfil de Twitter
Cómo crear imágenes para el perfil de Twitter
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Primeros pasos para crear una comunidad digital
Primeros pasos para crear una comunidad digitalPrimeros pasos para crear una comunidad digital
Primeros pasos para crear una comunidad digital
 
Las bases del diseño emocional
Las bases del diseño emocionalLas bases del diseño emocional
Las bases del diseño emocional
 
2011 Presentación Diseño Emocional - Emotional Design Presentation
2011 Presentación Diseño Emocional - Emotional Design Presentation2011 Presentación Diseño Emocional - Emotional Design Presentation
2011 Presentación Diseño Emocional - Emotional Design Presentation
 
El Diseño Emocional
El Diseño EmocionalEl Diseño Emocional
El Diseño Emocional
 

Similar a Usabilidad y diseño centrado en la experiencia del usuario

Mexital Id
Mexital IdMexital Id
Mexital Id
Ebitcode
 
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 y diseño centrado en la experiencia del usuario (20)

Arquitectura de la información y usabilidad
Arquitectura de la información y usabilidadArquitectura de la información y usabilidad
Arquitectura de la información y usabilidad
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
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
 
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
Conferencia Gerencia de proyectos web e introd. Arq. de la información para l...
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La Informacion
 
Mexital Id
Mexital IdMexital Id
Mexital Id
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
 
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
David Gil Ripoll Formacion En Diseño Centrado En El Usuario(Dcu) En King E Cl...
 
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 de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos Web
 
UX / UCD Process Walmart
UX / UCD Process WalmartUX / UCD Process Walmart
UX / UCD Process Walmart
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Gestión de proyectos web de gobierno orientados al ciudadano
Gestión de proyectos web de gobierno orientados al ciudadanoGestión de proyectos web de gobierno orientados al ciudadano
Gestión de proyectos web de gobierno orientados al ciudadano
 
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
I Edición Curso de Especialización en Experiencia de usuario (UX) y usabilida...
 
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
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.
 

Más de Luis Carlos Aceves

Defining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content RequirementsDefining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content Requirements
Luis Carlos Aceves
 
Methods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users NeedsMethods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users Needs
Luis Carlos Aceves
 

Más de Luis Carlos Aceves (20)

Buzz Marketing
Buzz MarketingBuzz Marketing
Buzz Marketing
 
Planeación de diseño centrado en el usuario: de la experiencia a la percepción
Planeación de diseño centrado en el usuario: de la experiencia a la percepciónPlaneación de diseño centrado en el usuario: de la experiencia a la percepción
Planeación de diseño centrado en el usuario: de la experiencia a la percepción
 
CIAPEM 2010 - Mas cerca de los usuarios: pruebas de usabilidad
CIAPEM 2010 - Mas cerca de los usuarios: pruebas de usabilidadCIAPEM 2010 - Mas cerca de los usuarios: pruebas de usabilidad
CIAPEM 2010 - Mas cerca de los usuarios: pruebas de usabilidad
 
CIAPEM 2009: Observatorio Ciudadano del Portal Nuevo León
CIAPEM 2009: Observatorio Ciudadano del Portal Nuevo LeónCIAPEM 2009: Observatorio Ciudadano del Portal Nuevo León
CIAPEM 2009: Observatorio Ciudadano del Portal Nuevo León
 
Defining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content RequirementsDefining and Specifying Functional and Content Requirements
Defining and Specifying Functional and Content Requirements
 
Methods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users NeedsMethods for Identifying and Modeling Users Needs
Methods for Identifying and Modeling Users Needs
 
Diseño visual para web
Diseño visual para webDiseño visual para web
Diseño visual para web
 
Diseño de wireframes
Diseño de wireframesDiseño de wireframes
Diseño de wireframes
 
Diseño de información, navegación e interfaces
Diseño de información, navegación e interfacesDiseño de información, navegación e interfaces
Diseño de información, navegación e interfaces
 
Diseño de interacción
Diseño de interacciónDiseño de interacción
Diseño de interacción
 
Arquitectura de información
Arquitectura de informaciónArquitectura de información
Arquitectura de información
 
Definición de requerimientos y funcionalidades
Definición de requerimientos y funcionalidadesDefinición de requerimientos y funcionalidades
Definición de requerimientos y funcionalidades
 
Definiendo objetivos y audiencias de un sito
Definiendo objetivos y audiencias de un sitoDefiniendo objetivos y audiencias de un sito
Definiendo objetivos y audiencias de un sito
 
Pruebas de usabilidad
Pruebas de usabilidadPruebas de usabilidad
Pruebas de usabilidad
 
Modelos de publicidad y promoción en línea
Modelos de publicidad y promoción en líneaModelos de publicidad y promoción en línea
Modelos de publicidad y promoción en línea
 
Blog Marketing | Social Bookmarking
Blog Marketing | Social BookmarkingBlog Marketing | Social Bookmarking
Blog Marketing | Social Bookmarking
 
Estrategias de Precios en Negocios Electrónicos
Estrategias de Precios en Negocios ElectrónicosEstrategias de Precios en Negocios Electrónicos
Estrategias de Precios en Negocios Electrónicos
 
e-Productos
e-Productose-Productos
e-Productos
 
Estado de la usabilidad y accesibilidad en el mundo y México
Estado de la usabilidad y accesibilidad en el mundo y MéxicoEstado de la usabilidad y accesibilidad en el mundo y México
Estado de la usabilidad y accesibilidad en el mundo y México
 
Comportamiento del consumidor electrónico
Comportamiento del consumidor electrónicoComportamiento del consumidor electrónico
Comportamiento del consumidor electrónico
 

Último

Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 

Último (20)

Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 

Usabilidad y diseño centrado en la experiencia del usuario

  • 1.
  • 3. ¿Qué hace y por qué esta “online”…
  • 4.  
  • 5. ¿A DAR INFORMACIÓN DEL CLIMA?
  • 6. ¡NO! VENDE APARATOS ELECTRODOMÉSTICOS Y TECNOLOGÍA PARA EL HOGAR
  • 7. ¿Qué hace y por qué esta “online”…
  • 8.  
  • 9. ¿A DAR NOTICIAS Y EVENTOS DE GOBIERNO?
  • 10. ¡NO! ES UN PORTAL DE PARTICIPACIÓN CIUDADANA
  • 11. ¿Qué hace y por qué esta “online”…
  • 12.  
  • 14. ¡NO! VENDE ANILLOS DE NICKEL Y TITANIO
  • 15. ¿Qué tienen en común estas organizaciones?
  • 16. No hubo planeación, ni estrategia de diseño
  • 18.
  • 19. ¿Qué fue lo que pasó?
  • 20.
  • 21. Hacerlo adecuadamente se conoce como… DISEÑO CENTRADO EN LA EXPERIENCIA DEL USUARIO … y no es algo nuevo.
  • 22. En 1990 Donald Norman definió que…
  • 23. “ 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”
  • 25.
  • 26.  
  • 27.
  • 29. 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. “ ”
  • 30. Ubicuidad: findability ¿Cómo buscarían esta empresa? www.kelvin.com.mx
  • 31. 1 2 3 ? Ubicuidad: visibilidad
  • 32. Necesidades reales Necesidades esperadas Diseño Ubicuidad Arquitectura de Información Uso Usabilidad Minería de Uso
  • 33. www.cemexmexico.com Arquitectura de información: contenido y estructura
  • 34. Necesidades reales Necesidades esperadas Diseño Ubicuidad Arquitectura de Información Uso Usabilidad Minería de Uso
  • 36. ¿Qué es la usabilidad?
  • 37. “ 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
  • 38. “ 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
  • 39. “ 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
  • 40. Atributos de la usabilidad
  • 41. Facilidad de aprendizaje www.sat.gob.mx
  • 42. Facilidad de aprendizaje Internet Explorer Mozilla Firefox Netscape Navigator
  • 43. MSN Messenger Skype Eficiencia
  • 44. Retención sobre el tiempo 2005 2006 2007 2009
  • 45. www.useit.com Tasa de error de los usuarios
  • 48. Diseño centrado en la compañía
  • 49. Diseño centrado en la tecnología
  • 50. Diseño centrado en el diseño
  • 51. Diseño centrado en la experiencia del usuario
  • 52. 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
  • 53. 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
  • 54. 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
  • 55. 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
  • 56. 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
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65. Fuente: The Future of Wireframes de Information Architects Inc.