EL USUARIO ES EL REY
(y el test de usuarios su lacayo)
Mari-Carmen Marcos
Universitat Pompeu Fabra (Barcelona)
http://www.mcmarcos.com
Twitter: @mcmarcos
Internet
‘90
Móvil
’70-2000
Percentage of Individuals using the Internet 2000-2012. International Telecommunications Union. Junio 2013.
España. Datos 2012/2013
• 2 de cada 3 hogares
disponen
de conexión de banda ancha a
Internet
• El 50% utiliza Internet
a diario
• Más del
50%
de los internautas
utiliza un dispositivo
móvil
para
conectarse a Internet
Fuente: INE 2013. Encuesta sobre Equipamiento y Uso de Tecnologías de Información y
Comunicación (TIC) en España
• BARRERAS ECONÓMICAS
– INFRAESTRUCTURAS DE TELECOMUNICACIONES
– ACCESO DE LA POBLACIÓN A LOS DISPOSITIVOS
• BARRERAS POLÍTICAS
– LIBERTAD DE EXPRESIÓN
• BARRERAS EDUCACIONALES
– ALFABETIZACIÓN
• BARRERAS ECONÓMICAS
– INFRAESTRUCTURAS DE TELECOMUNICACIONES
– ACCESO DE LA POBLACIÓN A LOS DISPOSITIVOS
• BARRERAS POLÍTICAS
– LIBERTAD DE EXPRESIÓN
• BARRERAS EDUCACIONALES
– ALFABETIZACIÓN
– ALFABETIZACIÓN DIGITAL
BRECHA DIGITAL
• BARRERAS ECONÓMICAS
– INFRAESTRUCTURAS DE TELECOMUNICACIONES
– ACCESO DE LA POBLACIÓN A LOS DISPOSITIVOS
• BARRERAS POLÍTICAS
– LIBERTAD DE EXPRESIÓN
• BARRERAS EDUCACIONALES
– ALFABETIZACIÓN
– ALFABETIZACIÓN DIGITAL
• BARRERAS DE DISEÑO
• USABILIDAD
• ACCESIBILIDAD
BRECHA DIGITAL
Eficiencia
(rapidez)
Eficacia
(éxito)
Satisfacción
USABILIDAD
Eficiencia
(rapidez)
Eficacia
(éxito)
Satisfacción
usuario
tarea
Interacción con la interfaz
Contexto
Eficiencia
(rapidez)
Eficacia
(éxito)
Satisfacción
usuario
tarea
Interacción con la interfaz
Contexto
Fronteras digitales
El usuario es el
centro
Internet móvil
Conectados a la TV
7000 millones de habitantes
• 600 millones de personas no
tienen acceso a la electricidad
• 800 millones de adultos
analfabetos
Más del 50% tenemos móvil
• la quinta parte un smartphone
Lo miramos 150 veces al día
T. Ahonen. The Annual Mobile Industry Numbers and Stats blog, http://goo.gl/ukudB
Cuando estrenamos un nuevo móvil…
• Estudio de usabilidad en
iOS y Android
• 20 usuarios usando un sistema que no conocen
• Resultados
• Problemas para reconocer el icono de acceso al
market
• Ok a la instalación de apps
• Problemas para desinstalar las apps
• El mercado de los smartphone
crece rápido
– los usuarios cambian de terminal y de sistema operativo
– hay
nuevos usuarios
que dejan su viejo teléfono para
incorporarse a uno más moderno.
• Los dispositivos que se dirigen al gran público no
pueden desestimar la
usabilidad
como un criterio
– de
calidad
,
– de
compromiso
con sus clientes y
– de
competitividad
Diferentes tamaños, resoluciones y contextos de uso
¿Misma experiencia para los usuarios?
Versión desktop: elpais.com
Versión móvil: elpais.com/m
App
App
Diferentes tamaños, resoluciones y contextos de uso
¿Misma experiencia para los usuarios?
©freevectorsdaily
1. Evaluación por parte de los investigadores
2. Evaluación con usuarios
•
Panel de expertos
•
Test con usuarios
3. Análisis del discurso
©freevectorsdaily
- Contextos de uso
- Versión desktop / app
- Versión móvil “escondida”
- Versión desktop
- No optimizada para móvil
©freevectorsdaily
RESPONSIVE WEB DESIGN
(RWD)
- URL única
: ahorro
- CSS
para cada resolución
- Adaptado a más dispositivos
• TV Conectada
– Broadcast: emisión TV
– Broadband: internet
– Gran pantalla
Estudio de UX
– 70 participantes
– 1 TV
– 4 dispositivos
Tareas
• Programación
• Emisión TV
• A la carta
• Youtube
Problemas de UX
– Expectativas
• Velocidad
• Facilidad
Problemas de UX
– Mando a distancia
• Navegación con cursor
• Tecleo
• Tamaño
• Iconos
Problemas de UX
– Mando a distancia
• Navegación con cursor
• Tecleo
• Tamaño
• Iconos
http://www.flickr.com/photo s/28478778@N05/
Problemas de UX
– Arquitectura
• Etiquetado
• Estructura
• Ej. VOD
Sony Bravia: Vídeo
Blu:Sens: Internet
Problemas de UX
– Arquitectura
• Etiquetado
• Estructura
• Ej. VO
Engel (HbbTV)
Estudio de UX
• Eye tracking Tobii Glasses
• 14 participantes
• 4 sistemas de TV
• Tarea: TV a la carta
NO miraron el popup
(10 participantes)
SÍ lo miraron
SÍ realiza la tarea
Ve el popup y pulsa el botón
rojo
(1 participante)
NO realiza la tarea
ve el popup pero no pulsa el
botón rojo
• Estilos cognitivos
– Occidente analítico
– Oriente holístico
Chua, H., Boland, J. and Nisbett, R. (2005). Cultural variation in eye movements during scene perception. Proceedings of the National
Academy of Sciences, 102, 12629-12633
• Dimensiones de Hofstede
Hofstede, G., H. G., and Minkov, M. Cultures and Organizations: Software of the Mind , 3rd ed. McGraw Hill
Estudio de comportamiento de búsqueda web
• España – Emiratos Árabes Unidos (EAU)
• Eye tracking
Patrón de lectura
Lectura menos exhaustiva en España
Patrón de lectura
Lectura vertical (España) y horizontal (EAU)
Estudio sobre eficiencia y preferencia en lectura
– 92 participantes
– 36 fragmentos de texto con
• Combinación de color de fondo y fuente (en grises y con colores)
• Varios tamaños de fuente
• Diferente ancho de párrafo
Estudio sobre eficiencia y preferencia en lectura
– Eye tracking
• Duración de las fijaciones
• Color con máximo contraste
– Fuente negra y fondo blanco o
crema
– Fuente blanca y fondo negro
• Fuente grande
– 22 a 26 puntos
• Ancho de párrafo
– 44 a 88 caracteres
• Espacio entre caracteres
7–14%
• Espacio entre líneas:
1.4 puntos
• Espacio entre párrafos
1.5 puntos
Estudio de legibilidad
- 105 participantes
- Wikipedia
- Fuente tamaños 10 a 26 puntos
- Eye tracking + encuesta
- Resultado: tamaño de
fuente óptimo
18 puntos
• Diseño centrado en el usuario
• Usabilidad
Eficiencia
(rapidez)
Eficacia
(éxito)
Satisfacción
• Diseño centrado en el usuario
• Usabilidad
• Diseño centrado en el usuario
• Usabilidad
• UX: experiencia, emociones
• Diseño centrado en el usuario
• Usabilidad
• UX: experiencia, emociones
Human-
Computer
Interaction
© disenoparatodos.com
Edad
Di
sc
ap
aci
da
d
1 o varios
Referencias a los trabajos citados
• González, Daniel; Marcos, Mari-Carmen. "Responsive web design: diseño multidispositivo para mejorar la experiencia de usuario". Pendiente de publicación
• Madrid, Zorileimy; Marcos, Mari-Carmen. "Los retos de la televisión en un mundo conectado". Pendiente de publicación
• Mansilla, Verónica; Marcos, Mari-Carmen. User experience en Televisión Conectada: un estudio con usuarios. El Profesional de la Información, 22:2, marzo-abril 2013, 122-127.
• Marcos, Mari-Carmen; Mansilla, Verónica. Video on Demand: Usability Challenges for Connected TV. Workshop Living Room Experience: Exploring and Enhancing the User Experience for Television. CHI'13, April 27-May 2, 2013, Paris, France.
• Marcos, Mari-Carmen; Vicente, Sonia; Gallardo, Maite; Membrado, María (2013). Usabilidad y smartphones: instalación y desinstalación de aplicaciones. No Solo Usabilidad, 12,
http://www.nosolousabilidad.com/articulos/usabilidad_instalacion_apps.htm
• Rello, Luz; Marcos, Mari-Carmen. An Eye Tracking Study on Text Customization for User Performance and Preference. LA-Web 2012 (Cartagena, Colombia, 25-27 October 2012), 64-70.
• Rello, Luz; Pielot, Martin; Marcos, Mari-Carmen; Carlini, Roberto. Size Matters (Spacing not): 18 Points for a Dyslexic-friendly Wikipedia. W4A2013 Technical May 13-15, 2013, Rio de Janeiro, Brazil. Co-Located with the 22st International World Wide Web Conference.