Teletrabajo, ese término que hace unos años nos sonaba un tanto extraño, ¿trabajar desde casa? ¿pero se trabaja de verdad? ¿y cómo te comunicas? ¿eso es posible en mi profesión? Miles y miles de preguntas rondaban nuestras cabecitas cuando alguien nos decía que trabajaba desde su casa.

Por suerte esto ha cambiado. En 2020 una gran parte de la población se vio obligada a trabajar desde sus hogares, dando como resultado una sorprendente aceptación.

✅ Mayor flexibilidad de horarios.

✅ Conciliación familiar.

✅ Movilidad geográfica.

✅ Reducción de tiempo y gastos de trasporte.

La lista de los “pros” podría continuar pero, por desgracia, no es oro todo lo que reluce.

Uno de los mayores problemas actuales que ha impulsado el teletrabajo es la deshumanización y la falta de contacto humano.

Por ello era necesario buscar una solución, ¿cómo podemos tener todas las ventajas del teletrabajo sin perder ese factor humano?

¿Qué es VReunited?

“En pocas palabras, VReunited es la revolución del teletrabajo”.

Lo explicaremos mejor… este producto supone implantar una nueva filosofía, una nueva forma de concebir el trabajo, una manera de sentirte parte del equipo estés donde estés. Suena bien, ¿verdad?

Pues bien, si has llegado hasta aquí significa que quieres saber un poco más de VReunited y cómo ha surgido la idea, así que empezaremos por el principio.

Y… ¿qué es un metaverso?

Según wikipedia “El metaverso es el término se usa típicamente para describir el concepto de una iteración futura de Internet, formada por espacios virtuales tridimensionales compartidos y persistentes vinculados a un universo virtual percibido.​”

Es decir, un metaverso es aquel lugar donde los humanos interactúan como iconos (o avatares) en un ciberespacio gracias a la realidad virtual.

Sin duda esta tecnología supone una revolución en como los humanos interactúan entre si y, por ello, hemos podido escuchar las ideas de futuro de Facebook para incorporar esta tecnología a su red social pero, ¿podríamos aprovecharnos de esta tecnología en otros ámbitos?

LEAN Y EL UX

Lean es una metodología innovadora que tiene como finalidad optimizar los procesos de gestión y creación de un producto, “falla rápido, falla barato”.

Entonces, ¿qué tiene de innovador?

Esta metodología se caracteriza por permitirnos probar ideas de negocio a través de un MVP (Producto Mínimo Viable), con el que podremos testear y analizar el impacto que podría tener el producto y, a partir de ahí, iterar y establecer un modelo de negocio.

“Los diseñadores pasan más tiempo creando documentos en donde se especifica cómo debería ser el producto en lugar de crearlo” Jeff Gothelf.

La propuesta

Toda metodología necesita una problemática detrás en la cual los diseñadores luchamos para conseguir mejoras. En este caso, el tema a tratar sería cómo lograr que el trabajo no nos desvincule de la empresa (o ¿cómo solucionar la pelea remoto vs presencial?).

💡La idea

Como hemos comentado antes, el teletrabajo supone una revolución sobre la percepción laboral, entonces, ¿por qué no ir un paso más allá?

Y de ahí surgió la gran idea:

Combinar el teletrabajo con la Realidad Virtual.

💪 Manos a la obra

Nuestro objetivo es averiguar el impacto que tendría nuestro producto en el mercado y, por ello, utilizamos la metodología Lean.

Lo primero de todo es crear una serie de suposiciones acerca de cómo será el negocio, cómo reaccionarán los usuarios y que puede interesar. Todo esto es lo que mas adelante comprobaremos e iteraremos para conseguir el mejor resultado.

Gracias a todos estos supuestos pudimos concluir que funcionalidades y características iba a tener el producto:

✅ Diferentes salas virtuales, de reuniones y espacios colaborativos.

✅ Personalización del avatar.

✅ Presupuestos a medida según las funciones escogidas.

✅ Material de oficina disponible (post-it, documentos, pizarras…)

✅ Posibilidad de realizar dinámicas de grupo y actividades colaborativas.

🎨Wireframes

Una vez claro qué queremos ofrecer, cómo y cuál va ser nuestro público objetivo es hora de diseñar.

Consideramos que la mejor manera de averiguar si nuestro producto causa interés era realizando una página web donde mostráramos el producto y todos sus beneficios.

El diseño de la web será una landing page donde se mostrará en una misma página todas las funciones que ofrece el producto.

El diseño está centrado en que el usuario ingrese su correo electrónico para solicitar más información.

La cantidad de correos recibidos serán los Leads, los cuales serán considerados como la cantidad de oportunidad de venta que tiene el producto y del interés que despierta.

VReunited

Y así es como surge VReunited, la tecnología que te permite trabajar desde casa y estar más unidos que nunca.

Y como una imagen vale mas que mil palabras… decidimos crear un vídeo promocional que enamorará a cualquiera.

🖥 Diseño web e identidad de la marca

¿Por qué VReunited? Pues bien, este nombre se forma a partir de dos palabras, VR (virtual reality o realidad virtual) y Reunited (palabra en inglés que significa reunidos).

Como bien dijimos antes, este producto lo promocionaremos a través de una pagina web, la cual puedes visitar en el siguiente enlace.

PÁGINA WEB 👇👇👇👇👇

VReunited

Y este fue el resultado:

Sistema de diseño:

He trabajado siguiendo el framework de bootstrap para estructurar la web, utilizando una grid de 12 columnas, con un gutter de 30.

