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?

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
 
Presentación Google Adwords
Presentación Google AdwordsPresentación Google Adwords
Presentación Google Adwords
Seeway Formación
 
00. Business-Analytics-Capstone-Template
00. Business-Analytics-Capstone-Template 00. Business-Analytics-Capstone-Template
00. Business-Analytics-Capstone-Template
Apostolos Tsilikis
 
Business Analytics Capstone - Yahoo’s Framework for Strategy
Business Analytics Capstone - Yahoo’s Framework for StrategyBusiness Analytics Capstone - Yahoo’s Framework for Strategy
Business Analytics Capstone - Yahoo’s Framework for Strategy
Jason Lim
 

Was ist angesagt? (20)

ADA Compliance & Website Accessibility
ADA Compliance & Website AccessibilityADA Compliance & Website Accessibility
ADA Compliance & Website Accessibility
 
Slide - Google ADS
Slide - Google ADSSlide - Google ADS
Slide - Google ADS
 
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))
 
Google Display Network Playbook
Google Display Network PlaybookGoogle Display Network Playbook
Google Display Network Playbook
 
Presentación Google Adwords
Presentación Google AdwordsPresentación Google Adwords
Presentación Google Adwords
 
Business Analytics Case on GYF Ads
Business Analytics Case on GYF AdsBusiness Analytics Case on GYF Ads
Business Analytics Case on GYF Ads
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
00. Business-Analytics-Capstone-Template
00. Business-Analytics-Capstone-Template 00. Business-Analytics-Capstone-Template
00. Business-Analytics-Capstone-Template
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility Guidelines
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Business analytics-capstone-project-final submission
Business analytics-capstone-project-final submissionBusiness analytics-capstone-project-final submission
Business analytics-capstone-project-final submission
 
Google Analytics: The Basics
Google Analytics: The BasicsGoogle Analytics: The Basics
Google Analytics: The Basics
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
 
Google Ads Updates Guide 2020: The best Guide
Google Ads Updates Guide 2020: The best GuideGoogle Ads Updates Guide 2020: The best Guide
Google Ads Updates Guide 2020: The best Guide
 
HTML5
HTML5HTML5
HTML5
 
Google Adwords Remarketing: An Overview
Google Adwords Remarketing: An OverviewGoogle Adwords Remarketing: An Overview
Google Adwords Remarketing: An Overview
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
Business Analytics Capstone - Yahoo’s Framework for Strategy
Business Analytics Capstone - Yahoo’s Framework for StrategyBusiness Analytics Capstone - Yahoo’s Framework for Strategy
Business Analytics Capstone - Yahoo’s Framework for Strategy
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 

Andere mochten auch

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
 

Andere mochten auch (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).
 
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
 
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
 

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

Ä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

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
 

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

Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
sofiospina94
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
EdisonCondesoDelgado1
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
irenecarmona12
 

Kürzlich hochgeladen (20)

414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Sofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design PortfolioSofia Ospina Architecture and Design Portfolio
Sofia Ospina Architecture and Design Portfolio
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
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
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.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
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 

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.