Rediseño de portal internacional
Inditex es una empresa española del sector textil que fabrica y distribuye sus productos por todo el mundo. Tanto sus productos de venta como sus herramientas digitales deben estar adaptadas a la cultura y la ideosincrasia de cada país, lo que supone un reto enorme.
Objetivos del proyecto
El reto del proyecto no era sencillo, ya que debía cubrir varios aspectos de diferentes ámbitos. Se buscaba diseñar un portal visualmente atractivo, que respirase moda y transmitiera la esencia de la compañía.
También era fundamental mejorar la usabilidad y la arquitectura de la información de la aplicación, ayudando a los usuarios a completar los flujos de manera sencilla y rápida. El registro de los usuarios iba a ser la joya de la corona de todos los flujos, ya que sería un proceso único para todos los mercados, cada uno con unos requisitos de datos y políticas de privacidad diferentes.
Además, la web tendría que ser 100% accesible, cumpliendo con todos los criterios WCAG 2.1 de nivel AA.
Mi rol en el proyecto
Al tratarse de un proyecto 360, pude participar en todas las fases del proceso de diseño. Me encargué de la investigación y el análisis de la misma, también de la conceptualización del nuevo site y participé activamente tanto en la definición de flujos como en la aplicación de las reglas de accesibilidad en el site. Tuve la oportunidad de realizar wireframes y algún que otro mockup, siguiendo la línea de diseño definida.
Análisis del producto existente
También era fundamental examinar el proceso de registro en ese momento, donde aparentemente convivían dos conceptos que chocaban entre sí: por un lado se daba a entender que se entraba a formar parte de una bolsa de empleo (algo pasivo para el usuario) y por otro, que se aplicaba directamente a ofertas concretas.
Se examinaron los datos que se solicitaban actualmente al candidato y se buscó una justificación objetiva para cada uno de ellos, intentando dirigir la propuesta hacia un cv anónimo.
Además de los datos personales, se solicitaban datos ad-hoc para ofertas en concreto. En ocasiones se hacían demasiadas preguntas cuya información podría obtenerse en pasos sucesivos del proceso de selección.
La investigación
La investigación fue definida desde el inicio, con la intención de abordar dos partes: el producto existente y los usuarios.
Sobre el producto existente se realizó un análisis heurístico, detectando barreras y posibles oportunidades que pudieran servir para el nuevo diseño. También se realizó un estudio de la competencia, principalmente del flujo de proceso de registro, que era el más complicado.
La investigación con usuarios se centró únicamente en los candidatos, ya que el personal de RRHH utilizaba una herramienta diferente. Se corroboraron algunas hipótesis, como que el registro actual era tedioso y pedía datos sensibles como el sexo, y se refutaron otras como que era importante para los usuarios que la pagina fuese muy moderna.
FINDING
A pesar de que uno de los objetivos del proyecto era que la web fuese muy moderna en interacciones y respirase moda, esperando un público muy joven, la investigación mostró que eran los padres los verdaderos usuarios de la aplicación, ya que se trataba de el primer empleo de muchos de los candidatos.El gran reto: 132 casuísticas de registro
El registro de usuarios fue, sin duda, el mayor reto desde el punto de vista de diseño. El portal tenía un único dominio y, por tanto, un único punto de entrada para los usuarios de 202 mercados en 96 países.
El problema fundamental era legal, ya que cada país tenía unas políticas de protección de datos diferentes pero el registro debía ser único. Esto significaba que teníamos que ramificar un único registro en función del país por el que accedieras.
Las mejoras que se atacaron fueron:
La propuesta de registro que había en producción tenía muchos pasos y obligaban al usuario a dar información muy detallada de su trayectoria profesional para poder convertir el lead.
La nueva propuesta redujo el registro a lo esencial, con un paso extra de información adicional donde se explicaban los beneficios de rellenarlo para tener más posibilidades de contratación.
El nuevo flujo debía tener en cuenta la procedencia del usuario para adecuarse a la política de privacidad de su mercado, y además adaptarse al área al que estuviera aplicando (tienda, almacén...).
Accesibilidad
Aunque el rediseño a nivel visual era muy importante para una empresa puntera en moda, el trigger del proyecto fue hacer accesible el portal. Se revisaron los tres niveles de cumplimiento, según WCAG 2.1, y se concluyó que la web debía cumplir el nivel AA de conformidad.
Algunos de los criterios que se debían cumplir eran sencillos, como añadir descripciones alternativas a las imágenes, asegurarnos de que los colores hicieran un contraste determinado que facilitase la lectura, o que las páginas estuvieran claramente tituladas y su contenido se pudiera contextualizar de manera sencilla.
Pero también existían criterios que suponían un reto tanto para el diseño como para el desarrollo, como el hecho de que toda la aplicación pudiera ser navegable con teclado, haciendo siempre visible el foco activo (podía ser un input o cualquier otro elemento no interactivo para usuarios con ratón).
Se revisaron los colores, tipografías y tamaños del brandbook, teniendo en cuenta las reglas de contraste de accesibilidad.
Además de los colores y las tipografías principales de la marca, también se estudiaron los colores secundarios destinados a errores u otros colores semánticos.
Resultados
Inditexcareers.com se ha transformado en un portal que cumple con todos los criterios de accesibilidad WCAG 2.1 de nivel AA, con el 100% de sus componentes accesibles y navegables por teclado.
La navegación por la web es más fluida con la nueva arquitectura, y el flujo de registro de usuarios es mucho más sencillo y rápido. Actualmente, este flujo permite 132 casuísticas de registro diferentes, con diferentes datos por área comercial y por país, de acuerdo a sus políticas de privacidad.
El look&feel también ha mejorado notablemente, adaptándose a las tendencias actuales de diseño y moda, y siendo lo suficientemente versátil como para que tengan cabida todos los idiomas y culturas en cada componente.