SlideShare una empresa de Scribd logo
1 de 74
FUNDAMENTOS.
USABILIDAD,
ACCESIBILIDAD, UX
Grau en Enginyeria Informàtica
Interacció Persona-Ordinador
Toni Granollers
El Curso de Interacción Persona-Ordenador ha sido realizado
por Toni Granollers bajo la licencia Creative Commons
Reconocimiento-NoComercial 4.0 Internacional License.
Evolución de las TICs
Máquina analítica
de Charles Babbage
(concebida entre 1822
y 1871)
Función
• máquina de cálculo
de propósito general
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 2 / 74
1967 episode of the CBS
show "The 21st Century"
http://youtu.be/V6DSu3IfRlo
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 3 / 74
Evolución de las TICs
ENIAC
Electronic Numerical Integrator and Computer
1945
El primer computador
electrónico del mundo
totalmente digital.
Construido, mediante
tubos de vacío, para
calcular las trayectorias
del armamento.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 4 / 74
Evolución de las TICs
• 1950 – 1960 se sustituyen los tubos de vacío por
transistores.
• Principios de los 70: Intel Corporation desarrolló
el primer microprocesador, el 4004.
• Mediados de los 70: aparece el primer ordenador
personal el Altair 8800.
No disponía de:
• monitor
• teclado
• ratón
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 5 / 74
1975
1981
1984
1990
2001
Evolución del
Ordenador
Personal (PC)
Evolución de las TICs
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 6 / 74
Evolución de las TICs
• 1844 se inauguró la primera línea telegráfica.
• mediados 1850 – 1870 se construyen los
primeros aparatos de teléfono.
• …siguen creciendo las necesidades de
comunicación (radio, televisión, etc.)
• Finales 1960 principios 1970
emergen las redes de
computadoras.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 7 / 74
Evolución de las TICs
paralelamente:
• 1969 se construyó ARPANET.
• Durante los 70 y los 80 emergieron otras redes
como ARPANET que conectaban universidades y
mediante estas conexiones apareció Internet.
• Primeros de los 90
Internet empieza a estar
al alcance de todos.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 8 / 74
Evolución de las TICs
a la vez:
• 1990 Tim Berners-Lee desarrolló un método para
crear y visualizar documentos con hipervínculos.
 Así nació la