Para los colores decidí utilizar una gama de tonos azulados, ya que el azul es un color que se suele relacionar con todo lo tecnológico.

El logo está constituido por los conceptos que pretende cohesionar este producto: la realidad virtual y estar todos unidos. Este también esta representado con los mismos tonos azulados y se presenta en la versión completa y su versión más reducida.

Por último, se ha escogido la fuente INTER, ya que se trata de una tipografía muy legible, con bordes ligeramente redondeados y que consta con diferentes pesos y tamaños, muy útiles para crear una jerarquía visual.

🚀 Futuribles

El objetivo principal de todo esto es obtener un a serie de métricas y leads acerca de cómo interactúan los usuarios.

Para ello, podríamos utilizar una serie de herramientas que nos facilitarían el trabajo:

• Hotjar: Es una herramienta que nos proporciona información acerca de cómo interactúan los usuarios en nuestra web. Grabaciones de movimiento, mapas de calor entre otros, son los recursos que nos aporta.
• Google Analytics: Con esta herramienta conseguiremos medir el impacto de nuestra web y el comportamiento de los usuarios. La herramienta nos proporciona información acerca de todas las interacciones de los usuarios dentro de nuestra web.
• Social ADS: Realizar publicidad en Google o en redes sociales nos puede ayudar a llegar a un público mas amplio y así generar más interacción con el producto.
• Email marketing: Algunas herramientas como Mailchimp, Acumbamail, Doppler u otras nos ayudarán a fidelizar clientes y a mantenerlos al tanto de todas las novedades.

Una vez obtenidas todas las métricas, será necesario sacar ciertas conclusiones acerca de cómo ha sido acogido el producto y cómo podremos mejorarlos.

Si has llegado hasta aquí muchas gracias por leer este post. ¡Espero que te haya gustado a ti tanto como a mi hacerlo! 😊

Siguiendo la metodología Design Thinking

La Agencia Tributaria, ese sitio al que todos tenemos que recurrir tarde o temprano y que a la mayoría nos cuesta entender.

En mi artículo anterior “Rediseñando la Agencia Tributaria — RESEARCH (UX)” te mostré todo el proceso que seguí para analizar, investigar y descubrir todos aquellos puntos que dificultan la experiencia a la hora de realizar cualquier trámite online.

Rediseñando la Agencia Tributaria — RESEARCH (UX)

A continuación, te mostraré cual fue mi propuesta de diseño para mejorar la experiencia de los usuarios.

¿POR DÓNDE EMPEZAMOS?

Gracias a la investigación previa, pudimos observar que uno de los problemas principales que encontramos es que la web actual está enfocada en las necesidades estado, no en las del usuario.

Por ello, consideré que era fundamental rediseñar los siguientes puntos:

📍 Rediseño de la Home.

📍 Sede electrónica más usable y personalizada.

📍 Buscador avanzado optimizado.

🎨 WIREFRAMES

Antes de realizar el diseño final, realicé una serie de wireframes (low-fi). Gracias a ello, podemos plasmar las diferentes funcionalidades que deberá tener nuestra web y hacer el primer acercamiento al diseño de alta fidelidad (hi-fi).

HOME

Para comenzar, realicé un primer esbozo de la página principal (home).

Este nuevo diseño persigue el objetivo de mostrar la información de una manera más clara y sencilla, centrada principalmente en las necesidades de los usuarios.

Para organizar la información, he distribuido la información de la siguiente manera:

1. Header, donde aparecerá el logo y los accesos directos a las páginas con mayor importancia.
2. Un buscador, dado que durante la parte de Research vimos que gran parte del tráfico recurre al buscador, decidí darle una mayor importancia colocándolo en primer lugar.
3. Accesos directos más destacados, donde aparecerán los accesos a los trámites más frecuentes (renta, calendario, contacto…)
4. Acceso a la nueva Sede Electrónica, la cual detallaremos más adelante en profundidad.
5. Accesos directos a los servicios, con una breve descripción de cada uno de ellos.
6. Finalmente, aparecerán las vías a través de las cuales podemos contactar con la entidad.

SEDE ELECRÓNICA

Otro de los grandes cambios que propongo para este rediseño es la nueva Sede Electrónica, la cual será más accesible mostrando la información relevante para el usuario, según sus características, trámites disponibles, etc. Ya que no serán los mismos trámites los que tenga que realizar una entidad, a los que realice una persona física.

1. Al registrarnos con Cl@ve o DNI Electrónico, aparecerá nuestro nombre, los cual ya será una puerta de bienvenida a un servicio más personalizado.
2. Pestañas con las diferentes funcionalidades, las cuales ya se ofrecen en la sede actual, pero que son difíciles de encontrar y con la información desordenada.
3. Dentro de cada funcionalidad, aparecerán los datos pertinentes de cada usuario y los trámites que tiene disponibles según su perfil.
4. Finalmente, como pié de página, aparecerá el footer con el logo y accesos directos. Esta sección aparecerá en todas las páginas.

BUSCADOR

Por último, planteé el rediseño del buscador avanzado, ya que, en la parte del análisis, me encontré con la problemática de que muchos usuarios preferían recurrir a otros buscadores como Google dada la dificultad y poca precisión que ofrece el actual buscador de la Agencia Tributaria.

1. En la primera sección aparece un pequeño buscador donde el usuario realizará su búsqueda.
2. Para ofrecer una mayor precisión, las búsquedas podrán acotarse según diferentes filtros.
3. Aparecerán los resultados de las búsquedas de una forma más optimizada. Primeramente aparecerá el nombre de la página, seguida de una breve descripción y con su respectiva de publicación o actualización.

