SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and PrinciplesPeeyush Sahu CAPM®
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docxRiniyaMary
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPercy Negrete
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioPercy Negrete
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material designThiago Marques
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designMoodLabs
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX DesignAdryan Putra
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui designShweta Joshi
 
Introduction to ui ux
Introduction to ui uxIntroduction to ui ux
Introduction to ui uxWycliff1
 

Was ist angesagt? (20)

UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
UX and UI
UX and UIUX and UI
UX and UI
 
UI-UX Services | Web Designing Services
UI-UX Services | Web Designing ServicesUI-UX Services | Web Designing Services
UI-UX Services | Web Designing Services
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Principios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidadPrincipios básicos de usabilidad y accesibilidad
Principios básicos de usabilidad y accesibilidad
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuario
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material design
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
UI/UX Courses
UI/UX Courses UI/UX Courses
UI/UX Courses
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UX design
UX designUX design
UX design
 
Introduction to ui ux
Introduction to ui uxIntroduction to ui ux
Introduction to ui ux
 
Interaction design
Interaction designInteraction design
Interaction design
 

Andere mochten auch

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
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/03Víctor Manuel García Luna
 
Diseño centrado en el usuario
Diseño centrado en el usuarioDiseño centrado en el usuario
Diseño centrado en el usuarioJesús Tramullas
 
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 usuarioTestingUy
 
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ásicosUX Nights
 
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).Juan Fandiño
 
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
 
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)Brox Technology
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Gabriel Celemin
 
Presentacióndiseñoemocionaldeproductospalermo2012
Presentacióndiseñoemocionaldeproductospalermo2012Presentacióndiseñoemocionaldeproductospalermo2012
Presentacióndiseñoemocionaldeproductospalermo2012Ruben H. Jacob Dazarola
 
Usando contenido visual para generar emociones
Usando contenido visual para generar emocionesUsando contenido visual para generar emociones
Usando contenido visual para generar emocionesCyberIntellix
 
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 TwitterCyberIntellix
 
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 digitalCyberIntellix
 
Las bases del diseño emocional
Las bases del diseño emocionalLas bases del diseño emocional
Las bases del diseño emocionalCyberIntellix
 
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 PresentationRuben H. Jacob Dazarola
 

Andere mochten auch (20)

Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
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)
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
 
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
 
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
 

Ähnlich wie Usabilidad y diseño centrado en la experiencia del usuario

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 usabilidadJesús Tramullas
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experienceOveralia
 
Conversion thursday - User Experience
Conversion thursday - User ExperienceConversion thursday - User Experience
Conversion thursday - User ExperienceHitz Kareaga
 
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...edwin.bernal
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
¿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?Sergio Majluf
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La InformacionExistaya.com
 
Mexital Id
Mexital IdMexital Id
Mexital IdEbitcode
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxarquitecturadelainformacin01-131111090833-phpapp02 (1).pptx
arquitecturadelainformacin01-131111090833-phpapp02 (1).pptxCarmenKeim2
 
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...David Gil Ripoll
 
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.Juan David Saab
 
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 WebPaulo Saavedra
 
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º CursoThe Social Experience
 
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 ciudadanoUA WEB, A.C.
 
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...Virginia Aguirre
 
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 marzoDarcy Vergara
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Natalia Vivas
 

Ähnlich wie 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.
 

Mehr von Luis Carlos Aceves

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ónLuis Carlos Aceves
 
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 usabilidadLuis Carlos Aceves
 
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ónLuis 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 RequirementsLuis 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 NeedsLuis Carlos Aceves
 
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 interfacesLuis Carlos Aceves
 
Definición de requerimientos y funcionalidades
Definición de requerimientos y funcionalidadesDefinición de requerimientos y funcionalidades
Definición de requerimientos y funcionalidadesLuis Carlos Aceves
 
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 sitoLuis Carlos Aceves
 
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íneaLuis Carlos Aceves
 
Blog Marketing | Social Bookmarking
Blog Marketing | Social BookmarkingBlog Marketing | Social Bookmarking
Blog Marketing | Social BookmarkingLuis Carlos Aceves
 
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ónicosLuis Carlos Aceves
 
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éxicoLuis Carlos Aceves
 
Comportamiento del consumidor electrónico
Comportamiento del consumidor electrónicoComportamiento del consumidor electrónico
Comportamiento del consumidor electrónicoLuis Carlos Aceves
 

Mehr von 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
 

Kürzlich hochgeladen

Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfjpgaraglia03
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...ORIETTA POLIFRONI
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfacoellob
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxlou lou
 
Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosErickOv
 
diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxlou lou
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevantesantiagovelez61
 

Kürzlich hochgeladen (7)

Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdf
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdf
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptx
 
Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito Electronicos
 
diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptx
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevante
 

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.