World Wide Web
i los navegadores.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 9 / 74
1983: 400 computers on the #internet.
Today: one billion + (plus smart phones!)
http://vimeo.com/album/3096607/video/110794988
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 10 / 74
Los últimos 35 – 40 años…
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 11 / 74
INFORMACIÓN
DISPOSITIVOS
PERSONAS
Evolución de las Tecnologías de la
Información y de la Comunicación
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 12 / 74
DISPOSITIVOS
Evolución de las Tecnologías de la
Información y de la Comunicación
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 13 / 74
INFORMACIÓN
Evolución de las Tecnologías de la
Información y de la Comunicación
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 14 / 74
Evolución de las Tecnologías de la
Información y de la Comunicación
PERSONAS
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 15 / 74
Evolución de las TICs
… junto a la evolución en la tecnología
• A finales de los 60 empieza la preocupación por
la relación persona-ordenador (Shakel, Licklider,
Clark, Shneiderman, Hansen y otros)
• Durante los 70 se crean HUSAT y el Palo Alto
Research Center de Xerox, dedicados a la IPO.
• y ya se trabaja en aspectos como:
Interfaces de Usuario
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 16 / 74
Evolución (rápida) de la Web
De las App Web…
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 17 / 74
Evolución (rápida) de la Web
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 18 / 74
Semánticadelasconexionesdelainformación
Semántica de las conexiones sociales
Fuente: Radar Networks & Nova Spivack, 2007 – http://www.radarnetworks.com
Evolución (rápida) de la Web
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 19 / 74
Evolución (rápida) de la Web
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 20 / 74
Usabilidad
• Definición “coloquial” [J. Preece, 1994]
• Sistemas fácilesde usar y
de aprender
• Definición formal [ISO 9241-11]
• la medida en la que un producto se puede usar
por determinados usuarios para conseguir
objetivos específicos con efectividad, eficiencia
y satisfacción en un contexto de uso
especificado”
http://www.grihotools.udl.cat/
mpiua/usabilidad
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 21 / 74
Usabilidad
USABILIDAD
EFECTIVIDAD
EFICIENCIASATISFACCIÓN
direct & indirect mapping
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 22 / 74
¿Qué es la usabilidad?
Volvo S80 versus Citroën C6
53 botones!!
38 para navegación y
radioCD
http://www.uselog.com/2006/10/dashb
oard-usability-comparing-volvo.html
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 23 / 74
Usabilidad ¿qué es?
• Efectividad: la precisión y la plenitud con que los usuarios
alcanzan los objetivos especificados.
• A esta idea van asociadas la facilidad de aprendizaje (en la
medida en que este sea lo más amplio y profundo posible),
• la tasa de errores del sistema y
• la facilidad del sistema para ser recordado (que no se olviden las
funcionalidades ni sus procedimientos).
• Eficiencia: los recursos empleados en relación con la precisión y
plenitud con que los usuarios alcanzan los objetivos
especificados.
• Satisfacción: ausencia de incomodidad y la actitud positiva en el
uso del producto.
• Se trata, pues, de un factor subjetivo
• Por tanto, el más complicado de medir
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 24 / 74
Usabilidad: fácil de aprender (learnability)
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 25 / 74
Dimensiones de la usabilidad
EFECTIVIDAD
EFICIENCIASATISFACCIÓN
puede ser medida o
evaluada por
observación del
usuario mientras
realiza tareas de
interacción y se
puede medir
mediante métodos
tradicionales
indica la
usabilidad
percibida o
satisfacción de
uso, y es difícil
de entender y
de medir
Usabilidad objetiva o
inherente
Usabilidad subjetiva
o aparente
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 26 / 74
Usability 101: Introduction to Usability
by JAKOB NIELSEN (January 4, 2012)
• What: Usability is a quality attribute that assesses how
easy user interfaces are to use. The word "usability" also
refers to methods for improving ease-of-use during the
design process.
• Usability is defined by 5 quality components:
• Learnability: How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency: Once users have learned the design, how quickly can
they perform tasks?
• Memorability: When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Errors: How many errors do users make, how severe are these
errors, and how easily can they recover from the errors?
• Satisfaction: How pleasant is it to use the design?
http://www.nngroup.com/articles/usability-101-introduction-to-usability
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 27 / 74
Usabilidad en Objetos cotidianos
Los objetos bien diseñados son
fáciles de interpretar y de
comprender.
Los objetos mal diseñados
pueden ser difíciles de utilitzar y
frustran al usuario
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 28 / 74
Ejemplos de MALA usabilidad
Otros ejemplos:
http://hadonejob.com
www.baddesigns.com
Etiquetas que
parecen botones
Pulsadores
monitor
Tornos metro BCN
Confusión entre controles similares
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 29 / 74
1
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 30 / 74
2
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 31 / 74
3
Escolliu un fitxer XML que compleixi
amb la QTI de l'IMS del vostre ordinador.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 32 / 74
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 33 / 74
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 34 / 74
Ejemplos de MALA usabilidad: links
• Los links no sólo pasan
desapercibidos entre el resto del
texto si no que tienen
exactamente el mismo aspecto
que éste cuando se destaca
algo en negrita.
1. El usuario cree que no hay links
2. Si descubre uno, creerá que el
resto de negritas también son
links
• Jakob Nielsen en sus Guías
para la visualización de links,
indica que estos deberían ser al
menos coloreados y/o
subrayados para ser facilmente
identificables.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 35 / 74
Ejemplos de MALA usabilidad:
“el diablo está en los detalles” !!
NAAE 1 733114 05 5 or NAAE1733114055

Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 36 / 74
Ejemplos MALA usabilidad:
http://www.radiotower.com
El menú no
indica
dónde
estamos !!
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 37 / 74
Ejemplos en otros contextos
Buscar-ne més
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 38 / 74
Usabilidad en términos de
calidad del software
[ISO/IEC 9126-1:2001(E)]
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 39 / 74
Usabilidad en términos de
calidad del software: ISO/IEC 25010:2011
Quality Model
Quality In Use
Effectiveness Efficiency Satisfaction
Freedom from
risk
Context coverage
System/Software
Product Quality
• Usefulness
• Trust
• Pleasure
• Comfort
• Economic risk
mitigation
• Health and safety
risk mitigation
• Environmental
risk mitigation
• Context
completeness
• Flexibility
Quality in use is the degree to which a product or system can be used by
specific users to meet their needs to achieve specific goals with effectiveness,
efficiency, freedom from risk and satisfaction in specific contexts of use.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 40 / 74
Usabilidad en términos de
calidad del software: ISO/IEC 25010:2011
Quality Model
Quality In
Use System/Software Product Quality
Functional
Suitability
Performance
efficiency
Compatibility Usability Reliability Security Maintainability Portability
• Appropriateness
recognisability
• Learnability
• Operability
• User error
• User interface
aesthetics
• Accessibility
The product quality model categorizes product quality properties into eight
characteristics (functional suitability, reliability, performance efficiency, usability,
security, compatibility, maintainability and portability).
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 41 / 74
Beneficios de la usabilidad
Beneficios para desarrolladores
• Reducción de los costes de producción
• Reducción del mantenimiento
• Mejora de la calidad del producto
• Menor soporte al
usuario/cliente
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 42 / 74
Beneficios de la usabilidad
Beneficios para los usuarios/clientes
• Mayor facilidad de aprendizaje
• Facilidad de uso
• Trabajo más rápido y eficiente
• Menos pérdida de tiempo
• Mayor confianza en el producto
• Mejor calidad de vida:
• menos estrés y más satisfacción
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 43 / 74
Every year
• +200 events
• +180 cities
• +43 countries
• +40,000 people
• Thousands of online participants
• Extensive worldwide media
coverage
Dia Mundial de la Usabilidad
http://www.worldusabilityday.org
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 44 / 74
Énfasis en el comercio-e
“the conduct of commerce in goods
and services, with the assistance of
telecommunications and
telecommunications-based tools”
Roger Clarke
http://www.cdwow.com
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 45 / 74
Énfasis en el comercio-e
• Primary interface to customers
• Users expect instant gratification
• Users experience usability before
they are committed to buying
• Expectations arise from best site
across industries
• Competitors are “just a mouse click away”
• Value of usability for the time-constrained information
seeker
• Usability as the critical success factor for Web projects
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 46 / 74
Énfasis en el comercio-e
• E-Commerce Web site = electronic storefront
• Web site user interface = electronic clerk
• Online shoppers can afford to be less tolerant with an inept
electronic clerk
• E-Commerce Web site = electronic catalog for direct
sales
• Catalogs are convenient for mail-ordering and large inventory
• Too much focus on display and publicity
• Web site user interface = “read-ability/usefulness” of catalog
• How many paper catalogs get thrown away?
[Bebo White Stanford Linear Accelerator Center]
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 47 / 74
Ejemplos de MALA usabilidad:
“el diablo está en los detalles” !!
¿cuál es el
formato
correcto?
Tras probar:
Q-7550001-G
Q-7550001G
Q7550001G
Q-7550001G
…
Tuve que enviar
un correo-e
Si mi interés no
hubiese sido MUY
ELEVADO y por no
convencerme las
alternativas … la
empresa había
perdido esta venta
lFundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 48 / 74
No confundir usabilidad con otros
atributos de la interfaz de usuario (UI)
http://www.awwwards.com
The awards for design, creativity and innovation on the Internet
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 49 / 74
Experiencia de usuario
User eXperience (UX)
https://www.interaction-
design.org/members/ima
gelibrary/zoom.html?g=L
21lbWJlcnMvaW1hZ2Vs
aWJyYXJ5L2ltYWdlcy93
aGF0X2lzX3VzYWJpbGl
0eS5qcGc~
http://www.grihotools.udl.cat/
mpiua/user-experience
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 50 / 74
Experiencia de usuario
User eXperience (UX)
“La experiencia de usuario atiende a todos los factores,
tanto internos como externos del usuario y del sistema
interactivo, que causen alguna sensación a quien esté
utilizando un sistema interactivo concreto en un
determinado contexto de uso.”
• Is a “consequence of the presentation, functionality,
system performance, interactive behaviour, and assistive
capabilities of the interactive system”
• It includes aspects such as human factors, design,
ergonomics, HCI, accessibility, marketing as well as
usability http://usabilitygeek.com/the-difference-between-usability-and-user-experience
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 51 / 74
UX - Facetas
• No hay un consenso en cuanto a las facetas a considerar
en la experiencia de usuario
ADAPTABILIDAD
EMOCIONES…
MULTICULTURALIDAD
ACCESIBILIDAD
USABILIDAD
COMUNICABILIDAD
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 52 / 74
User Experience Honeycomb
Peter Morville
http://www.pageportfolio.net/2013/05/31/ux-services-i-provide
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 53 / 74
UX - Tipos de facetas
• Facetas transversales: son aquellas que deben ser aplicadas cuando
se aplique cualquier otro aspecto de cualquier otra faceta.
• Facetas paralelas: aquellas que pueden aplicarse de forma individual a
un sistema interactivo.
Facetas de la User eXperience
Fiabilidad
Usabilidad
Jugabilidad
Plasticidad
Accesibilidad
Emotividad
Deseable
Encontrable
Útil
Multiculturalidad
Comunicabilidad
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 54 / 74
Car UX
http://www.teslamotors.com/models/photo-gallery
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 55 / 74
UX = UI ???
http://agbeat.com/tech-news/visualizing-the-differences-between-ux-and-ui
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 56 / 74
UX is NOT UI
http://www.uxisnotui.com/downloads
/8x11.pdf
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 57 / 74
The 4 legs of
Interaction (UI/UX) Design
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 58 / 74
UX design is about usability
submit
submit
vs
UI design
Function:
it works
submit
vs
Usbility design
Action: it works WELL
cancel
submit cancel
Yes, complete my order
UX design
Emotion: it works well and
makes me say Wow!
No, thanks
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 59 / 74
Accesibilidad
• Capacidad de acceso y de interacción en un sistema o
aplicación para cualquier tipo de usuario,
independientemente de sus discapacidades y contexto de
uso.
38 millones de europeos tienen alguna discapacidad
14.5%(10% moderada y 4,5% severa)
Fuente: EUROSTAT. Panel de hogares de la Unión
Europea
http://www.grihotools.udl.cat/
mpiua/accessibilidad
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 60 / 74
Accessibilidad en les TICs
http://www.vilaweb.tv/?video=4380
http://www.youtube.com/watch?v=rLpRotz1Yck
http://www.youtube.com/watch?v=2BhHwk9qSvI
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 61 / 74
Sitio web accesible
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 62 / 74
Discapacidades en Europa
38 Mill Europeos tiene alguna discapacidad  14,5% de la población (4,5% discapacidad SEVERA)
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 63 / 74
• Las personas son diferentes entre sí
• Existen grupos de población con
limitaciones de distintos niveles
• Una Necesidad General
• Personas de edad avanzada
• Personas muy jóvenes
• Personas con dispositivos lentos o antiguos
• Personas con dispositivos muy modernos
• Personas con discapacidades temporales
• Y … las personas discapacitadas
 Permanentes
 Temporales
 Físicas
 Cognitivas
