iDESWEB

Introducción al desarrollo web, primer curso MOOC sobre desarrollo web en español

iDESWEB - Introducción al desarrollo web, primer curso MOOC sobre desarrollo web en español

¿Usabilidad, accesibilidad? (parte 4)

TRANSCRIPCIÓN

Pasando al tema de la accesibilidad web, pues existen distintas discapacidades y para saber hacer bien las páginas web hay que entender cada una de ellas: que problemáticas presenta cada discapacidad y sobre todo hay que conocer lo que se llaman las tecnologías o productos de apoyo.

Las tecnologías o productos de apoyo son aquellos instrumentos que usan las personas con discapacidad para minimizar o eliminar sus discapacidades, sus problemas.

Por ejemplo, yo llevo gafas, yo tengo una discapacidad, yo soy miope, y sin gafas no veo. Mi producto de apoyo son las gafas, con ello logro que mi discapacidad desaparezca.

Bien, si nos centramos en las personas ciegas, los productos de apoyo que suelen emplear para utilizar el ordenador y navegar por la web son básicamente dos. Por un lado tenemos la línea braille, que es un dispositivo electromecánico que va mostrando los caracteres, el texto que aparece en la pantalla del ordenador, lo va mostrando mediante en braille.

El segundo producto de apoyo que suelen emplear las personas ciegas se conoce como lector de pantallas, en inglés screen reader. Es un software que se instala en la computadora y que va a leer el contenido de la página web. Y no solamente va a leer el contenido del texto, sino que proporciona más información. Por ejemplo, cuando el lector de pantallas esté leyendo una página y se encuentre con un enlace, lo va a anunciar, le va a decir al usuario “Enlace”, le va a indicar el texto del enlace.

O cuando encuentre una lista, le va a decir que ha encontrado una lista y le va a decir cuántos elementos tiene la lista. Y además el usuario podrá navegar por los elementos de la lista fácilmente, el lector de pantalla le dirá “Estás en el elemento uno de tres” o “Estás en el elemento dos de tres” y así con el resto
de contenidos que podemos encontrar en una página web.

También anuncia cuando hay una imagen, cuando hay una tabla, etc.

Existe, como digo, existen diferentes programas lectores de de pantalla para los distintos sistemas operativos.

Para Windows, los dos más famosos son el Jaws, aquí tenemos la página web de su fabricante, Freedom Scientific. El problema es que Jaws es un sistema propietario, es de pago, el precio base son unos mil dólares, es un producto pues un poco caro.

Pero tenemos soluciones alternativas, tenemos soluciones de código abierto, como por ejemplo el lector de pantallas NVDA, que es completamente gratuito.

Bien, ¿cuántas personas con discapacidad hay en el mundo? Porque mucha gente cuando se le dice “tienes que hacer la página web accesible” dice “pues si hay pocas personas con discapacidad o las personas con discapacidad no usan la web, ¿para que me voy a molestar en hacer las páginas web accesibles?”

Bueno, eso demuestra un desconocimiento, porque hay muchas más personas con discapacidad de las que creemos.

Os he puesto aquí un par de estudios. El primero es una encuesta que se hizo en españa en el año 86 y en total un 15 por ciento de la población presentaba algún tipo de discapacidad.

Más recientemente, en este informe del año 2010, por ejemplo si solamente nos centramos en los problemas de visión, pues de los 44 millones de personas que hay en España, un millón presenta graves problemas de de visión, un millón de 44 millones, es un porcentaje pues bastante alto.

Otra idea, otro mito que mucha gente tiene es que un sitio web, si tiene que ser accesible, tiene que ser
entonces feo y aburrido.

Por ejemplo, mucha gente piensa que no hay que poner colores, pues porque las personas ciegas no pueden ver los colores o porque las personas con daltonismo tienen problemas con los colores. O también mucha gente piensa que no hay que poner imágenes.

Al final, mucha gente llega a la conclusión de que hay que hacer una página web de solo texto, y eso no es así, se pueden seguir haciendo las páginas web como se hacen normalmente, con colores con imágenes, lo único es que hay que poner ciertas características para mejorar la accesibilidad.

