UX

Charla sobre las novedades en accesibilidad web impartida por W3C

Ayer en el Edificio Etopia (@etopia_) unos pocos afortunados que nos enteramos asistimos a una charla imparida por Charles McCathieNevile (@waals) y Léonie Watson (@LeonieWatson) sobre las novedades en accesibilidad web.

accesibilidad

Charles, un australiano de casi 2 metros de altura, trabaja para Yandex pero vive en Madrid, y nos hizo el esfuerzo de darnos la charla en castellano y servirnos de traductor de Léonie. Hay que decir que hablaba despacio y poniendo cuidado en la pronunciación por lo que fue fácil seguirle.

El problema de la accesibilidad es que a no ser que nuestra web o producto vaya enfocado a ese mercado, o seamos un organismo oficial, muchas empresas la dejan siempre «para mañana». Y eso no debería ser así, porque las personas con problemas de accesibilidad forman parte del negocio. También navegan. Tambien viajan. También compran productos y usan servicios.

Y no solo pensar en personas con problemas visuales que usan lectores de pantalla.
Como nos explicó Charles, si yo soy una persona que voy en silla de ruedas y quedo con mis amigos para ir aun restaurante, necesito saber si hay escalones para acceder a el, y si después de echarme 3 cañas puedo luego ir al servicio o tengo que bajar 3 pisos.

Es un usuario igual que otra persona, sólo necesita un poco más de planificación.

Charles comenzó contando en que punto estábamos actualmente cuando hablamos sobre accesibilidad, mencionando ARIA , Schema.org, SVG, HTML5, MathML, AccessibilityHazard…

Comentó que las grandes empresas como Google o Facebook, pueden hacer que determinadas características evolucionen si ellos las usan, pero que si solo les funciona a ellos y a los demás no, no sirve de nada.

Léonie nos explicó más profundamente ARIA (Accessible Rich Internet Applications), que especifica como incrementar la accesibilidad de las páginas web, en particular, los contenidos dinámicos y elementos de control avanzados desarrollados con Ajax, HTML, JavaScript…

Nos puso ejemplos de como introducir los atributos de ARIA en las etiquetas HTML y la verdad es que me pareció algo que no era complejo de implementar y que mejoraba mucho la accesibilidad (cuando nos pasen la presentación la dejaré aquí).

También salió el tema utópico de los standards, hablando sobre Schema.org y µdata. Nos comentó esta página web Caniuse.com para saber que elementos son soportados en cada navegador.

Otro tema que me pareció muy interesante fue el cómo controlar que elementos de la página son útiles para cada usuario. Es decir, si uso un lector de pantalla, y en una web hay información relevante, un mapa de imagen, un pdf, un vídeo…

A lo mejor el pdf o el mapa de imagen a mi no me sirven para nada ya que no puedo saber que hay. ¿Por qué no este elemento se me muestra después de todo lo que me es útil?
Seguir leyendo «Charla sobre las novedades en accesibilidad web impartida por W3C»

Seguimos mejorando el listado de reservas en los móviles

Hace unas semanas lanzábamos el nuevo listado del sistema de reservas adaptado a móviles. 

Y como empresa AGILE que somos, hemos observado los primeros datos y pensado en como podemos optimizar el diseño.

Listado de alojamientos

Mejoras diseño
Orden y filtros

Lo primero que hemos hecho ha sido subir las funcionalidades de ordenar y filtrar a la parte superior, justo debajo de la búsqueda, quitando en la primera visualización la barra del pie. Al hacer scroll la barra inferior vuelve a aparecer.

Esto se ha hecho al analizar el número de usuarios que usaban esta función versus los datos que teníamos previamente.

Seguir leyendo «Seguimos mejorando el listado de reservas en los móviles»

Gov.uk: keep calm and digital by default

La charla de Rubén Perez Huidobro (@RPHuidobro) fue una de las que más me gusto en el UXSpain de este año.

Me pareció increblemente complejo el tema que trataba: conseguir que todos los trámites administrativos de Reino Unido se puedan realizar de manera digital.

Todo empezó con Francis Maude, que se dió cuenta que en Reino Unido había una serie de oligopolios tecnológicos que se estaban llevando todos los contratos. Maude, se dio cuenta de ello, pero no sabía como resolverlo.

GDS UK

Lo dice clarito: We put user´s needs before the needs of government

Con lo cual, escribió una carta a Marta Lane Fox (@martalanefox) fundadora de Lastminute.com en la que explicaba que quería conseguir:

  1. Devolver el talento al gobierno
  2. Simplificar y UCD
  3. Que todas las transacciones se pudieran hacer de manera online
  4. Todo tenía que ser abierto, tanto el código como las comunicaciones