Accesibilidad
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 64 / 74
• Regulado porlas leyes
• Norma UNE EX 139802, eEurope, Plan de Acción InfoXXI,
Declaración de Madrid, ….
• Ley 34/2002, de 11 de julio, de servicios de la sociedad de la
información y de comercio electrónico (LSSICE)
• Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba
el Reglamento sobre las condiciones básicas para el acceso de
las personas con discapacidad a las tecnologías, productos y
servicios relacionados con la sociedad de la información y
medios de comunicación social.
Accesibilidad
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 65 / 74
?
?
Internet hoy
?
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 66 / 74
Sitio web accesible
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 67 / 74
Estándares
• Los estándares WEB son un conjunto de
recomendaciones ofrecidas por el W3C (World Wide Web
Consortium) y respaldado por otros organismos y
empresas internacionales sobre como crear e interpretar
la información web
• Más información: http://www.w3.org/standards
• Misión del W3C:
• encaminar la web hacia su máximo potencial, desarrollando
protocolos y pautes que aseguren su crecimiento futuro
http://www.w3.org
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 68 / 74
WAI (Web Accessibility Initiative)
• WAI – Web Accessible Initiative:
• Grupo de trabajo permanente del W3C cuyos
objetivos principales son:
• Facilitar el acceso a la WEB a las personas con discapacitat
• Desarrollar pautas de accessibilidad (WCAG)
• Desarrollar y mejorar las herramientas de evaluación y de
reparación de la accesibilidad Web
• Formación y concienciación en relación del diseño accessible
(design for all, ...)
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 69 / 74
WAI. Pautas WCAG
• WCAG (Web Content Accessibility Guidelines)
• Pautas de accesibilidad que explican como
hacer el contenido Web accessible para
personas con discapacidades o de edad
avanzada
• Tienen tres niveles de prioridad
• Simple(Nivel A) Doble (Nivel AA) Triple (Nivel AAA)
http://www.w3.org/WAI/WCAG2-Conformance
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 70 / 74
Accesibilidad TIC.
(algunas) Entidades clave
http://www.w3.org/WAIhttps://ec.europa.eu/digital-agenda/en/web-accessibility
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 71 / 74
W3C - Información de interés
• W3C Internacional: http://www.w3.org/
• Delegación española: http://www.w3c.es/
• Guía Breve de Accesibilidad Web:
http://www.w3c.es/Divulgacion/GuiasBreves/Accesibilidad
• Creando un Sitio Web Accesible:
http://www.w3.org/WAI/gettingstarted/Overview.html.es
• http://www.w3.org/WAI/References/QuickTips/qt.ca.htm
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 72 / 74
Diari Segre, 27-2-2012
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 73 / 74
El Curso de Interacción Persona-Ordenador ha sido realizado por Toni
Granollers bajo la licencia Creative Commons Reconocimiento-
NoComercial 4.0 Internacional License.
Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 74 / 74

Más contenido relacionado

La actualidad más candente

Tecnicas de estimacion de software
Tecnicas de estimacion de softwareTecnicas de estimacion de software
Tecnicas de estimacion de softwareAdes27
 
Cpex fundamentos de programacion semana 1
Cpex fundamentos de programacion semana 1Cpex fundamentos de programacion semana 1
Cpex fundamentos de programacion semana 1Paolo Vizcarra
 
Estandares IHC
Estandares IHCEstandares IHC
Estandares IHCISI UCA
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinUX REPUBLIC
 
Arquitectura de software orientada a patrones
Arquitectura de software orientada a patronesArquitectura de software orientada a patrones
Arquitectura de software orientada a patronesGustavo De la Cruz Tovar
 
Factibilidad Ambiental de un proyecto de SW
Factibilidad Ambiental de un proyecto de SWFactibilidad Ambiental de un proyecto de SW
Factibilidad Ambiental de un proyecto de SWPilar Pardo Hidalgo
 
INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3
INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3
INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3Saul Villarreal
 
Tendencias en la Evaluación de la IHC
Tendencias en la Evaluación de la IHCTendencias en la Evaluación de la IHC
Tendencias en la Evaluación de la IHCArturo Martinez
 
Programacion orientada a objetos y programacion orientada a eventos
Programacion orientada a objetos y programacion orientada a eventosProgramacion orientada a objetos y programacion orientada a eventos
Programacion orientada a objetos y programacion orientada a eventosJosue Ivan Turcios
 
El Modelado de Negocios y la Producción del Software, un Ensayo
El Modelado de Negocios y la Producción del Software, un EnsayoEl Modelado de Negocios y la Producción del Software, un Ensayo
El Modelado de Negocios y la Producción del Software, un EnsayoIng-D-SW-TorresKhano--ME
 
¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?Felipe Schmidt
 
diagrama de despliegue
diagrama de desplieguediagrama de despliegue
diagrama de despliegueAlberto Zurita
 
arquitectura de la informacion
arquitectura de la informacionarquitectura de la informacion
arquitectura de la informacionrjtassi
 
Factores humanos de IHC
Factores humanos de IHCFactores humanos de IHC
Factores humanos de IHCRafael
 
Indagación de los requerimientos
Indagación de los requerimientosIndagación de los requerimientos
Indagación de los requerimientosUCATEBA
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacciónDCU_MPIUA
 

La actualidad más candente (20)

Tecnicas de estimacion de software
Tecnicas de estimacion de softwareTecnicas de estimacion de software
Tecnicas de estimacion de software
 
Cpex fundamentos de programacion semana 1
Cpex fundamentos de programacion semana 1Cpex fundamentos de programacion semana 1
Cpex fundamentos de programacion semana 1
 
Estandares IHC
Estandares IHCEstandares IHC
Estandares IHC
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et Scapin
 
Arquitectura de software orientada a patrones
Arquitectura de software orientada a patronesArquitectura de software orientada a patrones
Arquitectura de software orientada a patrones
 