🖥 PROTOTIPO

Ahora sí que sí, llegó el momento de pasar todo lo que hemos podido observar durante el research a la acción.

LOGOS

Para empezar el cambio de imagen de la Agencia Tributaria, modifiqué el actual logo, siguiendo el patrón de diseño ofrecido por el Gobierno de España.

En la parte superior la imagen encontramos el actual logo. Bajo él, aparece la nueva propuesta de logo, pero ¿por qué cambiarlo?

Pues bien, existen diferentes motivos por los cuales la modificación de este sería beneficioso.

Primeramente, el logo modificado ofrece su versión vectorizada (svg), por lo tanto, al tener mayor calidad, no aparecería la imagen pixelada y la comprensión del texto sería mucho más fácil, además de mejorar su apariencia visual.

También encontramos una mejora de sintonía en los colores, aliviando la saturación de colores general de toda la página.

Para seguir con la renovación de la imagen de la entidad, y dada la importancia de esta nueva sección en el rediseño propuesto, me decidí a modificar también el logo de Sede Electrónica.

La finalidad principal de este cambio, aparte de ofrecer la versión svg, es la de ofrecer mayor sintonía entre los logos y el resto de la página.

Además, en esta ocasión propongo dos alternativas de logo, las cuales se adaptarán según el espacio disponible para estos. La primera, más lineal, iría destinado a espacios más pequeños como botones, por ejemplo. La segunda opción aparecería en espacios de la web con mayor espacio para el logo y donde este enlace tenga mayor relevancia.

NUEVO DISEÑO

¡Es hora de ver el resultado final!

En el siguiente video, mostraré el resultado del rediseño de la página. En este podremos observar tres partes diferentes:

🏠 Nueva Home, con la nueva distribución de la información y los enlaces.

👤 Acceso/registro de la nueva Sede Electrónica y como sería la distribución de ella una vez registrados.

🔍 Rediseño del Buscador, con una optimización de la información de resultados.

• Home: En la página principal encontramos una nueva reorganización del contenido. Para empezar, aparecerá un buscador, ya que, como pudimos ver en el análisis de la web actual, es la sección a la que más recurren los usuarios. Después, se muestra una serie de enlaces a trámites o consultas que la gente mas utiliza. Seguido a este, encontramos un Call to action a la Sede Electrónica, para aportarle mayor relevancia a este servicio. Finalmente se mostrarán todos los enlaces de interés, con una breve descripción de estos mismos y, seguidamente, todas las vías de contacto existentes.
• Sede Electrónica: El primer cambio significativo de este portal es la simplificación de acceso/registro y la facilidad para obtener el código Cl@ve, ya que actualmente es un proceso muy tedioso. Una vez dentro de nuestro portal, aparecerá de una manera muy simple y visual todos nuestros datos, documentos, trámites posibles según nuestro perfil, asistencia online y una ventana para facilitar la modificación de datos de una manera más simple. Además, se mostrará una pestaña con preguntas frecuentes relacionadas con el perfil del usuario.
• Buscador: El nuevo buscador tiene la finalidad de facilitar al usuario encontrar lo que busca. En este aparecerán una serie de filtros que permitirán acotar los resultados mostrados. Además, los resultados se mostrarán de una manera más simple, con un titulo breve, descripción optimizada y la fecha de publicación/actualización.

Además, también diseñé una nueva página de error 404. Con esta incorporación, lo que buscamos es ofrecerle alguna alternativa de búsqueda al usuario cuando la página que busca no existe o ya no está disponible.

Gracias a esta nueva página, el usuario tendrá dos opciones: volver a la pantalla de inicio o bien, realizar una consulta específica a través del buscador.

SISTEMA DE DISEÑO

Para garantizar un diseño lo más optimo posible, utilicé el sistema de diseño de Atomic Design. Este método de diseñar sitios web consiste en comenzar el diseño desde lo más pequeño (átomos), agrupándolos (moléculas), hasta llegar al diseño final. Gracias a este sistema podremos modificar los elementos de manera más flexible, rápida y precisa.

En el siguiente enlace podrás ver mi diseño realizado en Figma.

Para empezar realizamos los átomos, donde disponemos cada elemento de manera independiente. Todos estos elementos están componetizados, y cualquier alteración que se realice sobre estos, modificará todos los componentes hijos que se hayan aplicado en el diseño.

Estos elementos se agrupan formado moléculas, las cuales representan un conjunto de elementos que los cuales van a estar siempre dispuestos de la misma manera. Al crear componentes en grupo, con sus respectivas variantes (variants), nos aseguramos que estas agrupaciones tengan siempre las mismas propiedades y, así, conseguir un diseño homogéneo.

Por último, establecí un estilo que deberá seguir el diseño de todas las páginas de que contenga la web. Por un lado establecí los colores, diferenciándolos entre primarios (de mayor importancia), secundarios y colores neutros.

También consideré necesario establecer la tipografía según la jerarquía del texto pertinente. Gracias a esto, garantizamos que la web tenga la misma consistencia entre las diferentes páginas, además de facilitarle el trabajo al equipo de desarrollo.

Por último, utilicé el sistema de diseño de Bootstrap, con una grid de 12 columnas, width de 65 y un gutter de 30. Este sistema nos ayuda en la disposición del contenido y su adaptación a diferentes dispositivos (responsive).

¿CÓMO PODRÍAMOS MEJORAR?