A Marta le encantó la idea porque le pareció genial traer todo lo que sabía del sector privado al público. El objetivo estaba claro:

  • Servicios digitales, agiles, abiertos y baratos.
  • Servicios que la gente prefiriese hacerlos por internet que en persona.

Con un orden de prioridades claro:

  1. Necesidades de los usuarios
  2. Necesidades del Gobierno

Y tenía que ser además rápido.

Era necesaria una revolución, no una evolución.

Se creo el Government Digital Service, un departamento para centralizar todo lo relacionado con lo digital y una única web gov.uk. Había demasiada información repartida en portales y eso confundía a los usuarios, por lo que se redujo todo a una sóla página.

¿Cómo se hizo?

Para verificar que las cosas se cumplían, se creo un equipo de transformación que cambiara los ministerios.

Se eligieron las 25 transacciones más difíciles con la finalidad de que si estas se conseguían hacer de manera digital, servirían como ejemplo para el resto.

Pero el gobierno era como un dinosaurio, todo burocracia y jerarquía.

¿Cómo transformas eso en un equipo AGILE?

Huidobro nos cuenta que se hicieron varias cosas. Por un lado se enviaron equipos especialistas que se fueron mezclando con los diferentes tipos de roles entrenándoles para que fueran agiles.

Antiguamente, los departamentos trabajaban siguiendo el proceso antiguo de

  1. Capturar requerimiento
  2. Desarrollo
  3. Lanzamiento
  4. Preguntar a los usuarios

Ahora, lo primero son las necesidades de los usuarios.

Leisa Reichelt (@leisa), Head of User Research en Government Digital Service, cambió el orden:

  1. Observar y hablar con los usuarios finales
  2. Necesiades emocionales y funcionales
  3. Entender las necesidades de los usuarios ahorra mucho dinero

Este proceso es complicado porque hay muchos stakeholders que creen que lo saben todo.

Repartieron entre los trabajadores del gobierno, una Herramienta GDS (Government Digital Service) con unos principios de diseño:

  1. Users.
  2. Do test.
  3. Design with data.
  4. Do the hard work to make it simple.
  5. Iterate. Then iterate again.
  6. This is for everyone.
  7. Understand the context.
  8. Build digital services no websites.
  9. Be consistent, not uniform.
  10. Make things open. It makes things better.

Y cuidar los detalles durante TODO el servicio. Es un proceso completo.

Como vemos lo primero de todo son los usuarios. Estudiarles, preguntarles, averiguar que necesitan y cuando lo necesitan. Es decir, en que contexto hay que situar cada acción, ya que no es lo mismo una madre que busca una beca de comedor escolar para poder dar de comer a sus hijos, que una persona que quiere montar una empresa.

Seguir leyendo «Gov.uk: keep calm and digital by default»

Agustín Cuenca en el UXSpain: ¿El arte del UX o helarte del UX?

Agustín Cuenca cerró la mañana del primer día con una charla acerca de cómo plantear el trabajo y como ejecutarlo. Con sus más de 20 años en el sector digital la sala era todo oídos ya que más sabe el diablo por viejo que por…

Los UX gestionamos conocimiento.

Somos 3 profesiones en una: curas, detectives y negociadores.

  • Curas porque recogemos confesiones.
  • Detectives porque encontramos cosas que nadie nos cuenta.
  • Negociadores porque ponemos en común las 3 patas: el negocio, la tecnología y al usuario.

El UX debe conseguir que utilicen el mismo idioma entre ellos. O sino, hacer de traductor.

Porque en el día a día ves como el CEO o el cliente habla de unas cosas, el director de desarrollo de otras… Y no se entienden. Por ello cada vez veo más importante la figura de personas que medien entre los diferentes perfiles, que tengan grandes dotes de comunicación y de trabajo en grupo.

The paradox of choice

Demuestra el principio de que a según que cantidades, menos es más.

Paradoja de la elección

Es decir, al principio el usuario ve opciones, y le gusta, porque ve que tiene poder de elección, no se siente obligado a elegir una porque si.

Y es que a un determinado número de opciones, el cerebro se satura.

Pero a un determinado número, se agobia, porque no puede procesar toda esa información, o no le apetece emplear sus recursos en ello.

Si queréis saber más, os dejo aquí el enlace de la charla TEDx de Barry Schwartz sobre la paradoja de elegir.

Teoría del control

Un sistema no puede controlar algo más complejo que el propio sistema. Entonces, ¿cómo podemos controlar el cerebro de una persona? ¿Y la de millones de usuarios?