Factibilidad Ambiental de un proyecto de SW
Factibilidad Ambiental de un proyecto de SWFactibilidad Ambiental de un proyecto de SW
Factibilidad Ambiental de un proyecto de SW
 
INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3
INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3
INGENIERIA DE SOFTWARE - METODOLOGIA SCRUM, EJEMPLO PRACTICO, t3
 
Agentes inteligentes
Agentes inteligentesAgentes inteligentes
Agentes inteligentes
 
Tendencias en la Evaluación de la IHC
Tendencias en la Evaluación de la IHCTendencias en la Evaluación de la IHC
Tendencias en la Evaluación de la IHC
 
Monografia metodologia xp
Monografia   metodologia xpMonografia   metodologia xp
Monografia metodologia xp
 
Programacion orientada a objetos y programacion orientada a eventos
Programacion orientada a objetos y programacion orientada a eventosProgramacion orientada a objetos y programacion orientada a eventos
Programacion orientada a objetos y programacion orientada a eventos
 
El Modelado de Negocios y la Producción del Software, un Ensayo
El Modelado de Negocios y la Producción del Software, un EnsayoEl Modelado de Negocios y la Producción del Software, un Ensayo
El Modelado de Negocios y la Producción del Software, un Ensayo
 
¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?¿Qué es el Modelo Tres Capas?
¿Qué es el Modelo Tres Capas?
 
diagrama de despliegue
diagrama de desplieguediagrama de despliegue
diagrama de despliegue
 
Xp
XpXp
Xp
 
arquitectura de la informacion
arquitectura de la informacionarquitectura de la informacion
arquitectura de la informacion
 
Factores humanos de IHC
Factores humanos de IHCFactores humanos de IHC
Factores humanos de IHC
 
Indagación de los requerimientos
Indagación de los requerimientosIndagación de los requerimientos
Indagación de los requerimientos
 
8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción8.1.- IPO. Estilos y paradigmas de interacción
8.1.- IPO. Estilos y paradigmas de interacción
 
Metodología RUP
Metodología RUPMetodología RUP
Metodología RUP
 

Destacado

Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Domain7
 
2. El Factor Humano
2. El Factor Humano2. El Factor Humano
2. El Factor HumanoDCU_MPIUA
 
4. Requisitos
4.  Requisitos4.  Requisitos
4. RequisitosDCU_MPIUA
 
5. Prototipado
5.  Prototipado5.  Prototipado
5. PrototipadoDCU_MPIUA
 
6. Evaluación
6. Evaluación6. Evaluación
6. EvaluaciónDCU_MPIUA
 
UX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosUX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosAndrea Cantú
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience DesignWhitney Hess
 
A Usable User Interface for Accessible Web Automation
A Usable User Interface for Accessible Web AutomationA Usable User Interface for Accessible Web Automation
A Usable User Interface for Accessible Web AutomationYury Puzis
 
Usabilidad: Aplicación y Evaluación dentro de la Biblioteca
Usabilidad: Aplicación y Evaluación dentro de la BibliotecaUsabilidad: Aplicación y Evaluación dentro de la Biblioteca
Usabilidad: Aplicación y Evaluación dentro de la BibliotecaDago Salas
 
La Experiencia del Usuario
La Experiencia del UsuarioLa Experiencia del Usuario
La Experiencia del UsuarioJorge Arango
 
Buenas y Malas Prácticas en los Sitios Web del Estado
Buenas y Malas Prácticas en los Sitios Web del EstadoBuenas y Malas Prácticas en los Sitios Web del Estado
Buenas y Malas Prácticas en los Sitios Web del EstadoJuan C. Camus
 
Buenas prácticas de usabilidad en el diseño de formularios web
Buenas prácticas de usabilidad en el diseño de formularios webBuenas prácticas de usabilidad en el diseño de formularios web
Buenas prácticas de usabilidad en el diseño de formularios webInterGraphicDESIGNS
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuarioSinea David
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patternsDCU_MPIUA
 
UX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidadUX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidadmaspixel
 
¿Cómo evaluar la Experiencia de Usuario?
¿Cómo evaluar la Experiencia de Usuario?¿Cómo evaluar la Experiencia de Usuario?
¿Cómo evaluar la Experiencia de Usuario?Software Guru
 

Destacado (20)

Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?Usability vs. User Experience: What's the difference?
Usability vs. User Experience: What's the difference?
 
2. El Factor Humano
2. El Factor Humano2. El Factor Humano
2. El Factor Humano
 
4. Requisitos
4.  Requisitos4.  Requisitos
4. Requisitos
 
5. Prototipado
5.  Prototipado5.  Prototipado
5. Prototipado
 
6. Evaluación
6. Evaluación6. Evaluación
6. Evaluación
 
UX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosUX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locos
 
10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design10 Most Common Misconceptions About User Experience Design
10 Most Common Misconceptions About User Experience Design
 
A Usable User Interface for Accessible Web Automation
A Usable User Interface for Accessible Web AutomationA Usable User Interface for Accessible Web Automation
A Usable User Interface for Accessible Web Automation
 
Usabilidad: Aplicación y Evaluación dentro de la Biblioteca
Usabilidad: Aplicación y Evaluación dentro de la BibliotecaUsabilidad: Aplicación y Evaluación dentro de la Biblioteca
Usabilidad: Aplicación y Evaluación dentro de la Biblioteca
 
La Experiencia del Usuario
La Experiencia del UsuarioLa Experiencia del Usuario
La Experiencia del Usuario
 
Buenas y Malas Prácticas en los Sitios Web del Estado
Buenas y Malas Prácticas en los Sitios Web del EstadoBuenas y Malas Prácticas en los Sitios Web del Estado
Buenas y Malas Prácticas en los Sitios Web del Estado
 
Buenas prácticas de usabilidad en el diseño de formularios web
Buenas prácticas de usabilidad en el diseño de formularios webBuenas prácticas de usabilidad en el diseño de formularios web
Buenas prácticas de usabilidad en el diseño de formularios web
 
Analogias
AnalogiasAnalogias
Analogias
 
Introducción a Experiencia de Usuario
Introducción a Experiencia de UsuarioIntroducción a Experiencia de Usuario
Introducción a Experiencia de Usuario
 
Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patterns
 
Complejidad en flor de ceibo2012pptx
Complejidad en flor de ceibo2012pptxComplejidad en flor de ceibo2012pptx
Complejidad en flor de ceibo2012pptx
 
Programa analítico trigonometria
Programa analítico trigonometriaPrograma analítico trigonometria
Programa analítico trigonometria
 
UX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidadUX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidad
 
¿Cómo evaluar la Experiencia de Usuario?
¿Cómo evaluar la Experiencia de Usuario?¿Cómo evaluar la Experiencia de Usuario?
¿Cómo evaluar la Experiencia de Usuario?
 

Similar a 1. Fundamentos. Usabilidad, accessibilitat, UX

Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01Rodrigo Vera
 
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
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Natalia Vivas
 
Unas notas de Usabilidad
Unas notas de UsabilidadUnas notas de Usabilidad
Unas notas de Usabilidadbetabeers
 
User interface requeriments
User interface requerimentsUser interface requeriments
User interface requerimentsIsrael León
 
Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosKarla Arosemena
 