En este sitio web que os recomiendo Accessites.org podéis encontrar galerías de de sitios web que son totalmente accesibles y tienen un buen diseño, un diseño moderno, un diseño fresco, un diseño agradable.

Por ejemplo, he puesto el sitio web oficial del gobierno de Suecia y este sitio web es totalmente accesible no plantea ningún problema de accesibilidad y como podéis ver pues tiene imágenes, tiene colores, tiene diferentes tipos de letra, no tiene nada que digamos que está feo porque se ha hecho accesible.

Luego, una cosa muy importante hoy en día con el incesante incremento del acceso a la web a través de los dispositivos móviles es que al tener en cuenta la accesibilidad podemos obtener beneficios añadidos y por ejemplo un beneficio muy importante es que la accesibilidad web, como busca que una página web se vea bien con distintos dispositivos, pues vamos a lograr que nuestras páginas web se vean bien también desde tabletas o desde teléfonos móviles.

Por ejemplo, aquí tenemos un sitio web es de un curso que yo imparto y como he aplicado ciertas técnicas se ve bien con pantallas pequeñas o incluso con la pantalla de un dispositivo móvil.

¿Y cómo se logra que un sitio web se accesible?

“A ver Sergio, dame consejos”.

Pues otra vez vuelvo a decir lo mismo que con la usabilidad: hay cientos de consejos que hay que aplicar y en una presentación como está no lo puedo contar todo, pero sí que os voy a indicar por dónde tenéis que continuar.

Entonces, ¿dónde encontramos información sobre cómo mejorar la accesibilidad de nuestras páginas web?

Pues el punto principal de aprendizaje es el sitio web del World Wide Web Consortium, esta organización internacional que tiene como objetivo desarrollar la Web a su máximo potencial. Dentro del W3C existe un grupo de trabajo llamado Web Accesibility Iniciative que se dedica exclusivamente a la accesibilidad web.

Ellos llevan muchos años estudiando el tema de la accesibilidad web y todo lo que han desarrollado se puede resumir en este gráfico, es un gráfico extraído de de su página web. La accesibilidad web depende de tres pilares básicos, si uno de estos tres pilares falla, la accesibilidad fallará.

En la parte inferior izquierda tenemos a los desarrolladores, los developers. Los developers tienen que usar herramientas de autor, como por ejemplo Adobe Dreamweaver o Microsoft Frontpage, herramientas que generen contenido accesible. Pero no solamente la herramienta es suficiente, la herramienta te facilita el desarrollar contenido accesible, pero el desarrollador tiene que hacerlo. Y eso es el pilar que vemos en la parte superior que pone “content”, el contenido, el contenido tiene que ser accesible.

Y por último, a la derecha tenemos los usuarios. Los usuarios también se tienen que preocupar, tienen que usar productos de apoyo, navegadores y reproductores multimedia que tengan en cuenta las características de accesibilidad que hemos implementado en nuestras páginas web.

Si uno de estos tres pilares falla, fallará la accesibilidad como digo.

El WAI, el Web Accesibility Iniciative, ha desarrollado para cada uno de esos tres pilares, ha desarrollado una serie de pautas. Las más conocidas son las Web Content Accessibility Guidelines.

La primera versión, como podéis ver en esta imagen, apareció en el año 99. Se quedaron un poco viejas tardaron en evitar una nueva versión y por fin casi diez años después en el 2008 publicada en la versión 2.0 que es la que se tiene que aplicar hoy en día estas pautas han sido estandarizadas por el organismo internacional de estándares por iso se estandarizarán
en el año 2012 en el estándar iso iec 40 500 y esto ha facilitado que
diferentes países lo adopten como estándar de accesibilidad en concreto
aquí en ecuador el 28 de enero de este año se publicó que el inem publicaba
el estándar nt inem iso/iec 40 500 que era una trasposición del estándar iso
a los estándares ecuatorianos así que ahora mismo el estándar que rige el
tema de la accesibilidad web en ecuador es éste aún no está desarrollado en
el reglamento de aplicación es decir no hay todavía leyes que obliguen a su
aplicación pero se está trabajando en ello en otros países como por ejemplo
españa francia alemania existen desde hace años leyes que obligan a que
ciertas entidades garanticen que sus
páginas web son accesibles por ejemplo
en el caso de españa que lo conozco bien pues todas las administraciones
públicas deben de garantizar que esos sitios web son accesibles y además
también ciertas empresas de especial relevancia empresas como bancos empresas
como transporte de pasajeros empresas como suministro de servicios básicos
electricidad agua o gas también deben de garantizar un nivel mínimo de accesibilidad en sus sitios web