Seguir leyendo «Agustín Cuenca en el UXSpain: ¿El arte del UX o helarte del UX?»

Listado de alojamiento adaptado a móviles III

Entre las novedades más destacadas está la visualización de las imágenes del alojamiento y la posibilidad de interactuar entre los filtros y el mapa.

Galería de fotos

La galería es una de las zonas más visitadas por los usuarios a la hora de reservar un alojamiento.

Por ello, para facilitarles el acceso pusimos que tanto desde el listado como desde la ficha pudieran acceder a ella.
Galeria en el móvil

Debajo de la imagen pone el nombre del alojamiento, y el número de foto que estás visualizando, así como el número total de imágenes para que el usuario sepa cuantas imágenes le quedan por ver.

Mapa

El mapa era otro de los puntos críticos que queríamos que quedara muy sencillo e intuitivo para el usuario, ya que mucha gente busca su alojamiento en función de donde esté situado.

Seguir leyendo «Listado de alojamiento adaptado a móviles III»

Listado de alojamiento adaptado a móviles II

Seguimos avanzando novedades del nuevo diseño del listado de alojamientos adaptado a móviles.

Filtrado de resultados

Una de las mayores mejoras demandada lógicamente por los usuarios, respecto al listado que usa la App, y la antigua web móvil, fue la posibilidad de filtrar los resultados.

Se accede desde el enlace situado en el pie del listado:

Filtros en el movil

¿Cómo puede un usuario elegir su alojamiento perfecto entre las más de 800 opciones que encontramos en Madrid sino es acotando los resultados?

Pues vamos a hacérselo fácil:

Seguir leyendo «Listado de alojamiento adaptado a móviles II»

Curso de Design Thinking

Esta semana he asistido a un cursillo impartido en el ITAINNOVA llamado: «Alcanza retos y resultados a través del Design Thinking» impartido por Luis Ezcurra de Augere.

Aparte de la metodologia (que ya había trabajado con ella) lo que más me ha gustado ha sido conocer a Luis, un profesional con más de 33 años en el sector de las comunicaciones, que ha trabajado en Telefonica, MOTOROLA, SIEMENS… Oyéndole contar sus experiencias con los diferentes equipos de I+D, los ejemplos que ponía me podría pegar días enteros.

La experiencia para mí es de las cosas más valiosas que existen

Actualmente trabaja en Augere (International Consulting in Business and People, Lider & Coach) ayudando a las personas y a las compañías a crecer.

Lo primero que nos hizo hacer para vencer la timidez fue presentarnos dibujando nuestro «escudo de armas» personal.

En la clase estábamos personas de diferentes edades y perfiles profesionales: diseñadores, directivos, ingenieros, personal de administración… por lo que fue gracioso ver las diferentes maneras de representar esa información y los principales focos de interés de cada uno.

Posteriormente Ezcurra nos introdujo en la metodología del Design Thinking, una herramienta que sirve para diferentes situaciones:
Seguir leyendo «Curso de Design Thinking»

La máquina de ilustrar

Tomas Hijo (@tomashijo) abre la primera ponencia del UXSpain 2015 con un pantallazo de sus notas escolares. Y es que el orden de las notas dice mucho de la educación en este país:

  1. Lenguaje
  2. Mates
  3. Ciencias sociales / naturales
  4. ….
  5. Artes plásticas

Y es que muchos profesores aprovechan las horas dedicadas al dibujo a ordenar la clase, por lo que con semejante perspectiva, un niño, sobre los 9 años deja de dibujar.

Y eso está mal.

El dibujo es una herramienta de comunicación como cualquier otra

Los educadores no nos enseñan bien. Escribimos emails con faltas, sacamos la calculadora del móvil para multiplicar 2 por 3, hablamos con amigos diciendo absolutas barbaridades (y eso que al llevar internet encima 24 horas muchas veces buscamos el móvil para mirar datos), cantamos y bailamos también de manera desastrosa en el mayor de los casos…

Y no nos importa, seguimos haciéndolo, pero…

Dejamos de dibujar.

La gente tiene la idea de la figura del «artista», que es un genio, un ser con talento sobrehumano (o subhumano). Cuando la gente dice: «la niña me ha salido artista», no lo dice con orgullo. Lo dice con una connotación negativa, con mal tono.

¿Y el artista nace o se hace?

Si preguntas eso, normalmente el 90% de las personas te dice que el artista nace. Piensan que tiene una varita divina con la que va haciendo obras de arte cada segundo. Mec! Error!

La mayor parte de la constitución de un artista es experiencia.