Ahora que ya hemos visto todo el proceso hasta llegar a la propuesta final del diseño, planteé una serie de futuribles que consideré necesarios dada la investigación realizada.

• Mejora de la aplicación móvil. Dado el aumento de búsquedas a través de dispositivos móviles, considero necesaria la actualización de la nueva app, ya que actualmente solo se centra en la Declaración de la Renta y, para otros trámites, te redirige a la web actual.
• Optimización de las búsquedas por voz. Como hemos visto, se estima que las búsquedas podrían llegar a alcanzar el 50% de las búsquedas totales. Por lo tanto, ofrecer una plataforma optimizada a estos nuevos sistemas podría llegar a ser necesaria para garantizar una buena experiencia de los usuarios.
• Despliegue de servicios relacionados con la ubicación. Como futura mejora de la Sede Electrónica, propongo la incorporación de un localizador que te ofrezca los servicios más cercanos. De esa manera, podríamos llegar a mejorar la atención al cliente y la rapidez ofrecida de los servicios.

Así es como concluye mi proceso de diseño. ¡Si te perdiste el artículo donde muestro todo el proceso de investigación no dudes en ir a verlo!

Rediseñando la Agencia Tributaria — RESEARCH (UX)

Si has llegado hasta aquí muchas gracias por leer este post. ¡Espero que te haya gustado a ti tanto como a mi hacerlo! 😊

Siguiendo la metodología Design Thinking

¿Alguna vez has tenido que hacer algún trámite gubernamental online? ¿Cómo te has sentido? ¿Te ha resultado fácil?

Si tu respuesta a las preguntas anteriores es más bien negativa te sientes identificado/a conmigo. Hola, me llamo Marta y en este post te enseñaré como ha sido mi trepidante aventura rediseñando la AGENCIA TRIBUTARIA.

¿POR QUÉ LA AGENCIA TRIBUTARIA?

La pandemia causada por la Covid-19 (Coronavirus) no solo nos trajo sintomatología derivada del propio virus, si no que tuvo un impacto directo en la economía de todas las personas y empresas.

Y llegó el temido momento, la declaración de la renta 2020. A lo largo de mi vida he podido observar que este trámite es, en muchas ocasiones, motivo de grandes dolores de cabeza e incertidumbre y más este año, que entre ERTES, ERES, despidos y un largo etcétera, todo se ha complicado más.

Y ahí es cuando empezó mi intriga hacia esta entidad.

¿Por qué a la gente le resulta tan difícil hacer este trámite? ¿Dónde esta el problema? y lo más importante, ¿cómo podría ayudar yo?

📍 Reto

Rediseñar la web de la Agencia Tributaria para hacerla más accesible para el usuario.

👤 Mi rol

Diseñar y mejorar nuevas experiencias de usuario (UX) y rediseñar la interfaz de usuario del servicio digital y la sede electrónica (UI).

🌈 Metodología

Design Thinking (1 persona; tiempo: 2 semanas)

¡EMPEZAMOS CON LA INVESTIGACIÓN!

Todo proyecto debería empezar con un ¿por qué?, empezar formulando preguntas que nos ayuden a plantearnos posibles problemas y vencer posibles dificultades a la hora de la investigación.

Por ello, vi fundamental comenzar este proyecto formulando una serie de research questions agrupadas en los 3 grandes grupos que intervienen en este organismo: la AEAT, los ciudadanos y las empresas.

Ahora que ya tenemos las research questions es el momento de ponernos manos a la obra con la investigación.

Desk research

Para comenzar esta aventura, investigué diferentes páginas u organismos que desarrollan actualmente funciones parecidas para así, tener una idea general del funcionamiento de cada una de ellas.

• Gov.uk: La página web oficial de Reino Unido se ha considerado como ejemplo de diseño gracias a su propuesta de ofrecer la información de una manera simple, clara y rápida. El punto principal a destacar es que esta web está diseñada en función de los requerimientos de los ciudadanos y no en el modo de operar del estado.
• USA.gov: La página web oficial de EEUU tiene una buena organización del contenido, mostrándola en diferentes menús y categorizándola de mejor manera. La iconografía utilizada y los colores son uniformes, lo que facilita la lectura, jerarquía y búsqueda de los contenidos. Como contras podemos observar algunos fallos de diseño como elección de color en algunos textos (rojo) o, por ejemplo, la iconografía de rrss.
• Vacunacovid.gob.es: Esta web del Gobierno de España para informar sobre la vacunación contra la Covid-19 ofrece una claridad y jerarquía visual mucho más organizada frente a otras páginas oficiales del estado. También utiliza un lenguaje más cercano y comprensible para el ciudadano.

Cuestionarios

Realicé una encuesta a un total de 107 personas, todas ellas mayores de edad.

Este primer acercamiento al usuario me sirvió para conocer diferentes datos relevantes acerca de cómo perciben los usuarios a este organismo y cómo realizan sus gestiones. Entre los datos más destacado encontramos lo siguientes aspectos más destacados:

→ El 60% de los encuestados realiza sus trámites a través de un gestor.

→ El 75% tienen algún certificado digital (DNI electrónico, Cl@ve…)

→ Más del 60% afirman que no entienden la información de la web.

→ Al 55% no le resulta fácil realizar trámites online en la AEAT.

También obtuve una serie de verbatims los cuales me sirvieron de gran ayuda para entender la problemática.

“La web con más información de todos los organismos públicos pero muy desordenada”

“Desactualizado y caótico. Únicamente apto para aquellos que conocen el proceso a seguir”