Clase el proceso de creación multimedia 1
Clase el proceso de creación multimedia 1Clase el proceso de creación multimedia 1
Clase el proceso de creación multimedia 1Juan Carlos
 
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion) RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion) Fidel Saumeth
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasBenjamín Preller
 
Ponencia vitalas telecom2010_v4.0
Ponencia vitalas telecom2010_v4.0Ponencia vitalas telecom2010_v4.0
Ponencia vitalas telecom2010_v4.0TELECOM I+D
 

Similar a 1. Fundamentos. Usabilidad, accessibilitat, UX (20)

Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Ingeniería de usabilidad
Ingeniería de usabilidadIngeniería de usabilidad
Ingeniería de usabilidad
 
E. semana 2 módulo 1
E. semana 2 módulo 1E. semana 2 módulo 1
E. semana 2 módulo 1
 
Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01
 
T01 dawebguis
T01 dawebguisT01 dawebguis
T01 dawebguis
 
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
 
Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.Usabilidad: del Dicho al Hecho.
Usabilidad: del Dicho al Hecho.
 
Articulo cientifico
Articulo cientificoArticulo cientifico
Articulo cientifico
 
Fundamentos de User Experience
Fundamentos de User ExperienceFundamentos de User Experience
Fundamentos de User Experience
 
Unas notas de Usabilidad
Unas notas de UsabilidadUnas notas de Usabilidad
Unas notas de Usabilidad
 
Articulo2
Articulo2Articulo2
Articulo2
 
User interface requeriments
User interface requerimentsUser interface requeriments
User interface requeriments
 
Capitulo2
Capitulo2Capitulo2
Capitulo2
 
Usabilidad - Conceptos Básicos
Usabilidad - Conceptos BásicosUsabilidad - Conceptos Básicos
Usabilidad - Conceptos Básicos
 
Analisis de sistemas 1(usabilidad)
Analisis de sistemas 1(usabilidad)Analisis de sistemas 1(usabilidad)
Analisis de sistemas 1(usabilidad)
 
Clase el proceso de creación multimedia 1
Clase el proceso de creación multimedia 1Clase el proceso de creación multimedia 1
Clase el proceso de creación multimedia 1
 
Tics
TicsTics
Tics
 
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion) RESUMEN (Usabilidad de los sitios web  etodologias y tecnicas de evaluacion)
RESUMEN (Usabilidad de los sitios web etodologias y tecnicas de evaluacion)
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
 
Ponencia vitalas telecom2010_v4.0
Ponencia vitalas telecom2010_v4.0Ponencia vitalas telecom2010_v4.0
Ponencia vitalas telecom2010_v4.0
 

Más de DCU_MPIUA

7. Accessibilidad
7.  Accessibilidad7.  Accessibilidad
7. AccessibilidadDCU_MPIUA
 
Perspectivas sobre el presente y futuro de la ux
Perspectivas sobre el presente y futuro de la uxPerspectivas sobre el presente y futuro de la ux
Perspectivas sobre el presente y futuro de la uxDCU_MPIUA
 
UX en la era del Internet de las Cosas (IoT) y la IA
UX en la era del Internet de las Cosas (IoT) y la IAUX en la era del Internet de las Cosas (IoT) y la IA
UX en la era del Internet de las Cosas (IoT) y la IADCU_MPIUA
 
UX en la era del IoT y la IA
UX en la era del IoT y la IAUX en la era del IoT y la IA
UX en la era del IoT y la IADCU_MPIUA
 
Nuevas tendencias en IPO. Presente y Futuro de la UX
Nuevas tendencias en IPO. Presente y Futuro de la UXNuevas tendencias en IPO. Presente y Futuro de la UX
Nuevas tendencias en IPO. Presente y Futuro de la UXDCU_MPIUA
 
New heuristics final (ok)
New heuristics final (ok)New heuristics final (ok)
New heuristics final (ok)DCU_MPIUA
 
Accesibilidad digital
Accesibilidad digitalAccesibilidad digital
Accesibilidad digitalDCU_MPIUA
 
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 usuarioDCU_MPIUA
 
DCU. Metodología MPIu+a
DCU. Metodología MPIu+aDCU. Metodología MPIu+a
DCU. Metodología MPIu+aDCU_MPIUA
 