Ya para finalizar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas para contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

¿Usabilidad, accesibilidad? (parte 3)

TRANSCRIPCIÓN

Vamos a entrar ahora ya en el tema de la usabilidad y la accesibilidad web.

En internet podéis encontrar páginas de todo tipo, páginas que son fáciles de usar y páginas que son difíciles de usar. Seguramente todos habréis sentido mucha frustración en muchas páginas, páginas que entráis, no sabéis usar, no sabéis lo que tenéis que hacer y seguramente al final, en poco tiempo, las abandonáis.

Aquí os he puesto un ejemplo de una página horrible, una página que incumple pues prácticamente todos los principios básicos de cómo hacer una página bien. Es una exageración, os pongo aquí, os dejo la dirección de este sitio web para que lo que visitéis, incluso tiene música, lo que nunca hay que hacer en un sitio web, poner música a una página web, pues este sitio lo tiene.

Pero no hay que irse a casos tan extremos. Aquí por ejemplo os he puesto pues un problema grave que tiene un sitio web de una compañía ferroviaria importante de España. En realidad, ya estoy diciendo el nombre de la empresa, es Renfe porque no hay otra empresa ferroviaria en España y esta web tiene graves problemas de usabilidad. En concreto, aquí os he puesto cuatro capturas de cuatro formularios para buscar o comprar un billete de tren. ¿Y qué es lo curioso de estos cuatro formularios? Pues que en cada uno de ellos, la introducción de la fecha en la que queremos realizar el viaje se introduce de una forma distinta.

Podemos ver que en en la primera captura, la de la parte superior, se tiene que elegir el día, el mes y el año por separado, existen tres listas desplegables para cada una de las partes de la fecha.

En la segunda imagen, la que está el centro a la izquierda, pues se introduce a través de un calendario que se muestra. Ahí hay un icono donde se pulsa y se activa un calendario del mes y se elige la fecha.

A la derecha vemos, otra vez lo mismo, pero con otro icono y con otro calendario y en la parte inferior volvemos a ver lo mismo, con otro icono distinto.

Tenemos como digo cuatro formas distintas de seleccionar una fecha.

Además vemos también que las etiquetas para introducir las fechas cambián de una página a otra. En el primer formulario vemos que pone “día, mes y año”; en el segundo pone “entrada, salida”; en el tercero pone “salida regreso”; y en el cuarto por último pone “ida y vuelta”.

El usuario de esta web tiene que aprender, tiene que ir viendo en cada formulario cómo introducir los datos, porque no se lo está pidiendo de una forma coherente, de una forma consistente. Como digo, esto es un error tremendo.

¿Los problemas de usabilidad suponen un coste para las empresas? Pues sí, desgraciadamente sí.

Y aquí os he dejado dos ejemplos claros de ello.

El primero es de la empresa Expedia, la empresa Expedia se dedica al viaje, a la compra de billetes, reserva de hoteles por internet y hace un par de años salió esta noticia de como Expedia pues se ahorró o ganó 12 millones de dólares más simplemente eliminando un campo de un formulario.

Esta es la web de Expedia y en concreto era este formulario. A la izquierda podéis ver el formulario original y a la derecha podéis ver el formulario modificado una vez que se eliminó ese campo. El campo lo he marcado aquí, es el campo “Company name”. Se solicitaba junto con el nombre de la persona se solicitaba el nombre de la empresa y esto se solicitaba cuando éste tenía que introducir los datos de la tarjeta de crédito para realizar el pago.

