El documento describe los conceptos fundamentales de la experiencia del usuario (UX) y el diseño centrado en el usuario (DCU). Explica que el DCU se basa en la investigación iterativa de los usuarios para garantizar que un producto sea fácil y satisfactorio de usar. También describe las herramientas clave del DCU como las personas, las historias de usuario y los prototipos, que ayudan a los diseñadores a comprender y satisfacer las necesidades de los usuarios.
Diseñar para la acción. ¡No más clic aquí!Natalia Vivas
El diseño de interfaces gráficas para entornos digitales nunca ha sido sólo un tema de look and feel. Es necesario pasar de diseñar lo que se ve en una pantalla, a identificar y planear todas las acciones que queremos que realice el usuario en el sistema, en relación a sus necesidades.
Charla orientada en Congreso WEB 2013 - Zaragoza, España.
Diseñar para la acción. ¡No más clic aquí!Natalia Vivas
El diseño de interfaces gráficas para entornos digitales nunca ha sido sólo un tema de look and feel. Es necesario pasar de diseñar lo que se ve en una pantalla, a identificar y planear todas las acciones que queremos que realice el usuario en el sistema, en relación a sus necesidades.
Charla orientada en Congreso WEB 2013 - Zaragoza, España.
Metodología y Herramientas para diseñar sistemas de alta performance - XII J...Santiago Bustelo
Presentación de Santiago Bustelo en la apertura de las XII Jornadas Universitarias de Sistemas de Información en Salud realizadas en el Hospital Italiano, el 15 de noviembre de 2017.
Consolida contenidos presentados previamente:
- Caso de aplicación de KLM-GOMS para mejoras operativas en sistemas de gestión (presentado por primera vez en 2008 en el evento Microsoft RAF),
- Heurísticas entendidas desde principios de psicología cognitiva (presentado desde 2015 en Taller UX).
Introducción al Diseño de Experiencia del Usuario – UX2013Gabriel Celemin
Esta presentación se realizó para el evento "UX 2013: Usabilidad, Accesibilidad, Diseño y Tecnología" en el marco del Día Mundial de la Usabilidad, el martes 3 de diciembre de 2013 en la Universidad Católica Argentina (UCA, Campus Puerto Madero).
El objetivo es presentar las disciplinas que convergieron para dar origen a lo que llamamos Diseño de Experiencia del Usuario, haciendo referencia a los Factores Humanos e Interacción Humano-Computadora (HCI).
Definir qué es el Diseño de UX, las diferencias entre UX y UI, los principios de Diseño Centrado en el Usuario (DCU), y los componentes y beneficios del diseño de UX.
Se menciona la importancia de conocer los estándares, convenciones, patrones de diseño y guías de estilo.
Se presentan los roles de los miembros de un equipo de UX, y ejemplos de los entregables de cada etapa del proceso de diseño.
Ambientes de desarrollo y producción. Mejores prácticas con ansibleJoaquin Contreras
Levantar un entorno drupal de desarrollo o de producción es complicado. Sobre todo porque hoy en día los ambientes de producción se vuelven más especializados, utilizando nuevos servicios como Solr o Redis, herramientas como compass o sass, intercambiando apache por nginx. Ansible (http://www.ansible.com/) es una herramienta para automatizar la configuración de servidores, máquinas virtuales e incluso tu computadora local. Estas herramientas te permiten aplicar una configuración en un servidor de manera confiable, repetible y segura. Nada de seguir tutoriales, olvidar un comando y repetir errores. Automatizando la configuración puedes guardar el conocimiento de cómo configurar tu ambiente en una receta de cocina. Las buenas prácticas que aprendes en el proceso de administrar tus servidores y ambientes los puedes agregas a tu receta. Tu receta de ansible, a diferencia de un script de bash, la puedes correr varias veces, para aplicar las mejoras que hayas encontrado.
En esta charla damos una introducción a ansible y ejemplificamos su uso explicando un proyecto Open Source en donde estamos guardando mejores prácticas para la configuración de ambientes Drupal para desarrollo y producción.
https://github.com/axai-mx/ansible-drupal-roles
Si alguna vez has tenido que instalar drupal en un servidor web, esta charla te puede interesar. Si alguien más instala drupal por tí, probablemente no.
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...innovatics
Buscar libros en las estanterías de las Bibliotecas sigue siendo cosa del presente, aun cuando muchas han incorporado sistemas abiertos. Pero, ¿qué pasa si en esa búsqueda sabemos desde ya quién es el usuario, cuáles son sus intereses, qué quiere, cómo se mueve o qué le gusta? Desde la utilización de la analítica web hasta el testeo de usuarios o las técnicas de Eye Tracking, esta charla abordará las distintas herramientas cuantitativas y cualitativas de análisis de usuarios que nos permitirán revolucionar la experiencia de búsqueda en nuestras bibliotecas tradicionales y digitales.
Metodología y Herramientas para diseñar sistemas de alta performance - XII J...Santiago Bustelo
Presentación de Santiago Bustelo en la apertura de las XII Jornadas Universitarias de Sistemas de Información en Salud realizadas en el Hospital Italiano, el 15 de noviembre de 2017.
Consolida contenidos presentados previamente:
- Caso de aplicación de KLM-GOMS para mejoras operativas en sistemas de gestión (presentado por primera vez en 2008 en el evento Microsoft RAF),
- Heurísticas entendidas desde principios de psicología cognitiva (presentado desde 2015 en Taller UX).
Introducción al Diseño de Experiencia del Usuario – UX2013Gabriel Celemin
Esta presentación se realizó para el evento "UX 2013: Usabilidad, Accesibilidad, Diseño y Tecnología" en el marco del Día Mundial de la Usabilidad, el martes 3 de diciembre de 2013 en la Universidad Católica Argentina (UCA, Campus Puerto Madero).
El objetivo es presentar las disciplinas que convergieron para dar origen a lo que llamamos Diseño de Experiencia del Usuario, haciendo referencia a los Factores Humanos e Interacción Humano-Computadora (HCI).
Definir qué es el Diseño de UX, las diferencias entre UX y UI, los principios de Diseño Centrado en el Usuario (DCU), y los componentes y beneficios del diseño de UX.
Se menciona la importancia de conocer los estándares, convenciones, patrones de diseño y guías de estilo.
Se presentan los roles de los miembros de un equipo de UX, y ejemplos de los entregables de cada etapa del proceso de diseño.
Ambientes de desarrollo y producción. Mejores prácticas con ansibleJoaquin Contreras
Levantar un entorno drupal de desarrollo o de producción es complicado. Sobre todo porque hoy en día los ambientes de producción se vuelven más especializados, utilizando nuevos servicios como Solr o Redis, herramientas como compass o sass, intercambiando apache por nginx. Ansible (http://www.ansible.com/) es una herramienta para automatizar la configuración de servidores, máquinas virtuales e incluso tu computadora local. Estas herramientas te permiten aplicar una configuración en un servidor de manera confiable, repetible y segura. Nada de seguir tutoriales, olvidar un comando y repetir errores. Automatizando la configuración puedes guardar el conocimiento de cómo configurar tu ambiente en una receta de cocina. Las buenas prácticas que aprendes en el proceso de administrar tus servidores y ambientes los puedes agregas a tu receta. Tu receta de ansible, a diferencia de un script de bash, la puedes correr varias veces, para aplicar las mejoras que hayas encontrado.
En esta charla damos una introducción a ansible y ejemplificamos su uso explicando un proyecto Open Source en donde estamos guardando mejores prácticas para la configuración de ambientes Drupal para desarrollo y producción.
https://github.com/axai-mx/ansible-drupal-roles
Si alguna vez has tenido que instalar drupal en un servidor web, esta charla te puede interesar. Si alguien más instala drupal por tí, probablemente no.
Revolución, revolución, revolución: las bibliotecas en la revolución de los u...innovatics
Buscar libros en las estanterías de las Bibliotecas sigue siendo cosa del presente, aun cuando muchas han incorporado sistemas abiertos. Pero, ¿qué pasa si en esa búsqueda sabemos desde ya quién es el usuario, cuáles son sus intereses, qué quiere, cómo se mueve o qué le gusta? Desde la utilización de la analítica web hasta el testeo de usuarios o las técnicas de Eye Tracking, esta charla abordará las distintas herramientas cuantitativas y cualitativas de análisis de usuarios que nos permitirán revolucionar la experiencia de búsqueda en nuestras bibliotecas tradicionales y digitales.
Presentación de la primera jornada del Workshop Digital donde se abaracaron las temáticas del diseño centrado en el usuario y sus metodologías, experiencia de usuario, y diseño responsive.
Presentación sobre la Experiencia de Usuario del Conversion Thursday de San Sebastián, organizado por Empresa Digitala, Overalia y Nabunbu con la colaboración de Fomento de San Sebastián.
¿Cómo diseñar SUNAT.gob.pe? Aplicando Diseño Centrado en el Usuario Juan-Francisco Reyes
Un ejercicio sobre cómo diseñar SUNAT.gob.pe desde la perspectiva del Diseño Centrado en el Usuario. Análisis, metodología, herramientas de investigación, recursos, arquitectura de información.
Presentación para estudiantes de segundo año de curso webmaster de la Academia Área, en Donostia. EL curso habla sobre metodologías de experiencia de usuario, usabilidad, UX, estrategia, etc.
Se describen algunos de los perfiles que toman parte dentro del diseño web, así como un listado de referencias interesantes para los alumnos.
BarCamp Costa Rica 2014 - El valor del usuario final
1.
2. Definiciones Básicas:
• Experiencia de Usuario (UX)
es acerca de como un
producto funciona cuando una
persona se pone en contacto
con este y tiene que usarlo.
• La calidad de UX es medida de
acuerdo al nivel de satisfacción
que un usuario promedio
obtiene del producto.
• Una buena UX anima a los
usuarios a “pasar” al siguiente
nivel (por ej. Suscribirse al sitio
o comprar un producto). La
tasa de conversión es un
medio común de medir la
efectividad (ROI, Retorno de
inversión) de la experiencia de
usuario.
• Una mala UX mueve a la gente
lejos de su sitio, los hace sentir
estúpidos, enojados o
frustrados.
• El Diseño Centrado en el
Usuario (DCU) pone a los
usuarios esperados de un
producto en el centro de su
diseño y desarrollo.
• El DCU hace esto al tomar en
cuenta al usuario en cada paso
del camino mientras el
producto es desarrollado.
• La participación de los
usuarios es llevada a cabo de
una forma repetitiva.
3. DCU Flujo de trabajo
El desarrollo y el involucramiento de los usuarios son efectuados de
una manera iterativa, en donde el ciclo se repite hasta que los
objetivos de usabilidad del proyecto hayan sido logrados. Los pasos
primarios son:
1) Concepto, 2) Investigación, 3) Prototipo, 4) Pruebas, 5)
Construcción, 6)Pruebas/Construcción hasta que esté correcto, 7)
Lanzamiento, 8) Pruebas Post Lanzamiento.
4. 5 Planos: Elementos de DCU
• El modelo de los 5 Planos
provee un encuadre para
hablar acerca de los
problemas de la experiencia
de usuario y las herramientas
para solventarlos.
• Los 5 planos son construidos
de abajo hacia arriba, desde
un nivel abstracto a un nivel
más concreto.
• Decisiones tomadas en los
planos más alto y más bajo
pueden tener un efecto de
onda en ambas direcciones.
5. 5 Planos: Elementos de DCU
• Los 5 Planos están divididos en:
• Estrategia: Define los objetivos
del sitio & usuarios, hace
investigación (entrevistas,
grupos focales), crea personas.
• Alcance: Decide las
características funcionales y de
contenido, crea las historias de
usuario y escenarios de uso.
• Estructura: Desarrolla la
estructura del sitio, arquitectura
de información, usa el “Card
Sorting” y las historias de
usuario. Crea el mapa del sitio.
• Esqueleto: Prototipos o
“wireframes”, Navegación,
ubicación de fotografías, texto,
botones, etc.
• Superficie: Diseño visual,
concepto, colores, tablas de
ánimo (mood boards), etc.
• El trabajo en el siguiente plano
debe comenzar antes de que
el trabajo en el plano anterior
ha concluido.
6. Estrategia Centrada en el Usuario
• “¿Sabemos cuál es el
problema, y si esto (producto,
website) solventa el problema
para aquellos que lo van a
usar?”
• “¿El usuario qué debe ser
capaz de hacer?”
• Nuestro objetivo es mejorar la
eficiencia: Ayudar a la gente a
trabajar más rápido y cometer
menos errores.
• El primer paso es definir al
usuario promedio:
1. Crear lista de atributos (Objetivos
primarios para visitar el website,
Roles: el que busca trabajo, el que
busca información, cliente, etc.,
Demográficos: sexo, edad,
ingresos, estado civil, etc.,
Experiencia: educación,
conocimiento técnico, etc.,
Organizacional: tipo de empleo,
tipo de compañía para la que el
usuario trabaja, etc.
2. Priorizar y definir que atributos
son importantes para el usuario y
los objetivos del sitio.
3. Describir segmentos o grupos de
usuarios para investigarlos.
7. Métodos de investigación DCU
• Las técnicas de investigación pueden
ser divididas en investigación
cualitativa (entendimiento profundo)
e investigación cuantitativa
(validación).
• La investigación cualitativa se trata
de descubrir nuevas cosas por medio
de una muestra reducida.
• Ejemplos de investigación cualitativa
son:
1) Grupos focales (Los usuarios
actuales y los pretendidos comparten
pensamientos, sentimientos, etc.)
2) Entrevistas a usuarios (1 a 1)
3) Estudios de campo (Observa,
pregunta a usuarios en una situación
de trabajo)
4) Ordenar tarjetas (card sorting)
(Sugiere estructuras/categorías)
5) Pruebas de usabilidad (Obtiene
información de los usuarios mientras
usan el producto, ej: La prueba de
pensar en vos alta).
• La investigación cuantitativa es
acerca de probar algo con una
muestra grande.
• Por ejemplo: Encuestas y Estadísticas
del sitio o análisis del archivo de
ingresos (log file).
• La investigación cuantitativa es mejor
para decirle qué está pasando, la
investigación cualitativa le dice
porqué está pasando.
8. Personas: Herramienta para DCU
• Otra manera de ver a la
investigación de DCU es
estudiando lo que la gente dice
(objetivos y actitudes que
tienen) versus lo que ellos
realmente hacen
(comportamientos).
• Cuando la investigación termina,
nosotros creamos personas, que
son una descripción de usuarios
típicos.
• Al construir una representación
ficticia de los usuarios somos
capaces de empatizar con ellos y
entender sus necesidades.
• Las Personas son blancos
mercadotécnicos (motivaciones
de compra) o interactivas
(comportamiento de uso).
9. Personas: Herramienta para DCU
• Las Personas tienen que ser
procesables. “¿Cuáles son sus
objetivos y comportamientos?”,
son las preguntas básicas que
debemos preguntarnos a
nosotros mismos.
• La descripción de la Persona debe
incluir: Foto (no posada sino
natural) – Nombre (uno común) –
Edad – Ubicación (para establecer
diferencias culturales y de
comportamiento) – Ocupación –
Biografía (hechos, anécdotas,
historias que hacen a la persona
más real).
• También puede incluir: Educación
– Salario – lema – Actividades en
línea y fuera de ella – Lealtad con
respecto a una marca –
Conocimiento técnico y en
computación – Comportamiento
en redes sociales – Motivación
para usar una marca – Objetivos
del usuario.
• Contar Historias: Crear historias
acerca de las personas nos ayuda
a construir una visión más
significativa del proyecto.
• Historias de una sola línea que
incluyan el rol del usuario y la
actividad que ellos desean
realizar.
10. Ejemplos prácticos de DCU
• Videos tutoriales y de ayuda de
como usar el website.
• Hacer obvio a lo que se puede y
no se puede dar clic (links,
botones).
• Si es posible mantener todo en
una página.
• Dar la opción de la versión
imprimible.
• Crear rutas cortas para completar
tareas.
• Incluir el mapa del sitio o migas
de pan para mostrar a los
usuarios en donde están y a
donde ir.
• Usar buen espacio entre líneas
(1.5) y todos los elementos.
• Escriba párrafos cortos y use
palabras coloquiales.
• Procure la facilidad de lectura.
Cuerpo de texto lo
suficientemente grande, alto
contraste entre el texto y el
fondo.
• Tenga extractos y encabezados
grandes para realizar escaneos de
lectura.
• Tenga enlaces para subir y bajar
en páginas con mucho contenido.
• Use gráficos con poco peso para
que se descarguen rápidamente.
• Use elementos consistentes y
significativos en todo el sitio (hilo
conductor).