Diseñar tecnología para las personas (UTP - Panamá '17)
Diseñar tecnología para las personas (UTP - Panamá '17)Diseñar tecnología para las personas (UTP - Panamá '17)
Diseñar tecnología para las personas (UTP - Panamá '17)DCU_MPIUA
 
3 (de 3). Evaluación de Accessibilidad Digital
3 (de 3).  Evaluación de Accessibilidad Digital3 (de 3).  Evaluación de Accessibilidad Digital
3 (de 3). Evaluación de Accessibilidad DigitalDCU_MPIUA
 
2 (de 3). Evaluación de Usabilidad
2 (de 3).  Evaluación de Usabilidad2 (de 3).  Evaluación de Usabilidad
2 (de 3). Evaluación de UsabilidadDCU_MPIUA
 
1 (de 3). Assessing e xperiences and abilities
1 (de 3).  Assessing e xperiences and abilities1 (de 3).  Assessing e xperiences and abilities
1 (de 3). Assessing e xperiences and abilitiesDCU_MPIUA
 
Usabilidad, ux … cómo lo medimos?
Usabilidad, ux … cómo lo medimos?Usabilidad, ux … cómo lo medimos?
Usabilidad, ux … cómo lo medimos?DCU_MPIUA
 
Multiculturality & internationalization
Multiculturality & internationalizationMulticulturality & internationalization
Multiculturality & internationalizationDCU_MPIUA
 
Information Architecture. Card Sorting
Information Architecture. Card SortingInformation Architecture. Card Sorting
Information Architecture. Card SortingDCU_MPIUA
 
Task analysis
Task analysisTask analysis
Task analysisDCU_MPIUA
 
Empathy Maps
Empathy MapsEmpathy Maps
Empathy MapsDCU_MPIUA
 
Creación de documentos digitales accesibles
Creación de documentos digitales accesiblesCreación de documentos digitales accesibles
Creación de documentos digitales accesiblesDCU_MPIUA
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. PersonasDCU_MPIUA
 

Más de DCU_MPIUA (20)

7. Accessibilidad
7.  Accessibilidad7.  Accessibilidad
7. Accessibilidad
 
Perspectivas sobre el presente y futuro de la ux
Perspectivas sobre el presente y futuro de la uxPerspectivas sobre el presente y futuro de la ux
Perspectivas sobre el presente y futuro de la ux
 
UX en la era del Internet de las Cosas (IoT) y la IA
UX en la era del Internet de las Cosas (IoT) y la IAUX en la era del Internet de las Cosas (IoT) y la IA
UX en la era del Internet de las Cosas (IoT) y la IA
 
UX en la era del IoT y la IA
UX en la era del IoT y la IAUX en la era del IoT y la IA
UX en la era del IoT y la IA
 
Nuevas tendencias en IPO. Presente y Futuro de la UX
Nuevas tendencias en IPO. Presente y Futuro de la UXNuevas tendencias en IPO. Presente y Futuro de la UX
Nuevas tendencias en IPO. Presente y Futuro de la UX
 
New heuristics final (ok)
New heuristics final (ok)New heuristics final (ok)
New heuristics final (ok)
 
Accesibilidad digital
Accesibilidad digitalAccesibilidad digital
Accesibilidad digital
 
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
 
DCU. Metodología MPIu+a
DCU. Metodología MPIu+aDCU. Metodología MPIu+a
DCU. Metodología MPIu+a
 
Diseñar tecnología para las personas (UTP - Panamá '17)
Diseñar tecnología para las personas (UTP - Panamá '17)Diseñar tecnología para las personas (UTP - Panamá '17)
Diseñar tecnología para las personas (UTP - Panamá '17)
 
3 (de 3). Evaluación de Accessibilidad Digital
3 (de 3).  Evaluación de Accessibilidad Digital3 (de 3).  Evaluación de Accessibilidad Digital
3 (de 3). Evaluación de Accessibilidad Digital
 
2 (de 3). Evaluación de Usabilidad
2 (de 3).  Evaluación de Usabilidad2 (de 3).  Evaluación de Usabilidad
2 (de 3). Evaluación de Usabilidad
 
1 (de 3). Assessing e xperiences and abilities
1 (de 3).  Assessing e xperiences and abilities1 (de 3).  Assessing e xperiences and abilities
1 (de 3). Assessing e xperiences and abilities
 
Usabilidad, ux … cómo lo medimos?
Usabilidad, ux … cómo lo medimos?Usabilidad, ux … cómo lo medimos?
Usabilidad, ux … cómo lo medimos?
 
Multiculturality & internationalization
Multiculturality & internationalizationMulticulturality & internationalization
Multiculturality & internationalization
 
Information Architecture. Card Sorting
Information Architecture. Card SortingInformation Architecture. Card Sorting
Information Architecture. Card Sorting
 
Task analysis
Task analysisTask analysis
Task analysis
 
Empathy Maps
Empathy MapsEmpathy Maps
Empathy Maps
 
Creación de documentos digitales accesibles
Creación de documentos digitales accesiblesCreación de documentos digitales accesibles
Creación de documentos digitales accesibles
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. Personas
 

Último

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 

Último (20)

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 

1. Fundamentos. Usabilidad, accessibilitat, UX

  • 1. FUNDAMENTOS. USABILIDAD, ACCESIBILIDAD, UX Grau en Enginyeria Informàtica Interacció Persona-Ordinador Toni Granollers El Curso de Interacción Persona-Ordenador ha sido realizado por Toni Granollers bajo la licencia Creative Commons Reconocimiento-NoComercial 4.0 Internacional License.
  • 2. Evolución de las TICs Máquina analítica de Charles Babbage (concebida entre 1822 y 1871) Función • máquina de cálculo de propósito general Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 2 / 74
  • 3. 1967 episode of the CBS show "The 21st Century" http://youtu.be/V6DSu3IfRlo Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 3 / 74
  • 4. Evolución de las TICs ENIAC Electronic Numerical Integrator and Computer 1945 El primer computador electrónico del mundo totalmente digital. Construido, mediante tubos de vacío, para calcular las trayectorias del armamento. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 4 / 74
  • 5. Evolución de las TICs • 1950 – 1960 se sustituyen los tubos de vacío por transistores. • Principios de los 70: Intel Corporation desarrolló el primer microprocesador, el 4004. • Mediados de los 70: aparece el primer ordenador personal el Altair 8800. No disponía de: • monitor • teclado • ratón Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 5 / 74
  • 6. 1975 1981 1984 1990 2001 Evolución del Ordenador Personal (PC) Evolución de las TICs Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 6 / 74
  • 7. Evolución de las TICs • 1844 se inauguró la primera línea telegráfica. • mediados 1850 – 1870 se construyen los primeros aparatos de teléfono. • …siguen creciendo las necesidades de comunicación (radio, televisión, etc.) • Finales 1960 principios 1970 emergen las redes de computadoras. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 7 / 74
  • 8. Evolución de las TICs paralelamente: • 1969 se construyó ARPANET. • Durante los 70 y los 80 emergieron otras redes como ARPANET que conectaban universidades y mediante estas conexiones apareció Internet. • Primeros de los 90 Internet empieza a estar al alcance de todos. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 8 / 74
  • 9. Evolución de las TICs a la vez: • 1990 Tim Berners-Lee desarrolló un método para crear y visualizar documentos con hipervínculos.  Así nació la World Wide Web i los navegadores. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 9 / 74
  • 10. 1983: 400 computers on the #internet. Today: one billion + (plus smart phones!) http://vimeo.com/album/3096607/video/110794988 Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 10 / 74
  • 11. Los últimos 35 – 40 años… Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 11 / 74
  • 12. INFORMACIÓN DISPOSITIVOS PERSONAS Evolución de las Tecnologías de la Información y de la Comunicación Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 12 / 74
  • 13. DISPOSITIVOS Evolución de las Tecnologías de la Información y de la Comunicación Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 13 / 74
  • 14. INFORMACIÓN Evolución de las Tecnologías de la Información y de la Comunicación Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 14 / 74
  • 15. Evolución de las Tecnologías de la Información y de la Comunicación PERSONAS Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 15 / 74
  • 16. Evolución de las TICs … junto a la evolución en la tecnología • A finales de los 60 empieza la preocupación por la relación persona-ordenador (Shakel, Licklider, Clark, Shneiderman, Hansen y otros) • Durante los 70 se crean HUSAT y el Palo Alto Research Center de Xerox, dedicados a la IPO. • y ya se trabaja en aspectos como: Interfaces de Usuario Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 16 / 74
  • 17. Evolución (rápida) de la Web De las App Web… Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 17 / 74
  • 18. Evolución (rápida) de la Web Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 18 / 74
  • 19. Semánticadelasconexionesdelainformación Semántica de las conexiones sociales Fuente: Radar Networks & Nova Spivack, 2007 – http://www.radarnetworks.com Evolución (rápida) de la Web Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 19 / 74
  • 20. Evolución (rápida) de la Web Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 20 / 74
  • 21. Usabilidad • Definición “coloquial” [J. Preece, 1994] • Sistemas fácilesde usar y de aprender • Definición formal [ISO 9241-11] • la medida en la que un producto se puede usar por determinados usuarios para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso especificado” http://www.grihotools.udl.cat/ mpiua/usabilidad Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 21 / 74
  • 22. Usabilidad USABILIDAD EFECTIVIDAD EFICIENCIASATISFACCIÓN direct & indirect mapping Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 22 / 74
  • 23. ¿Qué es la usabilidad? Volvo S80 versus Citroën C6 53 botones!! 38 para navegación y radioCD http://www.uselog.com/2006/10/dashb oard-usability-comparing-volvo.html Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 23 / 74
  • 24. Usabilidad ¿qué es? • Efectividad: la precisión y la plenitud con que los usuarios alcanzan los objetivos especificados. • A esta idea van asociadas la facilidad de aprendizaje (en la medida en que este sea lo más amplio y profundo posible), • la tasa de errores del sistema y • la facilidad del sistema para ser recordado (que no se olviden las funcionalidades ni sus procedimientos). • Eficiencia: los recursos empleados en relación con la precisión y plenitud con que los usuarios alcanzan los objetivos especificados. • Satisfacción: ausencia de incomodidad y la actitud positiva en el uso del producto. • Se trata, pues, de un factor subjetivo • Por tanto, el más complicado de medir Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 24 / 74
  • 25. Usabilidad: fácil de aprender (learnability) Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 25 / 74
  • 26. Dimensiones de la usabilidad EFECTIVIDAD EFICIENCIASATISFACCIÓN puede ser medida o evaluada por observación del usuario mientras realiza tareas de interacción y se puede medir mediante métodos tradicionales indica la usabilidad percibida o satisfacción de uso, y es difícil de entender y de medir Usabilidad objetiva o inherente Usabilidad subjetiva o aparente Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 26 / 74
  • 27. Usability 101: Introduction to Usability by JAKOB NIELSEN (January 4, 2012) • What: Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process. • Usability is defined by 5 quality components: • Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design? • Efficiency: Once users have learned the design, how quickly can they perform tasks? • Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency? • Errors: How many errors do users make, how severe are these errors, and how easily can they recover from the errors? • Satisfaction: How pleasant is it to use the design? http://www.nngroup.com/articles/usability-101-introduction-to-usability Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 27 / 74
  • 28. Usabilidad en Objetos cotidianos Los objetos bien diseñados son fáciles de interpretar y de comprender. Los objetos mal diseñados pueden ser difíciles de utilitzar y frustran al usuario Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 28 / 74
  • 29. Ejemplos de MALA usabilidad Otros ejemplos: http://hadonejob.com www.baddesigns.com Etiquetas que parecen botones Pulsadores monitor Tornos metro BCN Confusión entre controles similares Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 29 / 74
  • 30. 1 Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 30 / 74
  • 31. 2 Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 31 / 74
  • 32. 3 Escolliu un fitxer XML que compleixi amb la QTI de l'IMS del vostre ordinador. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 32 / 74
  • 33. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 33 / 74
  • 34. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 34 / 74
  • 35. Ejemplos de MALA usabilidad: links • Los links no sólo pasan desapercibidos entre el resto del texto si no que tienen exactamente el mismo aspecto que éste cuando se destaca algo en negrita. 1. El usuario cree que no hay links 2. Si descubre uno, creerá que el resto de negritas también son links • Jakob Nielsen en sus Guías para la visualización de links, indica que estos deberían ser al menos coloreados y/o subrayados para ser facilmente identificables. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 35 / 74
  • 36. Ejemplos de MALA usabilidad: “el diablo está en los detalles” !! NAAE 1 733114 05 5 or NAAE1733114055  Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 36 / 74
  • 37. Ejemplos MALA usabilidad: http://www.radiotower.com El menú no indica dónde estamos !! Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 37 / 74
  • 38. Ejemplos en otros contextos Buscar-ne més Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 38 / 74
  • 39. Usabilidad en términos de calidad del software [ISO/IEC 9126-1:2001(E)] Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 39 / 74
  • 40. Usabilidad en términos de calidad del software: ISO/IEC 25010:2011 Quality Model Quality In Use Effectiveness Efficiency Satisfaction Freedom from risk Context coverage System/Software Product Quality • Usefulness • Trust • Pleasure • Comfort • Economic risk mitigation • Health and safety risk mitigation • Environmental risk mitigation • Context completeness • Flexibility Quality in use is the degree to which a product or system can be used by specific users to meet their needs to achieve specific goals with effectiveness, efficiency, freedom from risk and satisfaction in specific contexts of use. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 40 / 74
  • 41. Usabilidad en términos de calidad del software: ISO/IEC 25010:2011 Quality Model Quality In Use System/Software Product Quality Functional Suitability Performance efficiency Compatibility Usability Reliability Security Maintainability Portability • Appropriateness recognisability • Learnability • Operability • User error • User interface aesthetics • Accessibility The product quality model categorizes product quality properties into eight characteristics (functional suitability, reliability, performance efficiency, usability, security, compatibility, maintainability and portability). Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 41 / 74
  • 42. Beneficios de la usabilidad Beneficios para desarrolladores • Reducción de los costes de producción • Reducción del mantenimiento • Mejora de la calidad del producto • Menor soporte al usuario/cliente Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 42 / 74
  • 43. Beneficios de la usabilidad Beneficios para los usuarios/clientes • Mayor facilidad de aprendizaje • Facilidad de uso • Trabajo más rápido y eficiente • Menos pérdida de tiempo • Mayor confianza en el producto • Mejor calidad de vida: • menos estrés y más satisfacción Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 43 / 74
  • 44. Every year • +200 events • +180 cities • +43 countries • +40,000 people • Thousands of online participants • Extensive worldwide media coverage Dia Mundial de la Usabilidad http://www.worldusabilityday.org Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 44 / 74
  • 45. Énfasis en el comercio-e “the conduct of commerce in goods and services, with the assistance of telecommunications and telecommunications-based tools” Roger Clarke http://www.cdwow.com Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 45 / 74
  • 46. Énfasis en el comercio-e • Primary interface to customers • Users expect instant gratification • Users experience usability before they are committed to buying • Expectations arise from best site across industries • Competitors are “just a mouse click away” • Value of usability for the time-constrained information seeker • Usability as the critical success factor for Web projects Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 46 / 74
  • 47. Énfasis en el comercio-e • E-Commerce Web site = electronic storefront • Web site user interface = electronic clerk • Online shoppers can afford to be less tolerant with an inept electronic clerk • E-Commerce Web site = electronic catalog for direct sales • Catalogs are convenient for mail-ordering and large inventory • Too much focus on display and publicity • Web site user interface = “read-ability/usefulness” of catalog • How many paper catalogs get thrown away? [Bebo White Stanford Linear Accelerator Center] Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 47 / 74
  • 48. Ejemplos de MALA usabilidad: “el diablo está en los detalles” !! ¿cuál es el formato correcto? Tras probar: Q-7550001-G Q-7550001G Q7550001G Q-7550001G … Tuve que enviar un correo-e Si mi interés no hubiese sido MUY ELEVADO y por no convencerme las alternativas … la empresa había perdido esta venta lFundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 48 / 74
  • 49. No confundir usabilidad con otros atributos de la interfaz de usuario (UI) http://www.awwwards.com The awards for design, creativity and innovation on the Internet Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 49 / 74
  • 50. Experiencia de usuario User eXperience (UX) https://www.interaction- design.org/members/ima gelibrary/zoom.html?g=L 21lbWJlcnMvaW1hZ2Vs aWJyYXJ5L2ltYWdlcy93 aGF0X2lzX3VzYWJpbGl 0eS5qcGc~ http://www.grihotools.udl.cat/ mpiua/user-experience Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 50 / 74
  • 51. Experiencia de usuario User eXperience (UX) “La experiencia de usuario atiende a todos los factores, tanto internos como externos del usuario y del sistema interactivo, que causen alguna sensación a quien esté utilizando un sistema interactivo concreto en un determinado contexto de uso.” • Is a “consequence of the presentation, functionality, system performance, interactive behaviour, and assistive capabilities of the interactive system” • It includes aspects such as human factors, design, ergonomics, HCI, accessibility, marketing as well as usability http://usabilitygeek.com/the-difference-between-usability-and-user-experience Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 51 / 74
  • 52. UX - Facetas • No hay un consenso en cuanto a las facetas a considerar en la experiencia de usuario ADAPTABILIDAD EMOCIONES… MULTICULTURALIDAD ACCESIBILIDAD USABILIDAD COMUNICABILIDAD Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 52 / 74
  • 53. User Experience Honeycomb Peter Morville http://www.pageportfolio.net/2013/05/31/ux-services-i-provide Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 53 / 74
  • 54. UX - Tipos de facetas • Facetas transversales: son aquellas que deben ser aplicadas cuando se aplique cualquier otro aspecto de cualquier otra faceta. • Facetas paralelas: aquellas que pueden aplicarse de forma individual a un sistema interactivo. Facetas de la User eXperience Fiabilidad Usabilidad Jugabilidad Plasticidad Accesibilidad Emotividad Deseable Encontrable Útil Multiculturalidad Comunicabilidad Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 54 / 74
  • 56. UX = UI ??? http://agbeat.com/tech-news/visualizing-the-differences-between-ux-and-ui Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 56 / 74
  • 57. UX is NOT UI http://www.uxisnotui.com/downloads /8x11.pdf Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 57 / 74
  • 58. The 4 legs of Interaction (UI/UX) Design Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 58 / 74
  • 59. UX design is about usability submit submit vs UI design Function: it works submit vs Usbility design Action: it works WELL cancel submit cancel Yes, complete my order UX design Emotion: it works well and makes me say Wow! No, thanks Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 59 / 74
  • 60. Accesibilidad • Capacidad de acceso y de interacción en un sistema o aplicación para cualquier tipo de usuario, independientemente de sus discapacidades y contexto de uso. 38 millones de europeos tienen alguna discapacidad 14.5%(10% moderada y 4,5% severa) Fuente: EUROSTAT. Panel de hogares de la Unión Europea http://www.grihotools.udl.cat/ mpiua/accessibilidad Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 60 / 74
  • 61. Accessibilidad en les TICs http://www.vilaweb.tv/?video=4380 http://www.youtube.com/watch?v=rLpRotz1Yck http://www.youtube.com/watch?v=2BhHwk9qSvI Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 61 / 74
  • 62. Sitio web accesible Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 62 / 74
  • 63. Discapacidades en Europa 38 Mill Europeos tiene alguna discapacidad  14,5% de la población (4,5% discapacidad SEVERA) Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 63 / 74
  • 64. • Las personas son diferentes entre sí • Existen grupos de población con limitaciones de distintos niveles • Una Necesidad General • Personas de edad avanzada • Personas muy jóvenes • Personas con dispositivos lentos o antiguos • Personas con dispositivos muy modernos • Personas con discapacidades temporales • Y … las personas discapacitadas  Permanentes  Temporales  Físicas  Cognitivas Accesibilidad Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 64 / 74
  • 65. • Regulado porlas leyes • Norma UNE EX 139802, eEurope, Plan de Acción InfoXXI, Declaración de Madrid, …. • Ley 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico (LSSICE) • Real Decreto 1494/2007, de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social. Accesibilidad Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 65 / 74
  • 66. ? ? Internet hoy ? Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 66 / 74
  • 67. Sitio web accesible Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 67 / 74
  • 68. Estándares • Los estándares WEB son un conjunto de recomendaciones ofrecidas por el W3C (World Wide Web Consortium) y respaldado por otros organismos y empresas internacionales sobre como crear e interpretar la información web • Más información: http://www.w3.org/standards • Misión del W3C: • encaminar la web hacia su máximo potencial, desarrollando protocolos y pautes que aseguren su crecimiento futuro http://www.w3.org Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 68 / 74
  • 69. WAI (Web Accessibility Initiative) • WAI – Web Accessible Initiative: • Grupo de trabajo permanente del W3C cuyos objetivos principales son: • Facilitar el acceso a la WEB a las personas con discapacitat • Desarrollar pautas de accessibilidad (WCAG) • Desarrollar y mejorar las herramientas de evaluación y de reparación de la accesibilidad Web • Formación y concienciación en relación del diseño accessible (design for all, ...) Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 69 / 74
  • 70. WAI. Pautas WCAG • WCAG (Web Content Accessibility Guidelines) • Pautas de accesibilidad que explican como hacer el contenido Web accessible para personas con discapacidades o de edad avanzada • Tienen tres niveles de prioridad • Simple(Nivel A) Doble (Nivel AA) Triple (Nivel AAA) http://www.w3.org/WAI/WCAG2-Conformance Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 70 / 74
  • 71. Accesibilidad TIC. (algunas) Entidades clave http://www.w3.org/WAIhttps://ec.europa.eu/digital-agenda/en/web-accessibility Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 71 / 74
  • 72. W3C - Información de interés • W3C Internacional: http://www.w3.org/ • Delegación española: http://www.w3c.es/ • Guía Breve de Accesibilidad Web: http://www.w3c.es/Divulgacion/GuiasBreves/Accesibilidad • Creando un Sitio Web Accesible: http://www.w3.org/WAI/gettingstarted/Overview.html.es • http://www.w3.org/WAI/References/QuickTips/qt.ca.htm Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 72 / 74
  • 73. Diari Segre, 27-2-2012 Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 73 / 74
  • 74. El Curso de Interacción Persona-Ordenador ha sido realizado por Toni Granollers bajo la licencia Creative Commons Reconocimiento- NoComercial 4.0 Internacional License. Fundamentos. Usabilidad, Accesibilidad, UX - GEInformàtica, IPO 74 / 74

Notas del editor

  1. 1.- Fonaments. Usabilitat, Accessibilitat, UX
  2. Formació GFT. Introducción general a la IPO [T. Granollers - 2012]
  3. Formació GFT. Introducción general a la IPO [T. Granollers - 2012]
  4. dos dimensiones de la usabilidad: usabilidad objetiva o inherente, y usabilidad subjetiva o aparente. La primera puede ser medida o evaluada por observación del usuario mientras realiza tareas de interacción (eficacia y eficiencia), y se puede medir mediante métodos tradicionales. La usabilidad subjetiva, en cambio indica la usabilidad percibida o satisfacción de uso, y es difícil de entender y de medir.
  5. Imatge de: http://www.pageportfolio.net/2013/05/31/ux-services-i-provide/
  6. DEPENDABILITY: In systems engineering, dependability is a measure of a system's availability, reliability, and its maintenance support.[1] This may also encompass mechanisms designed to increase and maintain the dependability of a system la fiabilitat és una mesura de la disponibilitat d'un sistema, fiabilitat, i el seu suport de manteniment 
  7. De la T16 de http://www.slideshare.net/EvanSamek1/ux-design-myths?utm_source=slideshow&utm_content=Design&utm_medium=ssemail&utm_campaign=personalized_digest
  8. Són pocs però és un mercat verge. A més els serveis públics els han d’incloure per llei.
  9. Formació GFT. Introducción general a la IPO [T. Granollers - 2012]
  10. Formació GFT. Introducción general a la IPO [T. Granollers - 2012]