¿Y qué se descubrió? Pues mucha gente, en el campo “Company name” introducía el nombre de su banco, creía que le estaban pidiendo el nombre del banco de la tarjeta de crédito. Y luego en la parte inferior, que pone “Primary billing address” pensaban otra vez que había que introducir la dirección de su banco, no su dirección, sino la dirección del banco.

¿Qué ocurría? Esto confundía a la gente, muchos usuarios, muchos clientes, introducían esos datos y luego cuando se iba a validar la tarjeta de crédito con la dirección introducida, como no coincidía, se anulaba la compra y por eso, la empresa esta, Expedia perdía dinero, perdía compras.

Al eliminar ese campo logró aumentar su facturación en 12 millones de dólares como digo.

Otro caso muy famoso y más exagerado es el que se conoce como “el botón de los 300 millones de dólares”. Este es un poco más complejo de entender, pero he hecho un gráfico para explicarlo.

Ocurría lo siguiente. Este caso es de una tienda de venta de productos online y cuando ya se tenía que hacer el “check out”, finalizar la compra, el usuario se tenía que registrar.

Muchos usuarios estaban ya registrados y al tener que identificarse, meter el usuario y la contraseña, no se acordaban de la contraseña.

El formulario ofrecía la opción de solicitar un nuevo password, resetearlo.

El 40% de los usuarios que finalizaban la compra no se acordaban del password y activaban la opción de resetear el password. Pero, como era un proceso complejo, de ese 40% sólo el 25% lograba resetear el password.

Estamos ya con un 10% del 100% total. Y de ese 25% que lograba resetear el password, solamente un 20% finalizaba la compra, el resto pues abandonaba.

Podemos ver entonces al final que de ese 40% de personas que tenían problemas porque no se acordaban de el password, sólo un 2% finalizaba la compra; luego un 38% de los usuarios que tenían intención de compra, al final no compraban por la complejidad del sistema, por tener que recordar la contraseña y no lograr resetear la contraseña.

¿Qué hicieron en este sitio web? Cambiaron el sistema y permitieron la compra sin tener que identificarse, es decir, comprar como usuario invitado y al cambiarlo, en la primera semana del cambio aumentaron sus ventas en seis millones de dólares. Y en el primer año, los 300 millones de dólares. Simplemente un cambio que se debía a entender cómo se comportaban los usuarios, qué problemas tenían los usuarios.

¿Qué consejos os puedo dar para mejorar la usabilidad web?

Bueno, necesitaríamos horas y horas porque hay infinidad de consejos y sobre todo hay algo muy difícil, y es que los consejos no los tenéis que tomar como leyes que siempre hay que aplicarlos: hay que ver el contexto y decidir si conviene o no conviene usar los consejos.

Lo que sí que os puedo decir, os vuelvo a repetir el consejo de piensa en los usuarios, pero sí que os pueda recomendar dos gurús que os aconsejo que consultéis, que leáis artículos de ellos, que leáis libros y aprenderéis bastante.

El primero se llama Jakob Nielsen, lleva ya 20 ó 30 años dedicándose a la usabilidad y casi 20 años a la usabilidad web.

Tiene una página web muy famosa donde podéis encontrar casi 500 artículos, donde os van a explicar multitud de cosas y cientos de consejos. Y además también ha publicado varios libros.

Por ejemplo, aquí tenemos “Priorizando la accesibilidad web”.

Os pongo simplemente dos consejos. El primero nos dice “Pregúntate si alguien que sólo lea las dos primeras frases de tu página obtendrá la información que quieres transmitir”. La gente no dedica minutos y minutos a visitar una página web, la gente tiene cosas más interesantes que hacer. En una página web hay que vender claramente la idea, el objetivo, el propósito.

Si por ejemplo lo que queremos es vender un producto a través de una página web, lo que se llama la llamada a la acción, es decir, la llamada a la compra, tiene que estar claramente distinguida, se tiene que ver y además repetirla por muchas partes de la página.