“Y la web ya no digo que o sea accesible a personas con discapacidad, que tampoco, es que hay que tener un nivel cultural medianamente elevado para entender el texto y no vale con ser un usuario al uso de internet…”

“Prefiero buscar en Google, es más fácil que en la web”

Teniendo en cuenta que en 2019 más de 20 millones de ciudadanos realizó la declaración de la renta, la muestra de población obtenida en las encuestas es muy pequeña por ello tenía que investigar más todavía.

Análisis SEO

Teniendo en cuanta que estamos hablando de uno de los organismos más fuertes del Gobierno de España era totalmente necesario indagar un poco más en el asunto. Por ello, me dispuse a realizar un exhaustivo 🕵️‍ ️análisis SEO.

“El verdadero ingenio está en la capacidad para la evaluación de la información incierta, peligrosa y conflictiva.” — Winston Churchill

La primera herramienta que empleé fue AnswerThePublic, en la cual pude conocer cuales eran las preguntas más frecuentes relacionadas con la AEAT. Las más destacadas que pude observar fueron:

• ¿Cómo hacer la declaración de la renta?
• ¿Cómo obtener el número de referencia?
• ¿Cómo solicitar cita previa?
• Preguntas relacionadas acerca de cómo utilizar los certificados digitales para consultas o trámites online.

La siguiente herramienta que empleé fue Google Trends.

Entre las consultas relacionadas con la Agencia Tributaria más relevantes de este año 2021 fueron:

• Cita previa
• Renta
• Sede electrónica
• Teléfono de contacto

Posteriormente comparé los datos históricos de las búsquedas de Agencia tributaria y de Certificado electrónico.

1. En la primer gráfica podemos observar que el volumen de búsquedas de Agencia Tributaria ha disminuido casi a la mitad desde 2004
2. En la segunda gráfica podemos observar como la búsqueda de Certificado Electrónico ha crecido exponencialmente desde 2016 (creación de estos).

Por ultimo, podemos observar en el mapa cuales son las comunidades donde se busca más el término Agencia Tributaria. Este dato nos podría ser relevante a la hora de potenciar la plataforma en estas comunidades o para reforzar las campañas en las comunidades donde menos se consulta.

Gracias a la herramienta de Similar Web pude observar que el tráfico aumenta considerablemente en el mes de abril, coincidiendo con el incio de la campaña de la declaración de la renta.

Otros datos muy importantes que observamos son:

• Tasa rebote: Este dato nos indica el porcentaje de usuarios que entran en la web y salen sin navegar a través de ella. Con un valor cerca del 45% podemos decir que es un número muy elevado y podemos intuir que muchas personas, al entrar en esta página, salen para buscar en otras páginas más sencillas de entender.
• Páginas visitadas: De las personas que sí que continúan dentro de la web, se estima que navegan por una media de 3 páginas.
• Número de visitas: Se estima que más de 23 millones de personas visitan la web, por lo tanto el público al que nos dirigimos es muy elevado.
• Duración en la web: Entre las personas que sí continúan dentro de la web se estima que pasan una media de 5 minutos dentro de ella. Teniendo en cuanta la complejidad de los trámites propios de este organismo se podría decir que el tiempo es bastante escaso.

Por último empleé la herramienta de Ubbersugest, la cual nos ayuda a obtener diferentes datos a través de palabras clave.

Segmenté la búsqueda de las palabras clave predominantes, las cuales atraen el mayor número de búsquedas.

Podemos observar que el rango de edad que busca la Agencia tributaria está comprendida entre los 18 y 44 años mayoritariamente.

Sin embargo, las personas que buscan Sede Electrónica tienen unas edades comprendidas entre 35 y 44 años mayoritariamente, seguidas del rango comprendido entre 25 y 34 años. Podemos intuir que estos son los perfiles que más abundan ya que la actividad laboral entre estas edades es más activas y, además los usuarios tienen mayores conocimientos informáticos generalmente frente a personas de edades más avanzadas.

Por último, en la última búsqueda, observamos que las personas que más buscan Cita previa son las que tienen edades comprendidas entre 35 y 44 años. Comparándola con la gráfica anterior podemos intuir que estas personas tienen menos habilidades informáticas que el rango más joven o bien que prefieren hacer mas tramites presenciales. También vemos que las siguientes edades con mas búsquedas tienen entre 18 y 24 años, lo que podría coincidir con las edades en las que se empieza en el mundo laboral.

Todos estos datos fueron clave para averiguar los insights con sus posibles soluciones.

Análisis de la Web actual

Ahora que ya tenemos los datos es hora de ir a la fuente principal del problema. ¿Qué es lo que está pasando?

Como unos de lo motivos más grandes de queja es que la información es muy caótica, me dispuse a realizar un esquema con la arquitectura de la web actual para así, entender cómo está distribuida. Para ello, utilicé la herramienta de Octopus.do.

Gracias a este esquema pude observar que la información está orientada según 4 grandes grupos y la opción de sede electrónica, la cual es el portal personal de los ciudadanos desde donde pueden hacer sus trámites.

Después de ello, consideré relevante averiguar cómo había evolucionado la web desde la creación de esta gracias a la herramienta de Wayback Machine.

Como podemos ver en las pantallas anteriores la evolución de la web de la Agencia tributaria, la evolución desde 2010 es muy escasa. Lo único que cambia es el incremento de información y de accesos, lo que puede resultar un gran pain point para la experiencia del usuario. Recordemos que muchas veces ¡Menos es más!