Tomas nos cuenta 3 aspectos de la comunicación:

1. Comunicamos emociones Cuando dibujas o ilustras comparte aspectos con la fotografía, el cine como el color, la luz, el encuadre… Podemos representar cualidades abstractas como en la película de Wally T, la relación entre Eva y Wally.

2. Comunicamos historias Cuando lees un comic estás leyendo una historia contada gráficamente.

Seguir leyendo «La máquina de ilustrar»

Otro año más de UX Spain

Bueno, ya estamos en casa. Han sido más de 9 horas de viaje de vuelta con parada turística incluida pero, como cada año, el UXSpain, ha merecido la pena.

Lo primero, gracias a los organizadores y a los colaboradores por todo el esfuerzo. Era complicado superar el primer UXSpain en Salamanca de aquel 2012, hace ya 4 años, donde personalmente descubrí y comencé a interesarme por todo esto, convirtiéndose desde entonces en parte de mi día a día.

Lo segundo, un placer repetir viaje con: Gloria, Guillermo, Roberto, Daniel, Jose Luis y Carlos.

Han sido muchos momentos de risas entre el látigo del informe semanal, la tapa perdida del móvil, los quintos de los pueblos, los fosterianos…

uxspa-zgz

Lo tercero, gracias a los ponentes por compartir sus experiencias. Este año se ha tocado mucho el tema del neuromarketing, lo que, personalmente, me ha encantado porque es sobre lo que más estoy leyendo últimamente.

Ver que hay empresas como Flat101 o Redbility llevan tiempo utilizando sensores para medir los cambios en el estado somático de los usuarios y que nos cuenten sus experiencias ha sido genial.

De los UXLab, había elegido el D: «La analítica digital y el feedback de usuario como parte clave del proceso de rediseño de un producto digital», con Ricardo Tayar y Miguel Monreal (lo maño no podía fallar je je!).

Aparte de un repaso a ciertas herramientas de analítica y las diferencias entre ellas, nos mostraron ejemplos reales de como habían tangibilizado en datos la respuesta emocional de una persona para ver la eficacia de una interfaz. Genial el contenido del UXLab y genial la presentación.

Cuarto punto, conocer a nuevas personas y encontrarse con amigos de otras partes de España: Sergio, Merche, Belén, Laura… Siempre es interesante descubrir ya sea en las ponencias o entre los asistentes nuevas caras. ¡Personas que espero volver a ver el año que viene!

Y por último, Salamanca. Nunca decepciona. Sus calles, el río, la plaza, los bares, el ambiente… No me cansaré nunca de visitarla.

Este año además había conciertos en la Plaza Mayor, y el sábado tuve la suerte de llegar al final del concierto de Kakkmaddafakka. 🙂 Por si no los conoceís

Ahora sólo queda descansar después de estos 4 días agotadores, releer todas las notas, madurar lo aprendido y esperar al año que viene para el siguiente UXSpain.

¡Gracias!

Os dejo por si os apetece leerlos algunos resúmenes del UXSpain 2015:

Listado de alojamiento adaptado a móviles I

Hace unas semanas, lanzamos en Centraldereservas.com el nuevo listado de reservas optimizado a móviles y tablets pequeñas

Hasta ahora, estábamos en un proceso de cambio, y desde una web optimizada para móviles, el usuario al lanzar la búsqueda del alojamiento, acababa en la versión desktop de resultados.

Es decir, pasaban de una página responsive, adaptada a una navegación en móvil, a una página donde o hacías zoom para ver los detalles o tenías muy buena vista ;-).

Diseño móvil

Los usuarios, acostumbrados a este tipo de cambios, no se sorprendían (o no les quedaba más remedio) y reservaban. Pero ahora, gracias a este desarrollo pueden navegar en una web pensada para la reserva desde dispositivos móviles, optimizada, tanto en diseño como en su desarrollo.

¿Qué importa si el diseño es muy bonito y usable, pero  cuesta 5 minutos descargarlo?

Por ello, el equipo de programación ha sido muy cuidadoso, teniendo en cuenta el entorno de uso de los dispositivos móviles en todo momento, ya sea en los tiempos de descarga como en la experiencia ofrecida.

Era muy importante ofrecer una experiencia completa en la que el usuario no sintiera que le faltaban funciones que usa en la versión de desktop. Lógicamente, algunas se han suprimido o se han cambiado de lugar, pero se ha realizado un trabajo a conciencia de que las importantes estén:

Funciones

Pero no sólo nos hemos quedado en el listado…

Seguir leyendo «Listado de alojamiento adaptado a móviles I»

Scroll hacia arriba