El otro consejo nos dice “Con pocas excepciones, la gente visita la Web por su utilidad, no por su belleza. Tener un sitio visualmente atractivo es bueno, por supuesto, pero el contenido es sagrado. Después de todo, cuando la gente escribe sus preguntas en los motores de búsqueda, no pregunta por los atributos estéticos – está buscando información”.

Desgraciadamente, muchas veces prima el diseño visual, llega el diseñador e impone su gusto estético por encima del contenido, por encima de la información. Hay que buscar un equilibrio, pero como digo desgraciadamente muchas veces triunfa el diseñador.

Otro gurú que os recomiendo que consultéis y que sigáis se llama Steve Krug. También tiene varios libros, el más famoso es “No me hagas pensar”, eso podría ser otro consejo, no hagas pensar al usuario que visita tu página web. Y, recientemente publicó su segunda edición “No me hagas pensar revisitado”, de aquí os destacó tres consejos.

No me hagas pensar.

No importa cuántas veces tengo que hacer clic, siempre y cuando cada clic es una lección inconsciente e inequívoca.

Deshágase de la mitad de las palabras de cada página, a continuación, deshágase de la mitad de las que quedan.

Hay que ser breves, simples en lo que escribimos en una página web, porque vuelvo a decir, la gente no se detiene a leerlo todo. Así que, hay que ser directos y expresar claramente las ideas y el propósito de
las páginas web.

Ya para finalizar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas para contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

¿Usabilidad, accesibilidad? (parte 2)

TRANSCRIPCIÓN

Así un poco para resumir, muchos autores dicen que la usabilidad se compone de tres factores. Se compone del sentido común, que a veces es el menor de los sentidos, se compone de simplicidad y se compone de un buen diseño.

Cuando tenemos en cuenta estos tres factores, sentido común, simplicidad y diseño, y nos preocupamos de lograr lo mejor en cada uno de ellos, pues estamos logrando una buena usabilidad.

Veamos ahora qué es la accesibilidad.

Asociado a la accesibilidad existen otros conceptos que significan más o menos lo mismo: diseño inclusivo, diseño universal o diseño para todos.

Es muy típico esta situación: unas escaleras, unas gradas para acceder a cierto sitio, a un edificio. ¿Y qué ocurre?

Pues estas gradas no son accesibles para muchas personas con discapacidad. Por ejemplo, una persona que vaya en silla de ruedas. Para solucionar este problema, este problema de falta de accesibilidad, pues ¿qué se suele hacer?

Se suelen construir rampas. Pero en muchas situaciones ocurre como he puesto en esta imagen: la rampa es una entrada secundaria, se indica de forma explícita en este caso acceso para personas de silla de ruedas en un lateral. Y esto lleva implícito una discriminación, un trato distinto a las personas con discapacidad. Es una solución, pero no es
la mejor de las soluciones. Como he dicho antes, hay que intentar realizar un diseño inclusivo, un diseño para todos, no soluciones parciales para distintas personas, sino un diseño que englobe a todas las personas ya sus particularidades.

Por lo menos esta rampa que muestro aquí en esta imagen la puede usar una persona en silla de ruedas. Pero a veces se llega a situaciones tan estúpidas y tan poco útiles como esta rampa que vemos aquí, con una pendiente excesiva que una persona que use en silla de ruedas no la va a poder usar. Si intenta bajar por esta rampa se va a matar. O encontramos otras situaciones igual de estúpidas, como esta otra rampa que sí, va saltando, va salvando los escalones, pero el último tramo no hay rampa, ¿entonces para qué sirve esta rampa?

Como digo, son soluciones estúpidas, soluciones inútiles que ocurren más de lo que se cree en la la vida diaria.

¿No se puede hacer mejor, no se pueden plantear soluciones inclusivas para todos y que realmente sean buenas?

Sí, lo único que hay que hacer es pensarlo un poco mejor.

Aquí por ejemplo, podemos ver unas imágenes de unas escaleras, unas gradas que llevan incluidas las rampas y queda además bastante elegante y bastante bonito.