Visto el panorama, la escasa actualización y las constantes quejas por partes de los usuarios, realicé un análisis heurístico con los principales fallos que encontré. Para ello utilicé la herramienta de AirTable.

→ En el siguiente enlace podrá ver con mayor detalle el análisis heurístico:

User persona y viaje de usuario

¡Vuelta a la realidad! Los datos son muy importantes, pero no tenemos que olvidar que todo esto pretende mejorar la experiencia del usuario.

Por ello y para centrar el proyecto en los usuarios finales, realicé dos user persona que representan a nuestro usuario ideal con su respectivo viaje de usuario.

Como proto-persona tenemos 2 supuestos:

• Marcos, 26 años. Tiene que realizar su primera declaración de la renta.
• Silvia, 37 años. Abogada que quiere quiere darse de alta como autónoma.

Gracias a realizar esta técnica, podemos imaginar cuales serían los pain ponts de nuestros usuarios y así, proponer diferentes soluciones.

Así es como concluye mi proceso de investigación. ¿Quieres ver cuál fue mi propuesta de diseño? En el siguiente artículo te mostraré mas acerca de mi solución propuesta y de cómo desarrolle toda la interfaz (UI).

Rediseñando la Agencia Tributaria — VISUAL(UI)

Si has llegado hasta aquí muchas gracias por leer este post. ¡Espero que te haya gustado a ti tanto como a mi hacerlo! 😊

Mascotas, esos pequeños animalillos que nos hacen tanta compañía, nos dan amor y que son considerados uno más de la familia.

En las últimas décadas cada vez son más las familias que se lanzan a la aventura de adoptar una mascota pero, ¿realmente sabemos qué supone tener una mascota?

Por desgracia no es todo oro lo que reluce. Varios estudios han mostrado que, a pesar de que la tasa de adopciones aumentaba especialmente en épocas festivas, como navidad y cumpleaños, los abandonos siguen siendo un gran problema.

Afortunadamente, hoy en día existen diferentes maneras de frenar este fatídico número y aquí te traemos una posible solución. ¿Listo para conocerla?

La grandeza de una nación y su progreso moral puede ser juzgado por la forma en que sus animales son tratados. (Mahatma Gandhi)

LAS RAICES DEL PROYECTO

El reto

Empecemos por el principio. Para este proyecto se nos propuso el tema de “¿Cómo podemos contribuir con la tecnología a aumentar la empatía con los animales?”.

Formamos un equipo de 5 personas, los cuales teníamos la finalidad de plantear una idea innovadora, apoyándonos de la metodología Design Sprint, la cual consiste en idear, prototipar y validar un producto en tan solo 5 días.

Día 1 - ¡Empezamos!

Después de formar los grupos, comenzamos exponiendo cada uno diferentes cuestiones acerca de qué podrá hacer el usuario (Sprint Questions). Algunas de ellas fueron:

• ¿Podrá el usuario tener facilidades para ayudar económicamente a alguna organización que ayuda a los animales?
• ¿Podrá el usuario saber qué implica tener una mascota?
• ¿Podrá el usuario aplicar esta tecnología en un lugar concreto?

Gracias a esas preguntas que nos hicimos tocó ponernos manos a masa. En esta ocasión tuvimos que convertir las Sprint Questions en preguntas que llevasen a una solución (How Might We).

• ¿Cómo podríamos hacer que el usuario apadrine u adopte a un animal?
• ¿Cómo podríamos hacer para que el usuario sepa lo que implica tener una mascota?
• ¿Cómo podría el usuario aplicar esta tecnología en una geolocalización concreta?

Para que la idea tenga una aplicación real, siempre deberá tenerse en cuenta el público o los usuarios a los que va dirigida. Para ello, fijamos nuestro punto de mira en un proto-persona que creamos. Después, determinamos un camino o historia donde pudiese servir de ayuda nuestro futuro producto.

Para finalizar este primer día caótico, concluimos determinando cuál sería el tema final, el cual fue: ¿Cómo podríamos hacer para que el usuario sepa lo que implica tener una mascota?.

Día 2 - ¡Manos a la obra!

Comenzamos el segundo día con las pilas bien cargadas y con mil ideas en la cabeza, así que era hora de ponerlas sobre el papel.

¿Y cómo empezamos? No hay mejor manera de empezar que empapándose de inspiración. Para ello, buscamos diferentes diseños de webs y apps que nos pudieran orientar sobre qué funcionalidades tendría nuestro prototipo y finalmente trasladamos todas esas ideas a Invision.

Una vez que ya tuvimos una idea llegó la locura. Lápiz, papel, goma… ¡y a dibujar!

Para definir cada vez más la idea, realizamos diferentes procesos:

1. Tomar notas: Para ello es necesario volver a las Spring Questions y HMW, y así extraer todas las ideas posibles.
2. Recoger ideas: De forma individual, realizaremos unos bocetos de baja fidelidad donde se plasmen algunas ideas iniciales.
3. Crazy 8: Doblando un folio en ocho partes, esbozamos una pantalla o funcionalidad en cada sección. Para cada dibujo contamos con 1 minuto, por lo que es una auténtica locura.
4. Boceto final/Wireframe: Para terminar, esbozamos un prototipo a baja fidelidad donde se refleje la identidad de la idea.

Día 3 - Museo de arte

Una vez que hicimos nuestros Wireframes con la idea de cómo desarrollar el reto propuesto, se interpretó lo representado para ver si coincidía con la idea inicial y saber si se entienden bien.

