La Accesibilidad es un atributo cualitativo que depende del eslabón más débil del proceso de construcción del software o sitio web. En este proceso colaboran profesionales de diseño, desarrollo y producción de contenidos, con visiones no siempre compatibles.
Se presentan guías, modelos y ejemplos para que equipos de trabajo establecidos puedan atender a la accesibilidad como requerimiento, permitiendo a cada rol involucrado:
- compartir una visión con el resto de las áreas,
- entender el alcance y responsabilidad de cada área,
- resolver los aspectos cualitativos que le corresponden,
- verificar su propio cumplimiento de dichos aspectos,
- entender, respetar y mantener la calidad lograda por las otras áreas.
La presentación ofrece conocimientos nuevos a profesionales sin experiencia previa en accesibilidad, y un modelo de proceso para que profesionales iniciados en la problemática puedan alinear a sus compañeros de trabajo.
Este cuento permite trabajar en el aula sobre cuestiones relacionadas con la participación de todos los miembros de una comunidad en los proyectos de cooperación al desarrollo.
Este cuento permite trabajar en el aula sobre cuestiones relacionadas con la participación de todos los miembros de una comunidad en los proyectos de cooperación al desarrollo.
Sabemos que las leyendas urbanas son relatos pertenecientes al folclore contemporáneo. En realidad son mitos basados en sucesos que supuestamente habrían ocurrido, pero quien te las cuenta, las ha tomado como verdaderos.
Estas contienen ficciones que dizque ocurrieron o pueden ocurrir en ciudades o pueblos conocidos. Su fantástica trama se narra de un modo que pueda crear la sensación de que realmente sucedió.
En algunos casos se trata de un tipo de creencia popular, muchas veces cargadas de superstición, que, pese a contener elementos inverosímiles o sobrenaturales, es presentado como hechos reales sucedidos en estos tiempos y delante de nuestras propias narices.
Otras parten de hechos reales que son exagerados, distorsionados o mezclados con datos ficticios o con las fabulosas convicciones que crea el inconsciente colectivo y que circulan oralmente o por los medios masivos. Estos suelen tener una advertencia y no pocas veces contener una denuncia pública, y hasta a veces una “moraleja”.
La condición para que estas historias sean verosímiles, es el hecho que nos han sido contadas por un amigo, un pariente, un vecino, un paisano, o nos la han narrado en una tertulia de trabajo o en la calle. Y tiene que ser trasmitida oralmente para que al igual que los mitos ancestrales, a la larga, acaben siendo parte de la tradición de los pueblos.
Se estima que las leyendas urbanas, nacen de la necesidad que tiene todo ser humano de una cuota de ficción en su vida, o de transformar una insoportable realidad por la fantasía cuando esta se hace insufrible, por ser demasiada cierta.
La condición para que las leyendas urbanas sean transmitidas, es que sean entretenidas en su contenido y que algunas veces estén acompañadas de violencia o grosería para ser aceptadas y apetecidas porque así lo exige el morbo de la gente.
Los que las cuentan aparte de trasmitirlas por contener una buena historia, lo hacen por el hecho de congraciarse con su entorno social, pero también lo hacen por el simple deseo de contar algo entretenido y novedoso, contribuyendo a que por su propia boca y de la de sus oyentes, se trasmita tanto y tanto, hasta convertirse en parte de la cultura general de su región.
Progama Oficial de las Fiestas de Briviesca 2019elliodeabi
Programa Oficial de las Fiestas de Briviesca 2019 con todos los actos y actividades que se desarrollan en la localidad desde finales del mes de Julio hasta primeros de Septiembre.
En su diario del año 2004, publicado bajo el título "Miseria y compañía" (Editorial Pre-textos, 2013), Andrés Trapiello nos ofrece una lúcida y divertidísima caricatura de un filósofo posmoderno al uso. Su lectura es un buen refrigerante ante tanta charlatanería y pose que a veces nos envuelve con aires de academia.
Historia crítica de España, y de la cultura española autor Juan Francisco de ...PaulaMacena2
Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de Esp
Este libro nos ofrece anécdotas, parábolas, fabulas y reflexiones acerca del liderazgo, sus autores son: Jaime Lopera Gutiérrez y Marta Inés Bernal Trujillo. El titulo de este libro fue colocado porque a veces actuamos como lo indica la historia de “la culpa es de la vaca”, pues si no encontramos un culpable de las cosas que nos pasan hasta somos capaces de responsabilizar a un animal con tal de no comprometernos y aceptar nuestros errores. Así mismo como lo cuentan sus autores y como lo he vivido en particular puedo expresar que las historias que este libro contiene, tienen el firme propósito de lograr que cada lector encuentre en estos textos un motivo de reflexión sobre los valores de la vida diaria...
Nuestros entregables son nuestra moneda: Luchando contra la devaluación de UXSantiago Bustelo
Presentación de Santiago Bustelo en Interaction Latin America 2021.
UX es una disciplina devaluada. Nuestros entregables son nuestra moneda. Y esa moneda no habla de lo q pasa delante de la pantalla (UX), sino dentro de ella (UI).
Necesitamos nuevos entregables.
Principios para nuevos entregables UX:
- Recuperar y defender el valor de la Experiencia de Usuario como resultado cualitativo, producto de decisiones.
- Revelar la calidad de las decisiones.
- Revelar la calidad del proceso.
- “Livianos”, rápidos y económicos de producir e iterar (por no decir “ágiles”, otro término devaluado… ya es suficientemente difícil trabajar de una devaluación a la vez).
Todos los entregables expuestos en la presentación han sido iterados y validados en nuestros proyectos, logrando avanzar en la dirección deseada.
El papel de los nuevos entregables:
La verdad es que nuevos entregables no pueden resolver, por sí mismos, el problema de la devaluación de la disciplina.
Porque diseñar no se trata de producir entregables, sino de decisiones que crean valor. La función de los entregables es nada más y nada menos, que facilitar y comunicar esas decisiones.
De cara a los clientes, los entregables son lo más evidente, y lo más rápido de producir. Lograr buenas decisiones de diseño es un proceso bastante más lento y menos evidente. Y mucho más lento y menos evidente aún, es el proceso de construcción de la disciplina.
Para revertir la devaluación de UX, tenemos que trabajar desde qué disciplina queremos construir, para luego plantearnos qué entregadores tenemos que producir.
Los criterios y ejemplos expuestos en esta presentación, quizás los inspiren para avanzar en esa dirección.
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).
Más contenido relacionado
Similar a Incorporando accesibilidad en el proceso de desarrollo de software y sitios web
Sabemos que las leyendas urbanas son relatos pertenecientes al folclore contemporáneo. En realidad son mitos basados en sucesos que supuestamente habrían ocurrido, pero quien te las cuenta, las ha tomado como verdaderos.
Estas contienen ficciones que dizque ocurrieron o pueden ocurrir en ciudades o pueblos conocidos. Su fantástica trama se narra de un modo que pueda crear la sensación de que realmente sucedió.
En algunos casos se trata de un tipo de creencia popular, muchas veces cargadas de superstición, que, pese a contener elementos inverosímiles o sobrenaturales, es presentado como hechos reales sucedidos en estos tiempos y delante de nuestras propias narices.
Otras parten de hechos reales que son exagerados, distorsionados o mezclados con datos ficticios o con las fabulosas convicciones que crea el inconsciente colectivo y que circulan oralmente o por los medios masivos. Estos suelen tener una advertencia y no pocas veces contener una denuncia pública, y hasta a veces una “moraleja”.
La condición para que estas historias sean verosímiles, es el hecho que nos han sido contadas por un amigo, un pariente, un vecino, un paisano, o nos la han narrado en una tertulia de trabajo o en la calle. Y tiene que ser trasmitida oralmente para que al igual que los mitos ancestrales, a la larga, acaben siendo parte de la tradición de los pueblos.
Se estima que las leyendas urbanas, nacen de la necesidad que tiene todo ser humano de una cuota de ficción en su vida, o de transformar una insoportable realidad por la fantasía cuando esta se hace insufrible, por ser demasiada cierta.
La condición para que las leyendas urbanas sean transmitidas, es que sean entretenidas en su contenido y que algunas veces estén acompañadas de violencia o grosería para ser aceptadas y apetecidas porque así lo exige el morbo de la gente.
Los que las cuentan aparte de trasmitirlas por contener una buena historia, lo hacen por el hecho de congraciarse con su entorno social, pero también lo hacen por el simple deseo de contar algo entretenido y novedoso, contribuyendo a que por su propia boca y de la de sus oyentes, se trasmita tanto y tanto, hasta convertirse en parte de la cultura general de su región.
Progama Oficial de las Fiestas de Briviesca 2019elliodeabi
Programa Oficial de las Fiestas de Briviesca 2019 con todos los actos y actividades que se desarrollan en la localidad desde finales del mes de Julio hasta primeros de Septiembre.
En su diario del año 2004, publicado bajo el título "Miseria y compañía" (Editorial Pre-textos, 2013), Andrés Trapiello nos ofrece una lúcida y divertidísima caricatura de un filósofo posmoderno al uso. Su lectura es un buen refrigerante ante tanta charlatanería y pose que a veces nos envuelve con aires de academia.
Historia crítica de España, y de la cultura española autor Juan Francisco de ...PaulaMacena2
Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de España.Este es un buen libro que trata sobre algunos procesos historicos de la construcción social de Esp
Este libro nos ofrece anécdotas, parábolas, fabulas y reflexiones acerca del liderazgo, sus autores son: Jaime Lopera Gutiérrez y Marta Inés Bernal Trujillo. El titulo de este libro fue colocado porque a veces actuamos como lo indica la historia de “la culpa es de la vaca”, pues si no encontramos un culpable de las cosas que nos pasan hasta somos capaces de responsabilizar a un animal con tal de no comprometernos y aceptar nuestros errores. Así mismo como lo cuentan sus autores y como lo he vivido en particular puedo expresar que las historias que este libro contiene, tienen el firme propósito de lograr que cada lector encuentre en estos textos un motivo de reflexión sobre los valores de la vida diaria...
Nuestros entregables son nuestra moneda: Luchando contra la devaluación de UXSantiago Bustelo
Presentación de Santiago Bustelo en Interaction Latin America 2021.
UX es una disciplina devaluada. Nuestros entregables son nuestra moneda. Y esa moneda no habla de lo q pasa delante de la pantalla (UX), sino dentro de ella (UI).
Necesitamos nuevos entregables.
Principios para nuevos entregables UX:
- Recuperar y defender el valor de la Experiencia de Usuario como resultado cualitativo, producto de decisiones.
- Revelar la calidad de las decisiones.
- Revelar la calidad del proceso.
- “Livianos”, rápidos y económicos de producir e iterar (por no decir “ágiles”, otro término devaluado… ya es suficientemente difícil trabajar de una devaluación a la vez).
Todos los entregables expuestos en la presentación han sido iterados y validados en nuestros proyectos, logrando avanzar en la dirección deseada.
El papel de los nuevos entregables:
La verdad es que nuevos entregables no pueden resolver, por sí mismos, el problema de la devaluación de la disciplina.
Porque diseñar no se trata de producir entregables, sino de decisiones que crean valor. La función de los entregables es nada más y nada menos, que facilitar y comunicar esas decisiones.
De cara a los clientes, los entregables son lo más evidente, y lo más rápido de producir. Lograr buenas decisiones de diseño es un proceso bastante más lento y menos evidente. Y mucho más lento y menos evidente aún, es el proceso de construcción de la disciplina.
Para revertir la devaluación de UX, tenemos que trabajar desde qué disciplina queremos construir, para luego plantearnos qué entregadores tenemos que producir.
Los criterios y ejemplos expuestos en esta presentación, quizás los inspiren para avanzar en esa dirección.
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).
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?Santiago Bustelo
Entre los años 50 y 90, el Marketing trabajó duro para posicionarse como el eslabón perdido entre las empresas y los clientes.
Hoy en día, lejos de esa posición, tiende a ser una de las disciplinas menos respetadas en el negocio, tanto por las empresas como por los clientes.
- ¿Cómo sucedió eso?
- ¿Cuáles son las promesas de marketing que UX está repitiendo ahora, poniendo en riesgo nuestra credibilidad?
- ¿Estamos cometiendo los mismos errores? (pista: sí)
- ¿Cómo podemos evitar caer en las mismas trampas?
LA PROMESA: LOS DÍAS DORADOS DEL MARKETING
Un breve resumen de los primeros grandes éxitos de Marketing, promesas, cómo cambió la forma de entender los negocios y se ganó un asiento en la mesa. Caso de estudio: Louis Cheskin y la aplicación del método científico.
LA DECEPCIÓN: LA CAÍDA EN DESGRACIA DEL MARKETING
Los pecados que hicieron que el Marketing no cumpliera su cometido como disciplina: Engreímiento, Complacencia y Superstición (Cargo Culting).
REFLEXIONANDO SOBRE UX
Un paralelismo entre los altibajos del Marketing y nuestra situación actual. Cómo al ignorar la historia del Marketing, estamos condenados a repetirla - y cómo ya estamos cayendo en las mismas trampas.
TOMANDO EL VOLANTE
No es demasiado tarde. Todavía podemos imaginar el camino a seguir y los riesgos de descarrilamiento, tomar decisiones y tomar medidas como profesionales y como comunidad.
- Identificar los errores que ya han comenzado (que deben ser detenidos) y anticipar nuevos errores (que deben ser prevenidos),
- Reconocer las buenas acciones ya en marcha (que deben ser apoyadas), y proyectar las buenas acciones aún no iniciadas (que tenemos que iniciar).
- Involucrarnos como profesionales y como comunidad con el futuro de nuestra práctica.
……………
Santiago Bustelo es Director de Experiencia de Usuario en Kambrica, una consultora de UX con sede en Buenos Aires. Preside el capítulo local de la Interaction Design Association (IxDA BA) y fue el primer Coordinador Regional de IxDA para América Latina.
Santiago comenzó su carrera como diseñador de interacción en 1996, diseñando simuladores de negocios para capacitación gerencial. En ese entonces, estaba en auge Calidad Total. No cumplió sus promesas. Hoy en día, estamos repitiendo el mismo ciclo con Lean y Agile.
UX professionalism: What can we learn from marketing's mistakes?Santiago Bustelo
Between the 1950's and 1990's, Marketing worked hard to position itself as the missing link between companies and customers.
Today, far from that position, tends to be one of the less respected disciplines in the business - by both companies and customers.
- How did that happen?
- What are marketing's promises UX is repeating now, hindering our credibility?
- Are we doing the same mistakes? (hint: yes)
- How can we avoid falling in the same traps?
THE PROMISE: MARKETING’S GOLDEN DAYS
A brief recap of Marketing’s first huge successes, promises, how it changed Business and won a seat at the table. Case study: Louis Cheskin and the application of the scientific method.
THE DISAPPOINTMENT: MARKETING’S FALL FROM GRACE
The sins that made Marketing fail to deliver as a discipline: Entitlement, Complacency and Superstition (Cargo Culting).
REFLECTING ON UX
A parallel between Marketing’s ups and downs, and our current state of affairs. How by ignoring Marketing’s history, we are doomed to repeat it – and how we are already falling into the same traps.
TAKING THE WHEEL
It’s not too late. We can still picture the road ahead and the risks of derailment, make our decision, and take action as professionals and as a community.
- Spot the wrongs that have already started (that must be stopped) and anticipate new wrongs (that must be prevented),
- Recognize the good actions already in motion (that must be supported), and project the good actions not yet started (that we have to initiate).
- Get involved as professionals and as a community with the future of our practice.
……………
Santiago Bustelo is UX Director at Kambrica, a User Experience consultancy based in Buenos Aires. He chairs the local chapter of the Interaction Design Association (IxDA BA) and served as the first IxDA Regional Coordinator for Latin America.
Santiago started his interaction design career in 1996, designing business simulations for management courses. Back in the day, Total Quality Management was the hot topic. It didn’t live up to its promises. Today, we are repeating the same cycle with Lean and Agile.
Core Design: Incorporando UX en la educación formal de diseñoSantiago Bustelo
Una iniciativa para que los miembros de IxDA puedan sumar a la educación y profesionalismo.
Core Design es una iniciativa colaborativa y abierta de IxDA para adaptar conceptos, técnicas y metodologías de UX (Experiencia de Usuario), de forma que puedan ser incorporados a las dinámicas existentes de la educación universitaria de Diseño.
Pueden constribuir a esta iniciativa (en orden creciente de complejidad):
- Dictando alguno/s de los módulos ya creados en eventos y escuelas de Diseño.
- Creando, validando y sumando nuevos contenidos a la iniciativa, bajo licencia Creative Commons.
- Facilitando sesiones con docentes para encontrar nuevos contenidos a crear, y compartiendo las conclusiones con la comunidad.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Santiago Bustelo
Core Design es una iniciativa colaborativa y abierta de IxDA BA para adaptar conceptos, técnicas y metodologías de UX (Experiencia de Usuario), de forma que puedan ser incorporados a la formación universitaria “tradicional” de Diseño (Gráfico, Industrial, Multimedia, Indumentaria, Interiores, Arquitectura, etc).
¿Querés colaborar con el proyecto, o necesitás apoyo para incorporar módulos de Core Design a tu cátedra? Contactanos a buenosaires@ixda.org
El módulo “Taller de definición de roles, trabajo en equipo, ideación“, presentado en el XIII Encuentro Latinoamericano de DIseño UP, se compone de:
- Ejercicio de autoevaluación (aptitudes generales y personales),
- Definición de roles y organización del trabajo en equipo,
- Puesta en práctica: taller de ideación.
Autores: Santiago Bustelo, Lorena Maceratesi, Mariana Fiorillo y Rocío Doukler.
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...Santiago Bustelo
El buen diseño es producto de buenas decisiones y excelente ejecución. Design Research comprende a las técnicas que informan a las decisiones de Diseño.
Lo que creemos saber ... ¿es realmente válido? ¿O es sólo una colección de estereotipos y prejuicios? ¿Qué es lo que realmente necesitamos saber? ¿De quién podemos obtener esa información? ¿Cómo podemos obtenerlo sin contaminar la muestra?
Esta presentación hace una introducción de las técnicas esenciales para responder a estas preguntas a lo largo del proceso de diseño. Desarrolla un caso real de aplicación de estas técnicas en un proyecto de rediseño de imagen institucional.
Versión en castellano persentada por primera vez el 1 de Agosto, 2017 en el XII Encuentro Latinoamericano de Diseño, Facultad de Diseño y Comunicación, Universidad de Palermo.
TEMARIO
- Objetivos vs. Requerimientos.
- Los Objetivos encuadran decisiones de diseño. Design Research informa esas decisiones.
- Qué lugar tienen los requerimientos y por qué son problemáticos cuando no son resultado de un proceso de diseño previo.
- Proceso de diseño iterativo: las decisiones de diseño siempre abren nuevas preguntas.
- Dimensiones de métodos de Design Research: Cualitativo vs. Cuantitativo; Conductual vs. Actitudinal; Contexto de uso.
- Qué necesitamos saber? Validar lo que creemos saber que sabemos; Investigar lo que sabemos que no sabemos; explorar lo que no sabemos que no sabemos.
- Sujetos de investigación: ¿De quién podemos obtener qué información?
- Decisiones informadas en cada iteración vs. “estómago”. Involucrar al cliente en las decisiones y en el proceso de diseño.
- Caso: Jorge Frascara, Seguridad vial en Alberta (Canadá). Impacto de esa investigación 25 años después.
- Técnica #1: Procesar información disponible. Fuentes de información. Construcción de sentido: de Datos a Información, Conocimiento e Inteligencia.
- Técnica #2: Entrevista. Cómo evitar contaminar la muestra. 7 pasos desde la planificación hasta la obtención de insights. Cómo empezar a practicar. Entrevistas cualitativas, entrevistas contextuales, desarrollo de Arquetipos (Personas).
- Técnica #3: Mapeo. Características y posibilidades. Mapeo de requerimientos, Card sorting, mapeo improvisado.
- Caso real: rediseño de imagen institucional. Definición de objetivos. Primeras entrevistas. Ajuste de objetivos, definición de estrategia. Investigación de lenguaje de diseño: elementos característicos y lenguaje establecido en el mercado. Primeros prototipos: presentación y conclusiones. Exploración morfológica. Investigación de diseño: paletas de color. Exploración combinatoria. Iteración final y satisfacción de objetivos del proyecto.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Santiago Bustelo
Core Design es una iniciativa colaborativa y abierta de IxDA BA para adaptar conceptos, técnicas y metodologías de UX (Experiencia de Usuario), de forma que puedan ser incorporados a la formación universitaria “tradicional” de Diseño (Gráfico, Industrial, Multimedia, Indumentaria, Interiores, Arquitectura, etc).
¿Querés colaborar con el proyecto, o necesitás apoyo para incorporar módulos de Core Design a tu cátedra? Contactanos a buenosaires@ixda.org
El módulo “Taller de definición de roles, trabajo en equipo, ideación“, presentado en el XIII Encuentro Latinoamericano de DIseño UP, se compone de:
- Ejercicio de autoevaluación (aptitudes generales y personales),
- Definición de roles y organización del trabajo en equipo,
- Puesta en práctica: taller de ideación.
Autores: Santiago Bustelo, Lorena Maceratesi, Mariana Fiorillo y Rocío Doukler.
Las metodologías ágiles como problema de diseñoSantiago Bustelo
Presentación de Santiago Bustelo en "La Medida del Diseño" organizado por IxDA Viña del Mar y realizado en el Museo de Historia Natural de Valparaíso el 5 de octubre 2018.
Ante las metodologías ágiles, diseñadores e investigadores de UX solemos atravesar un proceso de tres etapas: primero una mezcla de dudas e intriga, luego entusiasmo y finalmente, decepción. Como profesionales de UX, podemos lograr mejores resultados aplicando nuestra capacidad de empatizar con la gente, considerar sus capacidades y restricciones, y diseñar procesos que les resulten efectivos, eficientes y satisfactorios.
…
Licencia Creative Commons Atribución 4.0
https://creativecommons.org/licenses/by/4.0/deed.es
Usted es libre de:
- Compartir: copiar y redistribuir el material en cualquier medio o formato
- Adaptar: remezclar, transformar y construir a partir del material
para cualquier propósito, incluso comercialmente.
Bajo los siguientes términos:
- Atribución: Usted debe dar crédito de manera adecuada, brindar un enlace a la licencia, e indicar si se han realizado cambios. Puede hacerlo en cualquier forma razonable, pero no de forma tal que sugiera que usted o su uso tienen el apoyo de la licenciante.
- No hay restricciones adicionales: No puede aplicar términos legales ni medidas tecnológicas que restrinjan legalmente a otras a hacer cualquier uso permitido por la licencia.
…
Presentación de Santiago Bustelo en el marco de "La Medida del Diseño 2018: Métodos lentos en tiempos ágiles":
La industria del diseño de servicios digitales se basa cada día más en el uso de metodologías ágiles, las que han traído consigo nuevas formas de trabajo, con otros ritmos y metas que han demostrado aportar en eficiencia y transparencia en los procesos de diseño y desarrollo. Sin embargo, muchas de las metodologías ágiles como Scrum, Agile o Lean han sido creadas desde el desarrollo y, por lo tanto, no consideran en sus definiciones iniciales la relevancia del rol del diseño para la experiencia, sus equipos ni sus métodos.
En este contexto, IxDA Viña del Mar levantó las preguntas ¿Cuál es el rol de los "métodos lentos" propios de DCU e investigación en los tiempos ágiles en que nos encontramos?, ¿Cómo se hace cargo cada tipo de metodología de la experiencia de usuario?, ¿Qué factores externos, humanos o de otro tipo, favorecen o dificultan el desarrollo de procesos bajo cada metodología?
…
Presentado por primera vez en Museo de Historia Natural, Valparaíso, Condell 1546, Valparaíso, Región de Valparaíso, Chile
5 de octubre de 2018 de 6:30 pm a 10:30 pm
Principios, procesos y herramientas UX para la enseñanza del DiseñoSantiago Bustelo
Taller para Docentes Universitarios de Diseño.
Santiago Bustelo, Lorena Maceratesi, Mariana Fiorillo
Jue 7/jun CCGSM, Laboratorio 2
Mie 13/jun CCGSM, Aula 2
Con la intención de poder construir una mejor experiencia en las aulas, queremos divulgar las prácticas y las metodologías que aplicamos día a día.
La experiencia de Usuario propone una mirada centrada en la necesidad del individuo, planteando recorridos únicos para diferentes perfiles. Entender la individualidad nos permite reconocer la variedad de metodologías que podemos aplicar para cada grupo.
En este workshop proponemos explorar algunas herramientas y una mirada diferente acerca de la educación.
Design Research: How to frame the right questions for your design processSantiago Bustelo
Great design comes from good decisions and excellent execution.
Design Research informs those Design Decisions.
What we think we know… is it actually valid? or is just a collection of stereotypes and prejudices? What do we really need to know? Who can we get that information from? How can we get it without contaminating the sample?
This presentation introduces the essential techniques that answer these questions, that need to be addressed along the Design process.
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Santiago Bustelo
Presentación de Santiago Bustelo en Experiencia de Usuario y Política Pública, organizado por Centro Cultural San Martín, IxDA La Plata + Buenos Aires en el marco de la Semana del Diseño BA.
Cual es el valor del diseño, y como está involucrado el diseño en el proceso de desarrollo de software para función pública a nivel mundial. Cuáles son los nuevos roles, disciplinas, necesidades y cómo se integran evolucionando los existentes. Cómo lograr la incorporación práctica de nuevos procesos, técnicas y metodologías para mejores resultados.
¿Cómo ser un líder innovador en el mundo digital?Santiago Bustelo
Presentación de Santiago Bustelo, Invitado de Honor al XII Encuentro Latinoamericano de Diseño organizado por la Facultad de Diseño y Comunicación, Universidad de Palermo.
Design Research: cómo realizar las preguntas correctas para el proceso de diseñoSantiago Bustelo
El buen diseño es producto de buenas decisiones y excelente ejecución. Design Research comprende a las técnicas que informan a las decisiones de Diseño.
Lo que creemos saber ... ¿es realmente válido? ¿O es sólo una colección de estereotipos y prejuicios? ¿Qué es lo que realmente necesitamos saber? ¿De quién podemos obtener esa información? ¿Cómo podemos obtenerlo sin contaminar la muestra?
Esta charla presenta las técnicas esenciales para responder a estas preguntas a lo largo del proceso de diseño. Desarrolla un caso real de aplicación de estas técnicas en un proyecto de rediseño de imagen institucional.
Versión en castellano persentada el 1 de Agosto, 2017 en el XII Encuentro Latinoamericano de Diseño, Facultad de Diseño y Comunicación, Universidad de Palermo.
TEMARIO
- Objetivos vs. Requerimientos.
- Los Objetivos encuadran decisiones de diseño. Design Research informa esas decisiones.
- Qué lugar tienen los requerimientos y por qué son problemáticos cuando no son resultado de un proceso de diseño previo.
- Proceso de diseño iterativo: las decisiones de diseño siempre abren nuevas preguntas.
- Dimensiones de métodos de Design Research: Cualitativo vs. Cuantitativo; Conductual vs. Actitudinal; Contexto de uso.
- Qué necesitamos saber? Validar lo que creemos saber que sabemos; Investigar lo que sabemos que no sabemos; explorar lo que no sabemos que no sabemos.
- Sujetos de investigación: ¿De quién podemos obtener qué información?
- Decisiones informadas en cada iteración vs. “estómago”. Involucrar al cliente en las decisiones y en el proceso de diseño.
- Caso: Jorge Frascara, Seguridad vial en Alberta (Canadá). Impacto de esa investigación 25 años después.
- Técnica #1: Procesar información disponible. Fuentes de información. Construcción de sentido: de Datos a Información, Conocimiento e Inteligencia.
- Técnica #2: Entrevista. Cómo evitar contaminar la muestra. 7 pasos desde la planificación hasta la obtención de insights. Cómo empezar a practicar. Entrevistas cualitativas, entrevistas contextuales, desarrollo de Arquetipos (Personas).
- Técnica #3: Mapeo. Características y posibilidades. Mapeo de requerimientos, Card sorting, mapeo improvisado.
- Caso real: rediseño de imagen institucional. Definición de objetivos. Primeras entrevistas. Ajuste de objetivos, definición de estrategia. Investigación de lenguaje de diseño: elementos característicos y lenguaje establecido en el mercado. Primeros prototipos: presentación y conclusiones. Exploración morfológica. Investigación de diseño: paletas de color. Exploración combinatoria. Iteración final y satisfacción de objetivos del proyecto.
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...Santiago Bustelo
Presentación de Santiago Bustelo como Invitado de Honor en el cierre del XI Encuentro Latinoamericano de Diseño organizado por la Universidad de Palermo, 28 de julio 2016.
Tecnología es una palabra cargada de valores que nos hacen pensar en el futuro, en lo inalcanzable. La realidad es que la imprenta, el telar, también son tecnologías. En el siglo XIX, la Arts & Crafts nació como respuesta a una producción industrial macanicista, deshumanizada y que inundaba el mercado de productos que insultaban a los sentidos. La Tecnología había avanzado por su cuenta hasta un punto en el que no podía satisfacer su promesa de un futuro (o presente) mejor, y ello llevó al Diseño a dar el paso que faltaba. Este es sólo uno de los muchísimos casos; a lo largo de la historia, el Diseño co-evolucionó con la tecnología.
Ahora bien, si aceptamos que la imprenta y el telar son tecnologías aunque ya no nos sorprendan, también tenemos que reconocer que las primeras herramientas de piedra también son tecnologías. Y aquí surge una conclusión más interesante: no sólo el diseño, sino que en realidad el ser humano, co-evolucionó con la tecnología.
La tecnología, cuya construcción y uso forma parte de la condición humana, se trata de satisfacer necesidades humanas amplificando capacidades humanas. Por ello, tiene dos partes: una parte que se ajusta al problema, y otra que se ajusta a la persona. La parte que se ajusta al problema, es usualmente dominio de la Ingeniería. La parte que se ajusta a la persona, es usualmente dominio del Diseño. El Diseño es y será siempre fundamental para el ser humano.
Los próximos 20 años, el Diseño tendrá que responder a problemas de mayor complejidad y nivel de abstracción, que involucran mayor responsabilidad. Una tendencia ya iniciada, es la aparición del Chief Design Officer: el Diseño a la cabeza de una organización, a la par de CEOs y CFOs.
Para asumir esa responsabilidad, no es posible limitarse a hacer lo que un cliente pide. Es necesario un compromiso ético:
1. Resolver un problema real que tiene gente real.
2. No crear nuevos problemas para nadie como efecto secundario.
Creo que esta visión del Diseño como factor social, como factor ecológico, será fundamental en este siglo.
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...Santiago Bustelo
Presentado en el XI Encuentro Latinoamericano de Diseño UP el 27 de julio de 2016.
Además de desafíos técnicos particulares, el desarrollo de software para dispositivos táctiles y móviles requiere satisfacer necesidades y contextos de uso muy diferentes a las que se dan en entornos de escritorio.
Conocer estas dimensiones es esencial para lograr software que los usuarios finales puedan realmente aprovechar y valorar. Las guías oficiales de diseño de interfaces para cada plataforma son un paso indispensable, y a la vez son sólo la punta del iceberg.
Esta presentación muestra el proceso de diseño y desarrollo centrado en el usuario necesario para lograr buenos resultados.
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...Santiago Bustelo
Presentación extendiendo los conceptos presentados en http://www.kambrica.com/blog/tendencias-ux-2016-a-2030/
Presentado en:
- XI Encuentro Latinoamericano de Diseño: Martes 26 de julio, 2016.
- Interaction South America 2016: Jueves 3 de noviembre, 2016.
- Artmedia (Universidad Maimónides / CCGSM ): jueves 10 de noviembre, 2016
RESUMEN:
El software se está comiendo al mundo: no sólo hoy resulta omnipresente, sino que sus prácticas y metodologías están cambiando la forma misma de planear y hacer las demás cosas. El Diseño de Experiencias (UX), surgido en el contexto del software, está empezando a abarcar e impactar a las demás disciplinas de diseño, marcando su futuro. En esta presentación haremos un breve repaso de los hitos de los últimos 15 años en el Diseño de Experiencias, y proyectando la dirección que tendrán en los próximos 15 todas las disciplinas de diseño.
INTRODUCCION:
Al mapear los hitos del Diseño de Experiencias contra una línea de tiempo y órdenes de complejidad, encontramos cómo los logros de los últimos 15 años, marcan la dirección en la que se darán los próximos 15.
En caso de la tecnología, hemos pasado de resolver adecuadamente una pantalla (interfaz), a resolver cuestiones propias de varias pantallas (flujos de operación), y luego los problemas de diseño a través de varios dispositivos. Hoy estamos empezando a abordar problemas que involucran varios canales y modos de atención; en un futuro, estaremos resolviendo problemas de ecosistemas de productos y servicios.
En caso de los negocios, hemos pasado del establecimiento de competencias técnicas de un individuo, al trabajo en equipo y luego la coordinación de múltiples equipos. Hoy estamos empezando a ver la incorporación de técnicas de diseño aplicadas a pensar las organizaciones mismas. En un futuro, estaremos resolviendo problemas en el ámbito de ecosistemas de organizaciones.
Para los próximos 15 años, la tecnología y los negocios tenderán a cada vez mayores órdenes de complejidad y abstracción, abriendo campos y nuevos desafíos a resolver por el diseño.
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...
Incorporando accesibilidad en el proceso de desarrollo de software y sitios web
1. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad
Organizado por el
Movimiento de Diseño Inclusivo
Incorporando Accesibilidad
en el proceso de desarrollo de
software y sitios web
Santiago Bustelo, Kambrica • IxDA BA
@sbustelo
MEMBER
Presentación bajo licencia Creative Commons
Atribución 2.5 Argentina
http://creativecommons.org/licenses/by/2.5/ar
2. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
1. El problema
• Por partes hasta llegar al fondo
2. El largo camino a la solución
• Usabilidad y Accesibilidad, atributos
cualitativos
• Modelo de Calidad por áreas
• Recomendaciones para cada área
3. Sobre atajos y parches
Qué vamos a ver:
3. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
• No vamos a ver…
• Balas de plata
• Cómo continuar haciendo lo
mismo y lograr resultados
diferentes
• A quién echarle la culpa
Alineando expectativas
4. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Problema: domar la accesibilidad
Ilustración: WallPaperDisk.com
5. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Lo que nos piden que logremos
Ilustración: DesktopNexus.com
6. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Información
×
Representación
×
Tecnología
=
Resultado final
≈ Contenido
≈ Diseño
≈ Desarrollo
Las partes del problema
7. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Información vs. representación
Miguel de Cervantes El Ingenioso Hidalgo de Don Quijote de la Mancha
CAPÍTULO I
QUE TRATA DE LA CONDICIÓN Y EJERCICIO
DEL FAMOSO HIDALGO D. QUIJOTE DE LA MANCHA
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha
mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua,
rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón
las más noches, duelos y quebrantos los sábados, lentejas los viernes, algún
palomino de añadidura los domingos, consumían las tres partes de su
hacienda. El resto della concluían sayo de velarte, calzas de velludo para las
fiestas con sus pantuflos de lo mismo, los días de entre semana se honraba con
su vellori de lo más fino. Tenía en su casa una ama que pasaba de los cuarenta,
y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que así
ensillaba el rocín como tomaba la podadera. Frisaba la edad de nuestro
hidalgo con los cincuenta años, era de complexión recia, seco de carnes,
enjuto de rostro; gran madrugador y amigo de la caza. Quieren decir que tenía
el sobrenombre de Quijada o Quesada (que en esto hay alguna diferencia en los
autores que deste caso escriben), aunque por conjeturas verosímiles se deja
entender que se llama Quijana; pero esto importa poco a nuestro cuento; basta
que en la narración dél no se salga un punto de la verdad.
PÁGINA 1
QUE TRATA DE LA CONDICIÓN Y EJERCICIO
DEL FAMOSO HIDALGO D. QUIJOTE DE LA MANCHA
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha
mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua,
rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón
las más noches, duelos y quebrantos los sábados, lentejas los viernes, algún
palomino de añadidura los domingos, consumían las tres partes de su
hacienda. El resto della concluían sayo de velarte, calzas de velludo para las
fiestas con sus pantuflos de lo mismo, los días de entre semana se honraba con
su vellori de lo más fino. Tenía en su casa una ama que pasaba de los cuarenta,
y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que así
ensillaba el rocín como tomaba la podadera. Frisaba la edad de nuestro
hidalgo con los cincuenta años, era de complexión recia, seco de carnes,
enjuto de rostro; gran madrugador y amigo de la caza. Quieren decir que tenía
el sobrenombre de Quijada o Quesada (que en esto hay alguna diferencia en los
autores que deste caso escriben), aunque por conjeturas verosímiles se deja
entender que se llama Quijana; pero esto importa poco a nuestro cuento; basta
que en la narración dél no se salga un punto de la verdad.
PÁGINA 1
Miguel de Cervantes El Ingenioso Hidalgo de Don Quijote de la Mancha
Es, pues, de saber, que este sobredicho hidalgo, los ratos que estaba
ocioso (que eran los más del año) se daba a leer libros de caballerías con tanta
afición y gusto, que olvidó casi de todo punto el ejercicio de la caza, y aun la
administración de su hacienda; y llegó a tanto su curiosidad y desatino en esto,
que vendió muchas hanegas de tierra de sembradura, para comprar libros de
caballerías en que leer; y así llevó a su casa todos cuantos pudo haber dellos; y
de todos ningunos le parecían tan bien como los que compuso el famoso
OficioA4
8. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Miguel de Cervantes El Ingenioso Hidalgo de
Don Quijote de la Mancha
CAPÍTULO I
QUE TRATA DE LA CONDICIÓN Y
EJERCICIO
DEL FAMOSO HIDALGO D. QUIJOTE DE
LA MANCHA
En un lugar de la Mancha, de cuyo nombre no
quiero acordarme, no ha
mucho tiempo que vivía un hidalgo de los de lanza en
astillero, adarga antigua,
rocín flaco y galgo corredor. Una olla de algo más vaca
que carnero, salpicón
las más noches, duelos y quebrantos los sábados,
lentejas los viernes, algún
palomino de añadidura los domingos, consumían las
tres partes de su
9. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Información atada a una
representación
Don Quijote.GIFDon Quijote.MP3
10. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
• Nuestros usuarios no son productores de contenido,
diseño o desarrollo.
• Si nuestros usuarios tienen que separar información
entretejida con la representación,
• …los estamos obligando a hacer un esfuerzo
considerable y que no les corresponde, como
resultado de no haber hecho bien nuestro trabajo.
• Hacerlo bien, que no es fácil, nos define como
profesionales, nos enorgullece y ennoblece.
Autocrítica despiadada
11. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Usuarios ≉ Para quién trabajamos
Requerimientos
Entregables
Cliente Desarrollador
Diseñador
Contenidista
12. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
“Esa manga de inútiles”“Esos cretinos”
¿Cómo trabajamos?
13. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
¿Cómo trabajamos?
Interlocutor del
equipo
Desarrolladores
Diseñadores
Contenidistas
Requerimientos
Entregables
Interlocutor
del cliente
Stakeholders
Sponsors
14. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
¿Para quién trabajamos?
Burbuja del Proyecto
Se rompe una vez finalizado
el proyecto
Usuarios finales
Operan todos los días
el producto del proyecto finalizado
Mundo real
Producto
15. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Problema: domar la accesibilidad
El problema de fondo:
Nuestro producto no satisface a
nuestros usuarios
16. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Inés, Contadora (73 años)
• Lleva una vida activa. Para mantener las expensas bajas
para todos, se hace cargo de la administración de su edificio.
• Trabajó con computadoras las últimas décadas. Las
considera herramientas, no le interesa cómo funcionan.
• Como millones de adultos mayores, Inés sufre de
degeneración macular asociada a la edad. Tiene dificultad en
leer textos pequeños o con poco contraste. Sabe ampliar el
texto en Explorer, pero no funciona en todos los sitios.
• Tiene un ligero temblor en la mano derecha. Usar el mouse a
veces resulta un desafío, particularmente con links o botones
muy pequeños. Prefiere usar el teclado.
• Las páginas que Inés puede leer y usar sin problemas,
funcionan muy bien en la pantallita de nuestro celular.
Foto kellyCDB (CC)
“La otra noche
fuimos al teatro
con las chicas.
¡Qué buenos
actores! Hacía
tiempo que no
me reía tanto”.
17. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Pablo, Estudiante (26)
• Dicen que nació para médico. No sabía si empezar la
carrera, pero la vocación fue más fuerte que el “miedo a
los libros”. Descubrió que puede hacer que la
computadora le lea los textos al mismo tiempo que los ve
en la pantalla, y eso le ayuda a estudiar.
• Un niño por cada aula puede tener Trastorno por Déficit
de Atención e Hiperactividad. Pablo fue ese niño. Junto
con dislexia, le genera grandes dificultades en la lectura.
• Las páginas muy “cargadas” o con animaciones lo
marean.
• Agradece que Google entienda lo que quiere buscar
aunque lo ingrese con faltas de ortografía.
• Los sitios que prefiere Pablo, nos resultan fáciles de usar
cuando estamos apurados y bajo presión.
Foto zpeckler (CC)
“Cuando éramos
chicos, mi hermano
se lastimó. Lo
vendé tan bien,
que no tuvieron
que darle puntos”.
18. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Diana, Periodista (23)
• Colabora en varios medios y blogs. Le entusiasma la
explosión de medios sociales.
• Perdió la audición a los 6 años debido a una meningitis,
enfermedad que no distingue edad y puede dejar secuelas
neurológicas como parálisis o epilepsia.
• Es capaz de leer los labios y comunicarse verbalmente,
aunque para quienes recién la conocen puede ser difícil
entenderla. Suele llevar puestos auriculares para evitar
situaciones incómodas.
• Se maneja muy bien investigando en la web, aunque
últimamente parece que están de moda screencasts y otros
formatos que no puede aprovechar.
• Los sitios que Diana consulta son los que podemos visitar en
el trabajo y otras situaciones donde no podemos hacer ruido.
Foto elisharene (CC)
“Disculpame, no
te estaba
atendiendo”.
19. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Claudio, Representante (32)
• Siempre tuvo facilidad para tratar con gente. Es uno de
los mejores vendedores en el sector.
• Perdió la vista en un accidente automovilístico que le
costó años de rehabilitación. Aprendió a usar la PC con
un lector de pantalla y le enseñó a sus compañeros de
trabajo atajos del CRM que les permiten trabajar más
rápido y distraerse menos.
• Como Claudio no puede mirar (o escuchar) la pantalla
mientras negocia con un cliente, suele relevarlo antes
de realizar el llamado. Los clientes se sienten atendidos
y entendidos cuando hablan con él.
• Los sitios que Claudio puede usar tienen alternativas de
texto para todas las imágenes, lo cual los posiciona
muy bien en Google.
Foto Emezeta.com (CC)
“¡Tenemos uno
muy bueno… en
oferta!”
20. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Philippe, Ingeniero (27)
• Es Francés. Allá conoció a su mujer, Ana, que es argentina.
Vineron a Salta de luna de miel, y terminaron quedándose a vivir.
• Empezaron un emprendimiento de ecoturismo en el pueblo de
los abuelos de ella. Acceden a Internet por dial-up.
• Estudió español en el secundario. Encuentra al “argentino” un
tanto distinto, y le cuesta seguir muchas películas sin subtítulos.
Los sitios con redacción ampulosa lo obligan a leer palabra por
palabra.
• Como el 8% de los varones, tiene una deficiencia en los
receptores del color, conocida popularmente como daltonismo.
En su caso, no puede distinguir los colores compuestos por luz
roja. Ello no lo inhabilita para manejar, porque puede ubicar las
luces del semáforo por posición, pero sí para identificar en un
formulario los campos marcados en rojo.
• Los sitios que Philippe y Ana prefieren, son ideales para acceder
con un Kindle, o con un celular por conexión 3G, lenta y cara.
“Compramos un
lector de DVD
que detesto.
El tono de verde
que utiliza para
‘on’ y el tono de
rojo que utiliza
para ‘off’, son
indeferenciables
por mí.”
Foto ecospc (CC)
21. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
¿Cómo nos llegan los
requerimientos de los usuarios?
• Dentro de nuestro proyecto no solemos tener procesos y
recursos adecuados para incorporar todos los casos.
• Nuestras decisiones impactan, de forma positiva o
negativa, en el acceso a la información y capacidad
productiva de millones de personas.
• Entidades y Estados, en representación de los usuarios
más perjudicados, generan cuerpos consistentes de
requerimientos como resultado de un proceso de
investigación.
22. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Usuarios más perjudicados
• Personas con discapacidad
• Sensorial (vista u oído): visión baja o nula, daltonismo, pérdida de
audición.
• Motriz: pérdida de control muscular, motricidad o de miembros, volviendo
difícil o imposible la operación de dispositivos tradicionales.
• Cognitivos: afasia (pérdida de lenguaje), dislexia, limitaciones cognitivas
congénitas o asociadas a la edad.
• Personas con desventajas técnicas o culturales
• Computadoras viejas y/o conexiones lentas
• Hablantes no nativos, diferencias culturales, baja escolaridad
• Casos de epilepsia
• Epilepsia fotosensible
Más información: Trace Center: Major disability groups
23. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
WCAG: Principios
• Perceptible
• La información y los componentes de la interfaz de usuario deben ser
presentados a los usuarios de modo que ellos puedan percibirlos.
• Operable
• Los componentes de la interfaz de usuario y la navegación deben ser
operables.
• Comprensible
• La información y el manejo de la interfaz de usuario deben ser
comprensibles.
• Robusto
• El contenido debe ser suficientemente robusto como para ser interpretado
de forma fiable por una amplia variedad de aplicaciones de usuario,
incluyendo las ayudas técnicas.
24. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
El largo camino a la solución
Ilustración: JohnnySlowhand
25. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
¿Cómo podemos cumplir
estos requerimientos?
• Entender Usabilidad y Accesibilidad como atributos
cualitativos:
• No son un componente que se pueda “agregar” a un
producto.
• Son el resultado de decisiones tácticas y
estratégicas en Información × Representación ×
Tecnología durante todo el proceso de desarrollo.
26. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
JISC TechDis: Technological Maturity and Culture
• Mejorar nuestros procesos lleva tiempo y se logra
paso a paso, proyecto a proyecto.
• En el camino, muchas veces tendremos que tomar
atajos. Distinguir parche de solución.
Modelos de madurez
27. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Modelo de Calidad por áreas
28. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
¿Qué es Calidad?
• “La Calidad de un producto es una función del bien
que hace al mundo” (Tom DeMarco)
• Calidad = Resultados del esfuerzo / Costos totales
(W. Edwards Deming)
• “Calidad es lo que nuestros usuarios valoran. Todo lo
demás es desperdicio” (Lean Software Development)
29. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
¿Cómo determinamos la
Calidad?
• “Si no medimos, no hay calidad. Punto y aparte” (Sebastián
Fernández Quezada, Keikendo)
• “Mide lo que sea medible y haz medible lo que no lo sea” (Galileo
Galilei)
• Emplear siempre la misma métrica para la misma cosa.
• Implementar métricas y herramientas adecuadas, probadas y
consistentes, conociendo y observando sus limitaciones.
• No existen métricas ni herramientas perfectas. No es excusa.
• Si es necesario desarrollar herramientas, publicarlas como
software libre. No son un activo del proyecto o del equipo.
Pertenecen al mundo de la investigación, no al de la tecnología
competitiva.
30. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Métrica binaria
WCAG 2.0
✗
WCAG 2.0
✔
31. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Métrica binaria
32. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Construyendo paso a paso
1.
A=0 1.
A=0
2.
B=1
1.
A=0
2.
B=1
3.
C=B/A
1.
A=10
2.
B=1
3.
C=B/A
33. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
WCAG 2.0
✗
Construyendo en equipo
Contenido Desarrollo
“ 1.1.1 Contenido no textual: Todo contenido no textual que se presenta al
usuario tiene una alternativa textual que cumple el mismo propósito…
<img
alt="un
dibujo
que
me
pasaron
que
tiene
muchos
colores"
/>
ResultadoImagen
34. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
WCAG 2.0
✔
Construyendo en equipo
Contenido Desarrollo
“ 1.1.1 Contenido no textual: Todo contenido no textual que se presenta al
usuario tiene una alternativa textual que cumple el mismo propósito…
<img
alt="Diagrama
Cromático
de
la
CIE"
/>
ResultadoImagen
Documentación:
Alternativa textual
de la imagen
35. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Equipo sin interlocutores
Arq. Software
Stakeholder JavaScript
Sponsor
Cuñado
Arq. Bases
de Datos
PHP
Redactor
Colado
Analista
HTML
36. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Calidad por áreas
• Separamos el proceso en áreas definidas.
• Cada área:
• Comparte una visión común.
• Tiene un único interlocutor responsable.
• Tiene un checklist que puede aplicar en todo momento.
• Sólo recibe calidad:
• Insumos pasaron checklist del área anterior.
• Sólo entrega calidad:
• Entregables pasando checklist propio y de las áreas
anteriores.
• Documentación de elementos a incorporar posteriormente.
37. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
En el primer proyecto…
Interfaz Front-end Back-end ContenidosDirección
Stakeholders
Sponsors
38. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Proyectos de mayor escala
Redactores
Diseñadores
Contenidistas
Análisis Func.
Dis. Interacción
Arq. Información
Dis. Interfaz
HTML/CSS
Templates
JavaScript
XAML, Flash
Arq. Software
Arq. BD
PHP / .Net / Java
Stakeholders
Sponsors
Interfaz Front-end Back-end ContenidosDirección
39. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Visión común
• ¿Cuáles son los objetivos del proyecto?
• Aprobados por el equipo, medibles, con plazos definidos.
• ¿Quiénes son nuestros usuarios?
• Arquetipos (Personas) en base a relevamiento con usuarios
reales.
• ¿Qué vamos a construir?
• Definición de expectativas del producto final.
• Nivel de conformidad WCAG 2 consensuado por el equipo.
• Comprensión de aplicación de las guías WCAG 2.
• ¿Cómo lo vamos a construir?
• Metodología conocida, aceptada y utilizada por el equipo.
40. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Area: Dirección
41. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Asumir el rol
• Al igual que los miembros del equipo, los sponsors y
stakeholders no son el usuario durante la extensión
del proyecto.
• Designar un único interlocutor representante de
todos los stakeholders, con autoridad para tomar
decisiones.
42. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
1er proyecto: Reducir riesgos
• Son muchas variables. Reducir las variables en
juego. Trabajar con equipo, metodología, etc. ya
conocidos.
• Cambio cultural. Tomar un proyecto con la menor
cantidad de impedimentos.
• Escala: Empezar con un proyecto y equipo chicos.
Agile: un proyecto grande son muchos proyectitos.
43. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Despejar obstáculos
• Visión
• No podemos “intentar” accesibilidad. Cada paso en el camino
debe ser un paso hacia adelante. Lo contrario es desperdicio.
• Recursos
• Incorporar accesibilidad es una extensión del alcance.
• No es posible satisfacerla sin capacitar a los recursos y darles
tiempo para poder desarrollar nuevas capacidades.
• Tiempo
• Hacer las cosas bien lleva tiempo. Hacerlas bien la primera vez
lleva más tiempo. Sincerar los desvíos pasados.
44. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Area: Tecnología
Desarrollo back-end
45. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Arquitectura de Software
• La tecnología escogida debe asegurar accesibilidad dentro
de la metodología y recursos definidos para el proyecto.
• Preferir con pasión modelos MVC que permitan:
• desarrollar la interfaz empleando HTML estándar,
• implementarla como templates.
• No aceptar código HTML/CSS/JavaScript generado
automáticamente sin evaluarlo ni saber cómo funciona.
• Aplicar recomendaciones de Yahoo Exceptional Performance.
• URLs deben permitan función “volver” del navegador.
46. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Humanizar la tecnología
• Declarar en el código el idioma del contenido.
• Prever mecanismos para presentación humana de información:
• Evitar “0 resultados”, tablas sin filas y otras consecuencias de
iteradores nulos.
• Evitar “1 errores” soportando variación de género y número en textos
dirigidos al usuario.
• Arquitectura de Base de Datos:
• Debe ser posible buscar desde un campo de texto libre, no sensible a
mayúsculas/minúsculas, acentos, etc.
• BD NO DEBE IMPONER CONTENIDO EN MAYUSCULAS.
• Sistema de mailing debe informar al destinatario el email desde el que
está suscripto, permitiéndole darse de baja desde la dirección correcta.
47. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Area: Contenidos
Producción de textos
48. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Información vs. manifestación
“ Por la presente solicito un anticipo a
cuenta de mi pensión,de acuerdo con
la Ley 31/1990(27/dic),art.47.Adjunto
el formulario CPA/2 completado y
firmado para ejercer este derecho.
“ A quien corresponda:
Habiéndose informado previamente al
interesado por los canales oficiales de
la posibilidad de solicitar de antemano
la cuenta de la pensión que le fuere
reconocida en su momento, de
acuerdo con lo que dispone el artículo
47 de la Ley 31/1990 aprobada el 27
de diciembre del año mencionado, el
funcionario suscribiente desea
acogerse al citado derecho, para lo
cual, conforme a los procedimientos
oportunamente establecidos, ha
completado y firmado el formulario
CPA/2 que se entrega adjunto a la
presente solicitud.
49. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Información: el punto justo
Indexed: Needles and haystacks and such.
50. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Medida de complejidad del texto
• En inglés:
• Flesch–Kincaid: 0-100 (muy difícil ➔ muy fácil)
• Gunning fog, SMOG: Nivel de escolaridad
• En castellano:
• Fernández Huerta: 0-100 (muy difícil ➔ muy fácil)
• INFLESZ (Artículo, Herramienta): Nivel de dificultad
• Hay mucho por hacer en nuestra lengua, y también malas
implementaciones. Someter las herramientas a prueba.
51. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Readability index calculator:
✗ no pasa la prueba
“ Por la presente solicito un anticipo a
cuenta de mi pensión,de acuerdo con la
Ley 31/1990(27/dic),art.47.Adjunto el
formulario CPA/2 completado y firmado
para ejercer este derecho.
Fernandez-Huerta score: 57 (Fairly
Difficult)
“ A quien corresponda:
Habiéndose informado previamente al
interesado por los canales oficiales de la
posibilidad de solicitar de antemano la
cuenta de la pensión que le fuere
reconocida en su momento, de acuerdo
con lo que dispone el artículo 47 de la
Ley 31/1990 aprobada el 27 de
diciembre del año mencionado, el
funcionario suscribiente desea acogerse
al citado derecho, para lo cual, conforme
a los procedimientos oportunamente
establecidos, ha completado y firmado
el formulario CPA/2 que se entrega
adjunto a la presente solicitud.
Fernandez-Huerta score: 69 (Normal)
52. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
INFLESZ 1.0: ✔ consistente
“ Por la presente solicito un anticipo a
cuenta de mi pensión,de acuerdo con la
Ley 31/1990(27/dic),art.47.Adjunto el
formulario CPA/2 completado y firmado
para ejercer este derecho.
Grado Escala Inflesz: Bastante Fácil
Indice Fernandez-Huerta: 79.44
“ Aquien corresponda:
Habiéndose informado previamente al
interesado por los canales oficiales de la
posibilidad de solicitar de antemano la
cuenta de la pensión que le fuere
reconocida en su momento, de acuerdo con
lo que dispone el artículo 47 de la Ley
31/1990 aprobada el 27 de diciembre del
año mencionado, el funcionario suscribiente
desea acogerse al citado derecho, para lo
cual, conforme a los procedimientos
oportunamente establecidos, ha completado
y firmado el formulario CPA/2 que se
entrega adjunto a la presente solicitud.
Grado Escala Inflesz: Muy difícil
Indice Fernandez-Huerta: 27.75
53. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Reglas de estilo
• Guillermo Franco:
Cómo escribir para la web
(PDF gratuito)
• Jakob Nielsen:
Writing for the web
54. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Lo esencial
• Contenido conciso, objetivo, escaneable.
• Nivel de lectura / escolaridad accesible.
• Cuidado con técnicas SEO que prometen más visitas, a costa
de perderlas debido a contenido retorcido.
• Usar textos descriptivos para links. Mejora posicionamiento
en Google y ayuda a usuarios de lectores de pantalla, que
navegan empleando listados de links. Nunca “Click aquí”.
• Si usamos un CMS, somos responsables del código
semántico del contenido: uso de títulos, listas, alt,
title…
55. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Areas: Presentación,
Contenidos
Interfaz, diseño visual y
multimedia
56. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Protanopia
Protanopia
EjemplosdeNationalEyeInstitute,NationalInstitutesofHealth
¿Cómo ven
nuestros
usuarios?
57. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
DanKam: Realidad
aumentada para daltónicos
58. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Protanopia
Imagen original
Visión normal
Imagen original
Simulación protanopia
Imagen DanKam
Visión normal
Imagen DanKam
Simulación protanopia
59. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Cuando el color no comunica
“ Nunca usar color como único elemento de significado. Emplearlo para
reforzar mensaje transmitido por texto, imagen o posición (ej. luces del
semáforo).
“ Empezar el diseño como wireframe o en blanco y negro, y agregar color
después.
“ Emplear colores fáciles de distinguir (separados en HSL/HSV,
manteniendo buen contraste contra el fondo; no emplear colores
adyacentes, sino tríadas o complementarios).
“ En documentación y ayudas, identificar elementos de la interfaz por
nombre, no por color.
Microsoft Dev Center: Color
• Emplear contraste entre texto y fondo conforme especificaciones de contraste
WCAG 2 (herramientas disponibles).
60. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Textos alternativos
• Sólo el texto puede ser representado en todos los dispositivos.
• No desarrollar contenido en formatos multimedia, audio y/o
video, si no se prevén recursos para producir e implementar
alternativas textuales.
• Implementar o proveer para su implementación atributos ALT para
imágenes y animaciones, y descripciones de figuras y diagramas.
• Multimedia: Proporcionar subtítulos y transcripción del sonido, y
descripción del vídeo.
• Usar textos descriptivos para links. Mejora posicionamiento en
Google y ayuda a usuarios de lectores de pantalla, que navegan
empleando listados de links. Nunca “Click aquí”.
61. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Tipografía
• Emplear tipografía legible.
• Menos de 80 caracteres por línea, buen interlineado y
espacio entre párrafos (150% y 1.5 veces el
interlineado, respectivamente, para nivel AAA)
62. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Animaciones, audio y video
• Evitar animaciones gratuitas que no agregan valor a nuestros
usuarios.
• Dos usos lícitos para animaciones: mostrar una transformación
(producto que “vuela” al carrito), o una secuencia que sólo tiene
sentido desarrollada en el tiempo (ej. danza).
• No emplear animaciones en el área de la visión periférica del usuario.
• Más de tres “flashes” pueden disparar un ataque de epilepsia.
• El usuario debe poder controlar la reproducción de audio y video.
• Que la página empiece a reproducir sonido apenas se la abre es
fastidioso. Que lo haga enterrada en un grupo de pestañas es
desquiciante.
63. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Area: Presentación
Diseño de la interfaz
64. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Nivel de representación:
específica / universal / críptica
UX Magazine:
Realism in UI
design
65. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Diseño modular de la interfaz
Nathan Curtis: Modularity & Design Hierarchy
66. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Accesibilidad en la
representación
• Investigar nuevas posibilidades tecnológicas
(ej. @font-face, efectos CSS3) que eviten tener que
implementar texto como imagen.
• Emplear redundancia en elementos de operación
para no depender de un único atributo que puede
no ser percibido. Ej.: links en color y subrayados,
campos requeridos señalados con color y texto.
67. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Accesibilidad en la operación
• CAPTCHAs: como imagen y sonido. Considerar siempre
primero otras alternativas, dado que son muy, muy
problemáticos.
• Toda la interfaz debe ser operable con el teclado.
• Considerar que usuarios con discapacidades necesitan
mucho más tiempo que los demás para completar tareas.
• Navegacion y operación predecibles y consistentes.
Todo cambio de contexto debe ser iniciado por el usuario.
• Diseñar la operación de forma que permita evitar errores y
resolver de forma sencilla los que ocurran.
68. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Area: Tecnología
Desarrollo front-end
69. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Trabajar por capas
• Conocer y respetar sentido semántico de cada tag HTML5.
Nunca reemplazar o reinventar tags (ej, P
class=”titulo”).
• Progressive Enhancement:
• Primero maquetar el HTML. Validar regularmente.
• Sobre HTML sólido, aplicar CSS y repasar tags, classes y IDs.
• JavaScript no intrusivo como última capa. El sitio debe ser
navegable con JavaScript desactivado.
• No aceptar código generado automáticamente sin evaluarlo ni saber
cómo funciona.
• Aplicar recomendaciones de Yahoo Exceptional Performance.
70. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Navegación y presentación
accesible
• Implementar estructura y mecanismos para evitar que
usuarios de lectores de pantalla tengan que recorrer
bloques de contenido innecesariamente.
• Ej.: links “saltear navegación”, sólo perpectibles por
lectores de pantalla.
• El texto debe poder ser ampliado al 200% sin pérdida de
contenido o funcionalidad.
• Emplear medidas relativas (em,
%) en CSS.
• Maquetado fluido.
71. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Desarrollo y testeo modular
icograma.com/congo
input
config.php
variables.yml
components
_html
_layouts
componente1
componente2
72. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
HTML elemental
• Correcto uso de títulos (H1,H2,H3…) y listas (UL/OL>LI,
DL>DT/DD).
• Uso correcto de tags y atributos para relacionar elementos y
proveer texto alternativo: LABEL
for…,
title,
alt,
longdesc,
ABBR
• Jamás usar tablas para diseño. Usar tablas para contenido
tabular, marcando correctamente THEAD,
TBODY,
TFOOT,
THs,
CAPTION.
• Uso de IDs para marcar puntos en el contenido y classes con
sentido semántico.
• Nunca usar atributo style en un elemento.
73. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Parche ≠ Solución
Foto: LA NACION / Emiliano Lasalvia
74. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Parches
• Se realizan contra reloj con recursos existentes.
El aprendizaje es limitado, imposible o negativo.
• Mantenimiento tiende a infinito.
• La gerencia ya no nos cree: como leer código es
más difícil que escribirlo, solemos querer reescribir lo
que funciona, algo que nunca debe hacerse (Joel
Spolsky).
• El código “descartable” prevalece (Big Ball of Mud).
75. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Big Ball of Mud (aka Shantytowns)
• Trabajo reactivo sobre lo
evidente e inmediato, poco
o ningún planeamiento e
infraestructura.
• Cada cambio “local” tiene
consecuencias globales,
obliga a repasar desarrollo
previo.
• Se acumulan incertidumbres
que explotan tardíamente.
• Cada vez más difícil lograr
escalabilidad, performance,
mantenibilidad.
76. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Principio de Pareto
• El 80% de los resultados proviene del 20% de las
causas.
• Descartar o ignorar el resto.
77. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Algunos parches comunes
• Versión accesible separada, accediendo misma DB
• En algunos casos, es o puede ser el principio de la
construcción de una solución válida.
• Salsa tártara sobre código spaghetti
• Versión accesible separada, estática
• Para sitios o secciones institucionales
• Requiere documentación visible por quienes en el futuro
realicen revisiones o actualizaciones del sitio principal.
78. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Bonus Track
Foto: IGN.com
79. 2011 Buenos Aires
Día de la UsabilidadDía de la Usabilidad Organizado por el
Movimiento de Diseño Inclusivo MEMBER
Para empezar a andar el
camino mañana a la mañana
Business Taskforce on Accessible Technology:
Accessibility Maturity Model self-assessment