Aquí podemos ver otra imagen de la misma escalera, de las mismas gradadas y no es únicamente de este edificio, este edificio está en Chicago, es un edificio museo, aquí pues claro, han intentado hacerlo bastante elegante. Pero hay situaciones en la calle. Este es otro edificio, en otra ciudad y podemos ver cómo se ha integrado correctamente la rampa con las escaleras.

Una pregunta que mucha gente se hace es: ¿la accesibilidad es sólo para las personas con discapacidad? Por ejemplo, las rampas que hemos visto, ¿ayudan solamente a las personas que van en silla de ruedas?

Pues no, evidentemente no. Una rampa la pueden usar otras personas que no sean discapacitadas bajo ciertas situaciones. Entonces, es un error, como se suele hacer y cómo se pone aquí en esta imagen, pues señalar las ayudas para las personas con discapacidad, señalarlas como que son ayudas solamente para ellos, pues es un error. Aquí volvemos otra vez un poco al tema de la discriminación.

¿En qué situaciones se podría usar una rampa por personas que no sean discapacitadas?

Aquí os he puesto tres ejemplos, pero seguro que podemos encontrar muchos más. A la izquierda tenemos pues una mamá que va con el carrito de bebé y que le va a venir muy bien el que haya una rampa para salvar las gradas de un edificio.

O en la fotografía del centro tenemos a una repartidora que va con una carretilla y que también le va a venir muy bien la rampa.

O a la derecha tenemos a un señor que va con muletas porque ha tenido un accidente y también le va a venir muy bien subir por la rampa en vez de por la gradas.

Como vemos, las ayudas para las personas con discapacidad también ayudan al resto de personas en ciertas situaciones. Y podemos encontrar más ejemplos.

Este es el acceso a un sistema de transporte urbano, donde tenemos pues un pequeño elevador para salvar estas gradas. Otra vez, no solamente ayuda a una persona que vaya en silla de ruedas, sino que también ayuda pues a esta mamá que va con el cochecito de bebé.

O aquí tenemos por ejemplo unas fuentes a dos alturas, una fuente pública de agua y tenemos a la derecha una que está otra vez mal señalada porque indica que solamente para una persona con discapacidad, una persona que va en silla de ruedas, pero seguro que a todos vosotros se os ocurre que la fuente de la derecha que está más baja también va ayudar pues a los niños, por ejemplo.

Para resumir un poco lo que hemos visto de usabilidad y accesibilidad, ¿qué consejos os podría yo dar para mejorar la accesibilidad y usabilidad de cualquier cosa, no solamente de páginas web?

Ahora después hablaré de las páginas web, pero de cualquier cosa, cualquier diseño de un objeto, de un servicio, de un producto, ¿qué tres consejos básicos os puedo dar?

Pues son tres consejos muy sencillos de entender, lo difícil es aplicarlos. El primero es piensa en el usuario, el segundo es piensa en el usuario y el tercero es piensa en el usuario. Es decir, lo primero que debes hacer cuando te plantees el diseño de algo es pensar en el usuario que lo va a utilizar, ponte en su piel, mira a ver cuáles son sus requisitos, sus necesidades e intenta hacerlo para que el usuario no tenga dificultades en su uso. Y así tendrás usuario felices, usuarios contentos.

Si estamos, por ejemplo pues en una empresa, pues tendremos a usuarios felices que comprarán, seguirán comprando nuestros productores.

Si por ejemplo estamos en el caso de educación, yo soy profesor, pues yo tendré alumnos que seguramente estudiarán mejor, aprenderán mejor y estarán contentos conmigo.

Lo podemos hacer en cualquier contexto, pensar en el usuario. Y por tanto no pienses en ti, no pienses en hacer las cosas más fáciles desde tu punto de vista, sino piensa en el usuario final que va a usar tu producto o servicio.

Ya para finalizar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas para contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.

¿Usabilidad, accesibilidad? (parte 1)

TRANSCRIPCIÓN

Muy buenos días amigos de CIESPAL, bienvenidos una vez más a este espacio de encuentros virtuales.