Votamos los dos prototipos que más se adaptaban al reto propuesto. Una vez elegido es hora de volver al principio. ¿CÓMO?

Si, como buen Design Sprint no podíamos olvidarnos del usuario final. Así que para contextualizar la idea, realizamos un storyboard donde mostrábamos a nuestro proto-persona en un supuesto de historia real donde podría introducirse nuestro producto.

LA PARTE VISUAL DEL PROYECTO

Día 4 - ¡Toca diseñar!

Es hora de trasladar toda esa nube de ideas a nuestro programa de diseño, en este caso Figma. Eso sí, en este momento cada miembro de manera individual.

Para mi proyecto decidí diseñar una App donde el usuario tuviera un fácil acceso a información fiable, que agrupe todo tipo de aspectos importantes a la hora de cuidar a un animal y, a su vez, sea una manera de aprender divertida, sencilla e interactiva.

Así nació Pets Learning, la aplicación móvil donde puedes encontrar toda la información necesaria para cuidar a una mascota, donde te puedes divertir y dónde puedes compartir y conocer con otros miembros de la comunidad.

La funcionalidad principal de esta aplicación es aprender, a través de diferentes lecciones, los aspectos fundamentales para el cuidado de la mascota.

Al iniciar sesión, aparecerá el menú principal donde podremos elegir el animal sobre el cual queremos aprender. Al hacer tap encima del animal, nos llevará a un menú de lecciones que deberemos desbloquear por fases.

Otra funcionalidad que tiene la aplicación (a la izquierda del navigation menu) es la comunidad. En esta sección podremos estar al día de todas las noticas y actualidades y tendremos acceso a un foro, donde podremos comprartir y preguntar a otros usuarios de la aplicación.

Por último (a la derecha del navigation menu), aparecerá el perfil del usuario donde se podrá insertar una foto de perfil, consultar los elementos y lecciones guardadas y cambiar la configuración.

LOS FRUTOS DEL PROYECTO

Día 5— El testing

Una vez finalizado todo el prototipo fue el momento de ponerlo en práctica. ¿Cómo lo hice?

Para ello conté con la participación de 5 usuarios de diferentes perfiles, que no habían visto anteriormente la aplicación.

Para saber un poquito más sobre ellos, les realice una serie de preguntas generales como nombre, edad y ocupación actual. Después, les realicé preguntas más específicas para saber si la aplicación sería útil para ellos. Estas preguntas fueron:

• ¿Has tenido/tienes alguna mascota?
• ¿Te gustaría adoptar una mascota?
• ¿Crees que sabes suficiente sobre animales?
• ¿Has utilizado anteriormente alguna aplicación de aprendizaje? (cocina, idiomas, ejercicio…)

Una vez ya tuve más conocimiento sobre los usuarios les mostré la aplicación y les pedí que navegaran a través de ella mientras comentaban aspectos que les parecían importantes, que no les gustaban o que no entendían.

Los resultados

Gracias a probar la aplicación en usuarios reales, puede comprobar tanto los aspectos positivos como negativos que, en caso de terminar desarrollando la aplicación con todas sus funcionalidades, serían puntos muy importantes a tener en cuenta para sacarle el mayor potencial a la aplicación.

Entre los aspectos positivos los usuarios coincidieron en:

• La navegación a través de la aplicación es muy sencilla e intuitiva.
• La curva de aprendizaje es rápida ya que las lecciones son muy sencillas de entender.
• El refuerzo positivo del sistema de recompensas al terminar cada lección, incita a seguir navegando por la app.
• La posibilidad de compartir con otras personas a través del foro gusta mucho a los usuarios.

Por otro lado, también destacaron una serie de aspectos negativos o que se podrían mejorar:

• El tamaño de la letra de ciertos apartados es un poco pequeño.
• En el menú principal podría aparecer el nombre de cada animal para que sea más sencillo diferenciarlos.
• Incluir un pequeño resumen de cada lección para evitar tener que navegar por todos los apartados.

¿Y AHORA QUÉ?

Ahora que ya hemos finalizado todas las etapas del Design Sprint y hemos podido ver, en un periodo muy corto de tiempo, si la aplicación gusta a los usuarios y si puede ser una solución factible para el reto planteado, es hora de dar un pasito más.

Entonces, ¿cómo seguimos?

Para los siguientes procesos es necesario plantearse una serie de futuribles que determinen el rumbo del producto final.

Primero se deberían corregir los fallos encontrados durante el testing. Después se deberían definir otras funcionalidades que se incluirían a futuro como mapa de localización de servicios, tienda o incluso un minijuego de simulación.

¿Qué puede aportar Pets Learning?

Como conclusión final podemos decir que la aplicación es una gran herramienta a la hora de saber lo fundamental de cada mascota y que supone. Al mostrar datos como gastos, necesidades y requerimientos de espacio, el usuario podrá saber de antemano si dispone de todos los recursos necesarios para adoptar una mascota y cual sería la indicada para cada caso.

Se acabó el buscar entre tanta información falsa de Google. Se acabaron las dudas de si sabré cuidar una mascota. Se acabaron los abandonos. ¡Pets Learning es la solución!

Utilizando la metodología Design Thinking

¡Hola a todos! Os traigo el primer proyecto propuesto para el precurso de UX/UI design de Neoland.

¿CUÁL ES EL PROBLEMA?

En esta ocasión trabajamos con Ana Cuevas, responsable de transformación digital del grupo Inditex. La finalidad de este proyecto es mejorar la experiencia del usuario de las tiendas físicas.