En esta ocasión les vamos a ofrecer la conferencia sobre diseño de páginas web titulada: Usabilidad, accesibilidad, objetivos diferencias y semejanzas de cada disciplina.

En esta ocasión contamos con la presencia de Sergio Luján Mora. Él es un especialista español que
forma parte del proyecto Prometeo emprendido por el gobierno con el objetivo de mejorar la educación superior en nuestro país.

Sergio luján mora es profesor titular de universidad del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante en España. Obtuvo su grado de doctor ingeniero
informático en la Universidad de Alicante en el año 2005.

Sus temas principales de investigación incluyen la accesibilidad y la usabilidad web, el desarrollo de las aplicaciones web, el e-learning, los cursos de tipo massive open online courses y la programación orientada a objetos. Es profesor de las asignaturas “Programación hipermedia” y “XML”, y ha sido profesor de las asignaturas “Programación y estructura de datos” además de “Programación en internet”. Diversos trabajos de investigación, libros y también proyectos nacionales e internacionales.

Ha impartido diversos cursos sobre programación web, desarrollo de aplicaciones web y accesibilidad y usabilidad, tanto en España como en otros países: Argelia, Ecuador, Kazajistán, Kirguistán, México, Moldavia, Polonia y Rusia.

En esta ocasión nos acompaña para esta charla virtual para la cual hemos establecido el hashtag con el cual
ustedes pueden participar y hacer sus preguntas numeral DiseñoWeb, con eñe, numeral DiseñoWeb, para que ustedes puedan hacer sus preguntas.

Pueden seguir también a Sergio a través de la cuenta de Twitter @sergiolujanmora con la que también estaremos haciendo a las menciones correspondientes desde nuestras cuentas y nuestros espacios.

La modalidad, recuerden, 35 a 40 minutos de charla y luego daremos paso a todas las preguntas que se planten tanto desde el área de chat de la página de CIESPAL cuanto las que sean planteadas
con el numeral dentro de las redes sociales.

Sergio, bienvenido un gusto tener de aquí en CIESPAL.

Muchas gracias a CIESPAL por la amable invitación para realizar esta charla y también quiero dar las gracias al gobierno de Ecuador, ya que gracias al programa Prometeo estoy realizando aquí una estancia en la Escuela Politécnica Nacional.

Como acaban de presentar, la charla que voy a realizar va a tratar sobre la usabilidad y accesibilidad, qué
tienen en común y qué tienen de diferente.

La primera parte de la charla la voy a dedicar a hablar de la usabilidad y de la accesibilidad en el mundo real, en el mundo físico. Y luego ya, trataré estos temas en las páginas web.

La presentación que voy a usar está publicada en la siguiente dirección, si no está ahora mismo ya publicada, en breve, en un par de horas estará disponible, un documento pdf con toda la presentación.

Y como han explicado pues, vuelvo a recordar a través de Twitter se puede interaccionar con esta
presentación, con esta charla a través del hashtag DiseñoWeb y a través de los identificadores de usuario @ciespal o través del mío @sergiolujanmora.

Bien, ¿qué es la usabilidad, qué es la accesibilidad?

Bueno, espero que al final de esta presentación pues todos los que estáis ahí detrás de la cámara tengáis una idea de que es cada una de estas disciplinas.

Dejaré para el final de la charla el dar una definición.

Lo primero que vamos a ver son ejemplos reales de usabilidad y accesibilidad o más bien justo de lo contrario, de falta de usabilidad y accesibilidad.

Entonces, empecemos con la usabilidad.

La usabilidad normalmente se define como la facilidad de uso. Hay trabajos sobre la usabilidad desde
hace bastante tiempo. Uno muy famoso es el libro que se publicó en el año 1988 por Don Norman que llevaba por título “La psicología de las cosas de todos los días”, de las cosas diarias.

Posteriormente, en ediciones posteriores, le cambió el título a “El diseño de las cosas de todos los días”. Y en la portada aparece una tetera que se ha convertido en un símbolo de la usabilidad, esa tetera como podemos ver pues no se puede usar, no se puede verter su contenido. Es un claro ejemplo de un diseño erróneo, un diseño que no es usable.