Se ha observado, según varios estudios, que la mayoría de las personas que pasan por el probador no vuelven cuando alguna prenda no es de la talla correcta y, por lo tanto, descartan el producto antes de probarse otra talla.

Con este proyecto buscamos una solución que facilite la compra a los usuarios que visitan las tiendas de Zara y a su vez, incrementar el número de ventas.

¿QUÉ PIENSAN SUS COMPRADORES?

Para entender el problema real, realizamos una encuesta a diferentes usuarios acerca del problema plantado.

Para ello, he utilizado la plataforma de Google Forms, ya que es una aplicación muy sencilla e intuitiva para hacer este tipo de encuestas.

Enlace → https://forms.gle/SGos1H5BdK5queev6

La encuesta la realizaron un total de 21 personas, de las cuales un 13 fueron mujeres y 8 hombres, con unas edades comprendidas entre 18 y + de 55 años.

¿CÓMO PODEMOS SOLUCIONARLO?

Como hemos observado en la encuesta anterior, un gran número de personas que pasan por los probadores no está del todo satisfecha con la experiencia y muchas veces dejan de comprar ciertas prendas por no tener que volver.

Después se sopesar varias opciones, finalmente he decidido diseñar una aplicación que no solo mejoraría la experiencia dentro de los probadores, si no que ademas incrementaria las ventas, agilizaría el proceso reduciendo tiempos de espera, incluso podría servir para recopilar datos y para aplicarlos al crecimiento y desarrollo de la marca.

PROTOTIPO

Para este proyecto, será fundamental la utilización del sistema RFID (identificación por radiofrecuencia) que se emplea en el grupo Inditex. Gracias a la utilización de este sistema, los datos de cada prenda están codificados en la alarma, la cual nos informa del modelo, calidad, color y talla de la prenda (SKU).

El proceso que se seguirá cuando el usuario llegue a los probadores será el siguiente:

1. Escaneo de los productos: Cuando el usuario llegue a la zona de probadores, el personal que esté en la zona se encargará de escanear las alarmas de cada prenda.
2. Asignación del probador: Al registrar cada una de las prendas se le asignará un número de probador. Dentro de este, habrá una pantalla digital o “tablet” en la cual aparecerán las prendas que a escogido con sus respectivas especificaciones gracias al sistema RFID.
3. Interacción con la tablet: El sistema que aparecerá en las pantallas de los probadores será muy simple e intuitivo, similar al carrito de la compra en las compras online.

— En esta aparecerá la foto del artículo, con su nombre, la talla y el color.

— Si se modifica tanto la talla como el color, se podrá solicitar que alguien del personal de tienda te lleve al probador la prenda con las nuevas especificaciones señaladas, por si no estuviera el usuario conforme con el color y la talla.

— A continuación de cada producto, en la parte lateral derecha, aparecerá un tick verde ✅ para las prendas que si van a comprar, y una equis en rojo ❌ para las prendas que descartan.

4. Encuesta de valoración: Al seleccionar el botón de “Finalizar compra”, aparecerá un mensaje recordando recoger el código QR que se imprime en un pequeño dispositivo dentro del probador. También aparecerá una pequeña encuesta de valoración rápida que se basará en una evaluación a través de caras.

5. Impresión y recogida del código QR:Una vez el usuario haya terminado de probarse todas las prendas, se imprimirá automáticamente un QR con los datos de las prendas con el que tendrán que ir a caja para pagar.

6. Ir a caja: Gracias a este código, el pago se realizará más rápido ya que, al estar las prendas ya restadas, solo será necesaria una rápida confirmación de que todo esté correcto mientras se desalarman las prendas.

CONCLUSIÓN

Gracias a la implementación de esta tecnología podremos sacar varias conclusiones y beneficios al respecto.

Los usuarios tendrán la opción de solicitar un cambio de talla/color desde el mismo probador, lo que supondrá un ahorro de tiempo para aquellas personas que salen del probador para buscar una nueva prenda, y al mismo tiempo, aquellas que descartan la prenda o la compran luego por internet, tendrán la opción de probarse otra prenda con mayor comodidad, lo que podría suponer un incremento del % de ventas.

Otra de las ventajas que supondría sería la mejora de la satisfacción del cliente respecto al personal de tienda. Como hemos podido observar en la encuesta, el 40% de los usuarios valoró con un 3 al personal encargado de los probadores en una escala del 1 al 5. Con este sistema, el cliente podrá sentir un trato más personalizado e individual por parte del personal, lo cual se vería reflejado positivamente en la experiencia y satisfacción global de la compra.

La implementación de los códigos Qr supondrá una agilización del proceso al pasar por caja, lo cual supondría una reducción del tiempo de espera a la hora de pagar.

La opinión final del cliente es muy importante para el crecimeinto de la firma, por ello, al realizar la breve encuesta de valoración dentro de los probadores, el usuario será participe en todo momento y sentirá no solo un trato más personalizado, si no que su opinión importa para la marca y para seguir mejorando.

Al darle una nueva utilidad al sistema RFID antes de que el usuario pase al probador, la tienda podrá evitar una gran cantidad de robos que suceden dentro de estos mismos ya que estarán registrados todos los productos antes de que la persona entre en el probador previamente asignado.

Finalmente, gracias a la conectividad IoT se podrán recopilar una multitud de datos de gran valor. Posteriormente, mediante su modelado podrán ser utilizarlos para el Business Intelligence y la Analítica Predictiva, obteniendo así informes y herramientas muy precisas para seguir creciendo e innovando cada día.