Ese diseño que mostrado pues es un poco una exageración, pero en la vida diaria encontramos cosas muy parecidas, diseños que nos dificultan la vida y no hay que irse muy lejos.

Por ejemplo, aquí tenemos una cocina con cuatro fuegos, tenemos ahí los controles para ir abriendo o cerrando cada fuego y tenemos unos dibujos para saber cuál corresponde a cada uno. Pero si no tuviésemos esos dibujos, como acabo de hacer ahora, los he tapado, sería bastante difícil saber cuál es para cada fuego. Esto es un error de diseño, esta cocina, pues hay que aprender a usarla y uno de los consejos de un buen diseño, de un buen diseño usable es que el usuario no tenga que aprender a usar las cosas, sino que sea intuitivo, que sea natural.

Desgraciadamente, es difícil a veces lograr ese objetivo, hacer que las cosas sean simples e intuitivas. Pero ahí digamos está la gracia de la usabilidad, lograr a ello, lograr ello.

Aquí tenemos otro ejemplo de cocina donde la han resuelto pues, como podemos ver, dibujando unas líneas, unas líneas que conectan cada control con cada fuego.

No hace falta llegar a esto, hay soluciones más elegantes, lo que pasa que hay que pensarlas un poco. Por ejemplo, tenemos esta cocina donde la disposición de los controles sigue la misma disposición que los
fuegos. Aquí es evidente qué control corresponde a cada fuego. Aquí ya hemos logrado un mejor diseño y vemos ya una escala de usabilidad, desde difícil de usar a fácil de usar.

Vamos a ver otro ejemplo, un ejemplo muy importante porque éste también nos afecta al día a día cuando trabajamos con ordenadores y dispositivos electrónicos, y es el tema de los conectores USB.

El conector USB se desarrolló en el año 1996. Aquí tenemos el conector macho y aquí tenemos el socket el conector hembra donde se introduce.

Ahora mismo, en este dibujo están alineados, se va a introducir correctamente. Sin embargo, si el conector de la izquierda estuviese vuelto al revés, no se podría introducir.

El diseño del conector USB es un muy mal diseño, porque obliga al usuario a introducirlo correctamente en la dirección adecuada.

Yo conozco gente que ha forzado y ha forzado, y al final lo ha logrado introducir en el sentido contrario. Eso sí, al final ha roto el ordenador o ha roto el dispositivo de memoria USB.

No entremos tampoco en el tema de las de los distintos dispositivos USB, de los distintos tamaños que existen. Eso es otro problema que sufrimos todos los días.

Y esto no es un tema que afecte a pocas personas, afecta a todo el mundo. Tanto que incluso se han hecho chistes sobre el tema o incluso podemos encontrar páginas en Facebook de gente que está enfadada con este tema. Por ejemplo, esta es una que dice “I hate plugging in the USB cable the wrong way”, o tenemos esta otra que dice “Siempre intento insertar la memoria USB de la forma incorrecta la primera vez”.

¿No se podría haber hecho un diseño como los enchufes de corriente? Del diseño de los enchufes de corriente existe desde hace decenas de años y un enchufe de corriente lo podemos enchufar en cualquier sentido y no plantea ningún problema.

Pues afortunadamente, hemos tenido que esperar, como vemos, desde el año 96 hasta este año, hasta el 2014, hemos tenido que esperar 18 años, para que los ingenieros que desarrollaron el conector USB desarrollen una solución mejor.

Y es que justo hace dos días se publicó esta noticia, y es que ya por fin han desarrollado el conector USB reversible. Esto saldrá al mercado en breve, como digo esta noticia es de hace dos días y este conector nuevo USB, el de tipo C, se podrá conectar en cualquier sentido. Ya no tendremos que luchar y luchar por intentar meterlo en la posición correcta. Por fin un diseño usable un buen diseño del conector USB.

Ya para finalizar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas para contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.

Muchas gracias por tu atención.