Diseño UX/UI: introducción al mundo de las experiencias digitales.

Sabemos que hoy, en la segunda década del siglo XXI, la interacción con productos y servicios se desarrolla principalmente a través de pantallas. Es por ello que el diseño UX/UI se convirtió en una disciplina fundamental para crear experiencias significativas para los usuarios.

¿Qué es el diseño UX/UI?

El término UX/UI proviene de la unión de dos conceptos estrechamente relacionados:

Se refiere al proceso de diseño centrado en el usuario, que busca comprender sus necesidades, expectativas y comportamientos para crear productos digitales que sean fáciles de usar, útiles y satisfactorios. Un buen diseño UX se enfoca en crear una experiencia fluida y positiva para el usuario en cada interacción con el producto.

Se refiere a los elementos visuales y interactivos que componen un producto digital, como la disposición de los elementos en la pantalla, los colores, la tipografía y las opciones de navegación. Un buen diseño UI debe ser estéticamente atractivo, intuitivo y fácil de entender, para que los usuarios puedan encontrar lo que buscan y realizar las tareas deseadas sin problemas.

En conjunto, el diseño UX y UI trabajan en sinergia para crear productos digitales que sean funcionales y agradables de usar, ambas cualidades a la vez. Un diseño UX/UI bien pensado puede tener un impacto significativo en el éxito de un producto, ya que puede aumentar la satisfacción del usuario, la lealtad a la marca y las conversiones (así como también disminuirlas).

¿Por qué es tan importante?

Las razones por las que el diseño UX/UI es crucial son diversas, pero estas son las que consideramos más importantes ⬇️

¿Cómo es el proceso?

El proceso de diseño UX/UI generalmente implica los siguientes pasos:

  1. Investigación: es fundamental comprender las necesidades, expectativas y comportamientos de los usuarios. Esto se puede lograr a través de encuestas, entrevistas, pruebas de usabilidad y otras técnicas de investigación.
  2. Definición: se definen los objetivos del producto y las características que necesita para cumplir con las necesidades de los usuarios.
  3. Diseño: se crean prototipos y maquetas para visualizar la interfaz de usuario y la experiencia del usuario.
  4. Pruebas: se realizan pruebas de usabilidad con usuarios reales para identificar problemas y áreas de mejora.
  5. Iteración: se realizan ajustes y mejoras en el diseño en base a los resultados de las pruebas.
  6. Lanzamiento: se lanza el producto al mercado.
  7. Monitoreo y análisis: se monitorea el uso del producto y se realizan análisis para identificar oportunidades de mejora continua.

Un campo en constante evolución.

El diseño UX/UI no es estático ni monótono, sino que está en permanente evolución. A medida que surgen nuevas tecnologías, cambian los comportamientos de los usuarios y las necesidades del mercado, y con ellos, los diseñadores UX/UI deben adaptarse y estar a la vanguardia de las tendencias para crear productos digitales que vayan “a tono” con estas transformaciones.

¿Te sirvió esta información? Seguinos en nuestras redes sociales para estar siempre al tanto de las últimas tendencias😎⬇️

Facebook | Instagram | LinkedIn | TikTok

#UX #UI #diseñoUXUI #experienciadeusuario #webs

Feliz Navi-Lab: ¿cómo cierra el año una empresa 100% home office?

Lab9 Digital Agency
(Foto) Parte del equipo de Lab9 en el evento de fin de año. Foto: Julieta Suárez.

La primera semana del año siempre llama a la reflexión. Nos preguntamos qué hicimos durante el año anterior, qué metas, qué objetivos se cumplieron y cuáles no: ¿por qué no se cumplieron? ¿qué tengo que corregir? ¿tengo este año los mismos propósitos que antes?

Si indagamos sobre estas cuestiones en el ámbito personal, podríamos decir que son preguntas retóricas: por lo general, no tienen una única respuesta y mucho menos una clara. Muchas veces nos las hacemos sin rondar mucho en el tema.

Sin embargo, si de trabajo y proyectos hablamos, es fundamental, casi de vital importancia diría, que, en primer lugar reflexionemos, y en segundo lugar, que esa reflexión tenga las respuestas necesarias para que el rumbo de todo el equipo tenga un sentido.

Cómo es trabajar en un contexto virtual.

Como todo en la vida, las empresas 100% en remoto, como nosotros, tienen sus pros y contras. Y aunque no vamos a hablar precisamente de ventajas y desventajas -por lo menos en este post-, si nos parece importante desmitificar las dificultades que todo aquel que no trabaja en una empresa de este estilo, cree que tenemos.

En primer lugar, y probablemente sea la “leyenda” más grande acerca del trabajo remoto, es que esta modalidad aísla y no fomenta el trabajo en equipo. Las opiniones son divididas, pero nosotros, Lab9, como empresa 100% remota podemos decir con total seguridad que esto es FALSO.

Está de más decir que la virtualidad lógicamente exige otra organización a la tradicional presencial. Los tiempos, las metodologías de trabajo, los objetivos, entre otras cosas, no van -ni pueden- ser los mismos.

Desde su casa, en su escritorio, cada uno con su café en la mano, trabaja de forma individual, sí. Cada uno tiene sus tareas y obligaciones específicas, pero eso no significa que trabaja solo. Bajamos a la realidad este párrafo a través de un ejemplo: el community manager trabaja en conjunto con un diseñador gráfico y ambas funcionalidades dependen una de la otra (sin contenido no hay placas y sin placas no hay contenido).

Lab9 Digital Agency
(Imagen) Reunión mensual “All Hands” del equipo de Lab9.

Sin darle más vueltas, con esto queremos decir que aún en la virtualidad, se trabaja en equipo. En nuestro caso, varios equipos: equipo de marketing, equipo de desarrollo y equipo de diseño. Todos, a su vez, forman parte de un equipo más grande, que es Lab9. 

La división de equipos, lejos de crear fronteras entre las distintas especialidades, llama a una doble reflexión: sobre el sub-equipo en donde estoy, y sobre EL equipo. Y aunque no lo creas, es algo así como una relación de dependencia entre ambos. Lo que hago o no hago en mi área, inevitablemente tiene el “efecto mariposa” sobre la totalidad del grupo.

Reflexión online.

Entonces… ¿cómo se dan esos espacios de reflexión bajo este contexto? 

Aunque la introspección espontánea no es imposible, probablemente cueste. En medio de la aceleración y velocidad que acarrean los tiempos laborales en la actualidad, se torna difícil tomar una pausa para pensar atenta y detenidamente sobre nuestro desempeño. Es por esto, que los líderes de la empresa deben fomentar estos espacios, tanto de forma colectiva como individual.

¿Cómo lo hizo y lo hace Lab9?

Mensualmente nos juntamos en grupo. Elegimos algún barcito lindo, una actividad copada en equipo y usamos por lo menos un viernes de cada mes para pasarla bien todos juntos. Todos estos encuentros lógicamente tienen su reflexión implícita. Implícita porque no nos juntamos para hablar de trabajo, pero en la informalidad, del trabajo se aprende mucho.


Hace poco fue la juntada de fin de año y quisimos llevar esto a otro nivel. Nuestra jornada comenzó temprano en una finca de la provincia. La mayoría, a excepción de los organizadores, iban con muchas expectativas porque prometieron sorpresas a más no poder. Más allá de la comida rica y los regalos, el centro del encuentro fueron los juegos organizados por Xynergia, una empresa que desarrolla experiencias de team building outdoors para empresas (valga la redundancia).

Lab9 Digital Agency
(Foto) El equipo de Lab9 con los encargados de Xynergia al momento de explicar las actividades. Foto: Julieta Suárez.
Lab9 Digital Agency
(Foto) Campo de la finca en donde se realizaron las actividades. Foto: Javier Cirnigliaro.
Lab9 Digital Agency
(Foto) Actividad número 5: "campo minado". Sector del equipo rojo. Foto: Alejandro Jatib.
Muchas empresas deciden dedicarle uno o más días a actividades fuera del espacio de trabajo, es lo que se conoce como team building. Gracias a estos encuentros entre los trabajadores, se pueden conseguir muchas ventajas en el plano empresarial.

El team building hace referencia a la construcción de un equipo de alto rendimiento. Cuando hablamos de outdoor, estamos indicando que una determinada actividad se lleva a cabo al aire libre.

Al final de las prácticas programadas, se pretende que todo el equipo de trabajo haya convivido y liberado cierto estrés para regresar a sus labores con un mejor ánimo.

Definición de team building outdoors por www.elolivar.es

En nuestro caso, la jornada consistió en una competencia de 6 desafíos, separados en 2 equipos. Cada juego exigía la práctica de diferentes habilidades: coordinación, velocidad, fuerza, precisión y creatividad. La idea central de las actividades era trabajar en equipo, -ganar, obvio-, pero lo más importante era la reflexión al terminarlas. Siempre la pregunta rondaba en: ¿Cómo se sintieron? ¿Qué piensan que se puso en práctica?

Lab9 Digital Agency
(Foto) El equipo rojo, formado por integrantes del equipo de marketing, desarrollo y diseño. Foto: Javier Cirnigliaro.
Lab9 Digital Agency
(Foto) El equipo azul, formado por integrantes del equipo de diseño, desarrollo y comercial.

Este tipo de actividades no solo “libera el estrés” tal y como dice la definición, sino que abre ese espacio de reflexión del que hablábamos al principio. A través del juego, se manifiestan algunas falencias y fallas como equipo que deberán ser corregidas y charladas durante la marcha, básicamente si queremos ganar.

Esto mismo se puede replicar al espacio de trabajo. Espacio en donde constantemente se presentan obstáculos que requieren de reorganizaciones y resoluciones sobre la marcha para conseguir el mejor resultado posible.

Sin dudas, una experiencia muy positiva para todo el grupo, que abrió un espacio de diálogo y reflexión ideal para comenzar el año con la mente puesta en nuevos y mejores objetivos tanto personales como colectivos.

Lab9 Digital Agency

Te dejamos nuestras redes sociales para que puedas conocer un poco más sobre nosotros😉

Facebook | Instagram | LinkedIn | TikTok

El social gaming marketing como estrategia de fidelización de usuarios.

Sabemos que el marketing nos atraviesa en todos los aspectos de la vida, y uno de ellos, que es del que nos interesa hablar hoy, es en el mundo de los videojuegos.

Si estás leyendo esto, seguramente te acordás de los inicios de la pandemia, allá por el 2020, en donde la situación sanitaria del mundo exigía que nos quedemos en nuestras casas, sin poder concurrir a nuestros lugares habituales de socialización. Fue en ese momento en donde los videos irrumpieron con mayor fuerza en la vida de cada uno de nosotros como un nuevo espacio para interactuar con nuestros amigos e incluso con personas del otro lado del mundo.

Con esta pequeña intro, estamos en condiciones de comenzar de lleno con lo que nos interesa: 

¿Qué es el social gaming marketing?

Como su nombre lo indica, es un método que consiste en aplicar mecanismos propios de los videojuegos en marketing. También llamado “gamificación”, esta estrategia les permite a las empresas interactuar con su audiencia de una manera más cercana y divertida. Producto de esa interacción, las marcas son capaces de ampliar su base de datos y conseguir mucha más información de sus clientes y potenciales clientes.

La ventaja principal del SGM radica en la posibilidad de acercarse a la audiencia de forma atractiva, original y menos invasiva. Es literalmente como un “tipo” alternativo de publicidad, donde el usuario disfruta de tu presencia en vez de renegar por la aparición de una promoción invasiva.

Ahora seguro te estás preguntando:

¿Cómo se aplica?

Existen 4 formas de aplicar el SGM en tu empresa:

  1. Creando apps exclusivas de la empresa con un videojuego propio.
  2. Insertando publicidad directamente en el juego, colocándolo como un elemento dentro de él. Un ejemplo de esto fue McDonald’s teniendo una granja dentro del juego FarmVille de Facebook.
  3. Vendiendo artículos y/o servicios importantes para el desarrollo del juego.
  4. Integrando los juegos dentro de la web. Esta opción tiene muchísimas ventajas para la marca, principalmente posicionamiento e interacción.

Pero, ¿cuáles son sus beneficios?

El mundo digital se transforma todo el tiempo, casi en un abrir y cerrar de ojos, dando lugar a alternativas muy interesantes que ayudan a las marcas a ganar visibilidad y conectar con nuevas oportunidades de crecimiento. A su lado, las audiencias se adaptan a estas transformaciones repentinas, dando lugar a otras necesidades y exigencias que nosotros como empresas debemos cumplir.

Lab9 Digital Agency
Lab9 Digital Agency
"Surfeando las Olas": juego creado por Lab9 para recopilación de datos de usuarios.

Y a vos, ¿qué te pareció esta info? ¿Conocías el Social Gaming Marketing? ¿Lo aplicaste alguna vez?

Si te gustaría incluir los videojuegos en tu próxima estrategia de marketing, contactate con nosotros😉

Instagram | Facebook | LinkedIn | TikTok

Sitios web: la ventana hacia el mundo digital

En la actualidad, los sitios web se han convertido en una herramienta fundamental para toda marca que está pensando en ganar posicionamiento y nuevos consumidores. No sólo proporcionan una presencia en línea sino que también permiten a las empresas conectarse con su audiencia de manera mucho más efectiva. 

A medida que la digitalización fue colmando negocio por negocio, las estrategias de mercadotecnia empezaron a tomar en cuenta esta clase de plataformas como canal de comunicación preponderante. A partir de esto, los sitios web aportan un valor único: representar la figura del “hogar” dentro de la multiplicidad de canales de difusión. Esto es, posicionar a los sitios web como el punto de encuentro de toda la información relacionada a la marca o empresa, allí donde los consumidores tienen a su disposición toda clase de material textual y audiovisual que responda a sus necesidades. 

Imaginando los sitios web como el “hogar digital” de una marca, cada ambiente -o cada submenú-, alojará contenido de valor para clientes y potenciales clientes, además de proporcionar caminos para redirigirse al resto de las plataformas anexadas, tales como redes sociales de la empresa o enlaces para adquirir data extra fuera del propio sitio web.

En Lab9 contamos con numerosos casos de éxito respecto de marcas -del rubro salud, construcción, entretenimiento, corporativo, etc- que eligieron sumar sitios web a su plan de marketing desde cero. Con esto marcas como Sharyco o Showstopper no sólo lograron aumentar el número de visitas -fidelizando consumidores existentes- sino que además obtuvieron mayores niveles de captación de nuevos clientes.

Pensado como un sitio de encuentro y donde los consumidores querrán permanecer, los sitios web por regla, deben contener la totalidad del material de manera ordenada y detallada. Con esta premisa se logra el famoso y popular “todo en uno”, allí donde no haga falta virar hacia enlaces externos para satisfacer los requerimientos y curiosidades de quienes se interesan por nosotros.

Clasificación de los sitios web

Aquí exploremos cuántos tipos de sitios web existen y con qué fin pueden ser utilizados, en virtud de una buena estrategia de marketing. Existen diferentes tipos de sitios web, cada uno con sus características y propósitos específicos. 

A continuación, mencionaremos las clasificaciones más comunes:

  1. Sitios Web Estáticos: los sitios web estáticos son aquellos compuestos principalmente por páginas HTML que muestran información fija, siendo conocidos bajo el nombre de “landings”. Son adecuados para empresas que no necesitan actualizar constantemente su contenido. Estos sitios son simples y económicos de desarrollar, pero carecen de interactividad y personalización.
  1. Sitios Web Dinámicos: los sitios web dinámicos se caracterizan por utilizar bases de datos y permitir la interacción con los usuarios. Son ideales para negocios que desean actualizar su contenido regularmente y ofrecer servicios personalizados. Estos sitios suelen requerir un desarrollo más complejo y un mantenimiento continuo.
  1. Tiendas en Línea: las tiendas en línea, o sitios web de comercio electrónico, son aquellos que permiten a las empresas vender sus productos o servicios en línea. Estos sitios suelen tener catálogos de productos, carritos de compra y sistemas de pago integrados. Son esenciales para empresas que buscan expandir su alcance y aumentar sus ventas.

Beneficios de incorporar sitios web en tu estrategia

Como mencionamos anteriormente, sacar provecho de las nuevas tecnologías para maximizar las oportunidades de captación de leads y oportunidades de venta ágil es una tarea que, como encargado del área de marketing, no debes dejar pasar por alto. No sólo porque vas a colaborar en el crecimiento de tu empresa sino porque además vas a aportar un valor agregado inmensurable dentro de tus públicos estratégicos. 

Por eso es que te presentamos de forma breve y sencilla, los pros que poseen los sitios web como herramienta digital. A continuación:

Un sitio web permite que tu negocio esté disponible en línea las 24 horas del día, los 7 días de la semana. Tus clientes podrán acceder a información relevante sobre tus productos o servicios en cualquier momento, lo que aumenta la conveniencia y la accesibilidad.

Con un sitio web, tu negocio no tiene fronteras geográficas. Puedes llegar a clientes potenciales en todo el mundo, ampliando tu mercado y aumentando las oportunidades de crecimiento. También puedes adaptar tu sitio web a diferentes idiomas para alcanzar audiencias internacionales.

Un sitio web bien diseñado y optimizado para motores de búsqueda puede ser una poderosa herramienta de promoción y marketing. Puedes utilizar estrategias como el SEO (Search Engine Optimization) para mejorar tu visibilidad en los resultados de búsqueda y atraer tráfico relevante a tu sitio. También puedes integrar tus perfiles de redes sociales para promocionar tus productos o servicios.

Los sitios web dinámicos permiten la interacción con los usuarios a través de formularios de contacto, comentarios y chats en vivo. Esto te brinda la oportunidad de establecer un diálogo directo con tus clientes, responder a sus preguntas y recopilar información valiosa que te ayudará a mejorar tus productos y servicios.

Si tu negocio ofrece productos o servicios que pueden venderse en línea, tener un sitio web con una plataforma e-commerce disponible las 24 horas del día es sumamente útil para agilizar los procesos de compra-venta, ofreciendo infinidad de productos desde un solo lugar. Generalmente este tipo de servicios digitales requieren de un mantenimiento periódico para evitar cualquier clase de imprevistos informáticos.

Diseño de interfaz de usuario (UI): los 7 errores más comunes en la web

Nos rodean por doquier y pasan desapercibidas para nosotros. Sea desde nuestro smartphone o laptop, el diseño de interfaz de usuario está especialmente hecho para ser invisiblemente visible…sí, una paradoja con la cual interactuamos todos los días de nuestras vidas. Todo programa de software al que accedemos posee un diseño de interfaz de usuario donde todo está premeditado y tiene un único objetivo: facilitar la usabilidad de una aplicación para que las marcas y sus públicos se encuentren de una forma mucho más amigable.

Cuando parecía que ya no había misterios por descubrir, pues en el mundo de la tecnología y la innovación, son infinitos los temas que quedan por conocer y aprender a resolver. He aquí una breve explicación de lo que es el User Interface (UI) y más abajo ahondaremos un poco sobre cuáles son las situaciones que debemos evitar si queremos conseguir un sitio web optimizado al máximo nivel.

¿Qué es el diseño de interfaz?

El diseño de interfaz o User Interface hace referencia a todos los elementos gráficos que nos ayudan a comunicarnos con un sistema, permitiendo aterrizar una idea central, materializarla y construir los mensajes para la interacción entre un usuario y el ordenador.

Así se genera un sistema, aplicación o programa -que respondiendo a las necesidades del usuario- que transmitirá la información que una empresa o institución necesita acercar a sus clientes. Dicho en otras palabras, se considera diseño de interfaz a los elementos de identificación, navegación, contenidos y acciones que permiten la manipulación de un sitio web o app.

La interfaz de usuario es utilizada mediante un conjunto de objetos, íconos y elementos gráficos. En consecuencia, al momento de diseñar una interfaz es esencial que el experto en diseño UI garantice una interacción fácil e intuitiva, logrando así que el usuario pueda acceder a la información que requiere o ejecutar la acción que necesita de la manera más simple posible. 

Por eso es que el diseño de interfaz sea perfecto, la persona que trabaje con esta clase de tareas debe contar con conocimiento de varias disciplinas, como la psicología, el diseño visual y gráfico, el desarrollo web e ingeniería en sistemas.

En este sentido, desde Lab9 tuvimos la suerte de colaborar conjuntamente con nuestro cliente de “Sharyco”, una app móvil destinada a corporaciones cuyo objetivo es proporcionar una mejora en la relación persona-medio ambiente y fomentar un estilo de vida saludable. Nuestro equipo experto en UI se ocupó de analizar a fondo los perfiles de los stakeholders para luego determinar cuáles serían los elementos gráficos óptimos para garantizar una navegación amigable y rápida. Así se llegó a la definición de un manual de estilos único -paleta cromática, tipografía, pesos tipográficos, marca y más- que permitió lograr avances en cortos lapsos de tiempo a nivel diseño visual.

Errores más comunes de la usabilidad UI en sitios web

  1. Mala estructuración de contenido: es sabido que los negocios siempre están buscando nuevas maneras de publicitar sus servicios en sus aplicaciones o programas, ya sea con una división por secciones o una jerarquía que coincide con la cultura de la marca. El diseño o rediseño de esta estructura informativa debe ser calculada fríamente, puesto que si el usuario no está seguro de dónde tiene que hacer clic para encontrar lo que busca, es muy seguro que termine cerrando el programa o la aplicación.
  1. Un diseño que no es responsive: los dispositivos móviles se convirtieron en una extensión del brazo para la mayoría de nosotros. Por este motivo, todo diseño de interfaz de usuario debe adaptarse al ancho de cada uno de los diversos dispositivos que forman parte del ecosistema digital, a través de un buen responsive. De lo contrario, los usuarios se encontrarán textos demasiado grandes o pequeños, imágenes que ocupan toda la pantalla o bien, botones que no los llevan a ningún lado.
  1. Gestión inadecuada de enlaces internos: esto sucede cuando no se percibe que hay hipervínculos, porque el espacio para hacer click no es suficiente, porque los enlaces están rotos o son incorrectos o incluso porque la web no resalta de forma diferente los enlaces a los que ya se accedió.
  1. Ausencia de mecanismos de búsqueda interna: el tiempo vale oro y nadie gusta de perder demasiado tiempo buscando elementos en una página web, por lo que la falta de atajos es una luz amarilla para quienes desean tener la mejor usabilidad web. Además, la existencia de una barra de búsqueda interna brinda pistas sobre los términos más frecuentes entre las consultas de nuestros clientes, información altamente útil para las estrategias SEO de tu empresa.
  1. URL que no son amigables: una URL amigable es una dirección web que está formada por palabras que informan del contenido de la página web a la que redirigen -se las identifica unidas por guiones en la barra superior de la página-, que ayudan al SEO de una página, haciéndola lucir mucho más profesional, siendo fácilmente recordable.
  1. Inconsistencia funcional en el diseño: los elementos similares deben realizar acciones similares. Es una clase de ley dentro de la usabilidad. Esto permite que el usuario se familiarice con un elemento y repita la acción con dicho elemento en diferentes partes de la aplicación o sitio, acudiendo a la intuitividad.
  1. No marcar el camino: en páginas con varias secciones o subsecciones, los usuarios corren el riesgo de perderse, levante la mano al que no le pasó esto. Para evitar esto se pueden emplear los “breadcrumbs”, que sirven como indicativo de la ruta que debe seguir el usuario para llegar de nuevo a la página de la web en la que está. Tienen un aspecto similar al siguiente: Inicio > sección> subsección> página que se está consultando.

En el caso de las tiendas virtuales se recomienda situar un indicador del estado de proceso de compra, de manera que el cliente sepa cuántos pasos le quedan por completar.

¿Cómo saber si una web tiene mala usabilidad? 

Si tu sitio web tiene una alta tasa de rebote -porcentaje de usuarios que llegan a la web y se marchan sin visitar ninguna página más-, normalmente combinada con un bajo tiempo de permanencia, es muy probable que se estén cometiendo algunos de los errores citados. 

Por eso es que desde Lab9, trabajando en usabilidad UI y UX, nos focalizamos en soluciones que garanticen los mejores resultados a corto y largo plazo.

Diseño UX/UI: Áreas de Aplicación

El Diseño de Experiencia de Usuario (UX) y el Diseño de Interfaz de Usuario (UI) son dos disciplinas interrelacionadas que desempeñan un papel fundamental en la creación de productos y servicios digitales exitosos. La combinación de UX/UI busca proporcionar experiencias atractivas, intuitivas y satisfactorias para los usuarios, optimizando la interacción entre el ser humano y la tecnología.

En este artículo, exploraremos las diversas áreas de aplicación del Diseño UX/UI y cómo su integración puede marcar la diferencia en el éxito y la aceptación de un producto o servicio en el mercado actual.

Aplicaciones Móviles

Las aplicaciones móviles han experimentado un crecimiento exponencial en los últimos años, convirtiéndose en una parte esencial de nuestra vida cotidiana. Desde aplicaciones de redes sociales hasta servicios de banca móvil y aplicaciones de entrega de alimentos, el Diseño UX/UI juega un papel crucial en la creación de interfaces fáciles de usar, que brindan una experiencia fluida y atractiva para los usuarios en pantallas pequeñas.

Los diseñadores UX/UI deben comprender las necesidades y preferencias de los usuarios, priorizar la usabilidad y la accesibilidad, y garantizar una navegación sencilla y eficiente para lograr el éxito en este competitivo mercado.

Sitios Web

El diseño de sitios web efectivos es esencial para atraer y retener a los visitantes en línea. Un sitio web bien diseñado debe ser visualmente atractivo, fácil de navegar y proporcionar una experiencia de usuario satisfactoria en diferentes dispositivos y tamaños de pantalla.

El Diseño UX/UI en sitios web implica la organización inteligente del contenido, la creación de flujos de navegación intuitivos, el uso de elementos visuales y gráficos coherentes con la identidad de la marca, y la optimización de la velocidad de carga y el rendimiento.

Plataformas de Comercio Electrónico

En el mundo del comercio electrónico, el Diseño UX/UI es un factor determinante para el éxito de una tienda en línea. Los compradores en línea buscan una experiencia de compra agradable, segura y sin problemas.

Los diseñadores UX/UI deben diseñar interfaces que faciliten la búsqueda de productos, el proceso de pago y la gestión de cuentas de usuario. Además, la presentación atractiva de productos y las estrategias de diseño centradas en la conversión son cruciales para impulsar las ventas y la lealtad del cliente.

Sistemas de Gestión Empresarial (ERP)

Los Sistemas de Gestión Empresarial (ERP) son herramientas fundamentales para la gestión eficiente de procesos internos en las empresas. El Diseño UX/UI en sistemas ERP implica simplificar tareas complejas, proporcionar una navegación clara y facilitar el acceso a información relevante.

Un diseño intuitivo en un ERP permite que los usuarios realicen sus tareas de manera más rápida y precisa, lo que mejora la productividad y reduce la curva de aprendizaje para nuevos empleados.

Aplicaciones de Realidad Virtual (VR) y Realidad Aumentada (AR)

Las aplicaciones de Realidad Virtual y Realidad Aumentada han abierto nuevas fronteras en el diseño de experiencias inmersivas y envolventes. Los diseñadores UX/UI deben abordar desafíos únicos al crear interfaces que funcionen en entornos tridimensionales y brinden una experiencia coherente y envolvente.

El Diseño UX/UI en VR y AR implica considerar factores como la interacción gestual, el mapeo ocular y la capacidad de respuesta en tiempo real para lograr una experiencia inolvidable para los usuarios.

Dispositivos de Internet de las Cosas (IoT)

El Internet de las Cosas (IoT) ha revolucionado la forma en que interactuamos con nuestros dispositivos y entornos. Desde hogares inteligentes hasta dispositivos portátiles, el Diseño UX/UI en dispositivos IoT se enfoca en la integración fluida con el usuario y la comprensión de cómo estos dispositivos se conectan y mejoran nuestras vidas.

Los diseñadores deben tener en cuenta la simplicidad, la seguridad y la cohesión de la experiencia del usuario en un ecosistema interconectado de dispositivos.

Aplicaciones de Software Empresarial

En el ámbito empresarial, el Diseño UX/UI es igualmente relevante para aplicaciones de software utilizadas por empleados y equipos para realizar tareas críticas.

Un diseño centrado en el usuario mejora la eficiencia operativa y la satisfacción de los empleados, lo que puede tener un impacto significativo en la productividad y la retención del talento.

Conclusión

El Diseño UX/UI tiene una amplia gama de aplicaciones en el mundo digital actual. Desde aplicaciones móviles y sitios web hasta sistemas empresariales y dispositivos IoT, su impacto en la experiencia del usuario es innegable.

Un enfoque centrado en el usuario y la creación de interfaces atractivas, intuitivas y funcionales son esenciales para el éxito de cualquier producto o servicio digital. El Diseño UX/UI no solo mejora la satisfacción y fidelidad del usuario, sino que también impulsa la eficiencia operativa, la conversión y el crecimiento empresarial.

En un mundo cada vez más digitalizado y competitivo, invertir en el Diseño UX/UI se ha convertido en un diferenciador clave para las empresas que buscan destacarse y ofrecer experiencias excepcionales a sus usuarios. Al considerar y aplicar el Diseño UX/UI en todas las áreas de desarrollo digital, las empresas pueden crear productos y servicios que cautiven a su audiencia y marquen una diferencia significativa en el mercado actual.

Design system ¿Qué es y por qué debo aplicarlo?

En el mundo del diseño, la creación de productos y servicios innovadores requiere una combinación de creatividad, funcionalidad y coherencia. Aquí es donde entra en juego el Design System (Sistema de Diseño). 

Un Design System es un conjunto de reglas, directrices y componentes que establecen la base para la creación coherente y eficiente de experiencias de usuario. 

En este artículo, hablaremos en detalle qué es un Design System y por qué es fundamental implementarlo en el desarrollo de tus proyectos.

¿Qué es un Design System?

Un sistema de diseño es la única fuente de verdad que agrupa todos los elementos que permitirán a los equipos definir, prototipar y desarrollar un producto. Por lo tanto, un sistema de diseño no es una entrega, sino un conjunto de entregables.

El sistema de diseño es una herramienta colaborativa a la cual pueden acceder todos los integrantes involucrados en un proyecto digital. Está conformada por aquellos componentes que conforman un proyecto: diseños, principios, pautas, arquitectura de la información, códigos y mucho más.

Su objetivo principal es establecer una base sólida y consistente que permita a los diseñadores y desarrolladores trabajar de manera más eficiente y efectiva, al tiempo que mejora la experiencia del usuario.

Importancia de este sistema

Coherencia visual y de marca: 

Un Design System asegura que todos los elementos de diseño, como colores, tipografías, iconos y componentes, mantengan una apariencia y estilo coherentes en todas las aplicaciones y plataformas de la empresa.

Esto ayuda a fortalecer la identidad de marca y proporciona una experiencia unificada a los usuarios.

Ahorro de tiempo y recursos:

Al contar con un conjunto de componentes y directrices predefinidos, los equipos de diseño y desarrollo pueden evitar la recreación de elementos comunes en cada proyecto. 

Esto permite un ahorro significativo de tiempo y recursos, ya que se pueden reutilizar componentes ya probados y optimizados.

Eficiencia en el proceso de diseño:

Al tener un Design System, los diseñadores pueden centrarse más en la innovación y en la solución de problemas complejos, en lugar de dedicar tiempo a decisiones de diseño básicas.

Esto agiliza el proceso de diseño y permite una mayor concentración en la experiencia del usuario.

Consistencia y usabilidad:

Se garantiza que los usuarios se familiaricen rápidamente con la interfaz y la forma en que interactúan con el producto o servicio. La consistencia en la estructura y los patrones de diseño mejora la usabilidad y facilita la navegación, lo que se traduce en una experiencia del usuario más intuitiva y satisfactoria.

¿Que incluye un Design System?

Un Design System incluye varios elementos y componentes que trabajan en conjunto para mantener la coherencia y la eficiencia en el diseño de productos y servicios:

Paleta de colores: Una paleta de colores consistente es esencial para establecer una identidad visual sólida. El Design System proporciona una selección de colores primarios y secundarios, así como combinaciones y reglas para su uso adecuado en diferentes contextos.

Tipografía: Define las fuentes y estilos tipográficos utilizados en la interfaz de usuario. Esto incluye tamaños de fuente, pesos, interlineado y estilos de texto para títulos, párrafos, enlaces, etc. El Design System garantiza la coherencia en la elección y aplicación de tipografías.

Iconografía: Los iconos desempeñan un papel importante en la comunicación visual. Un Design System puede proporcionar una biblioteca de iconos consistentes en términos de estilo, tamaño y representación, lo que facilita su uso y mantenimiento en toda la aplicación.

Componentes de interfaz de usuario: Estos son los elementos de construcción básicos de una interfaz, como botones, formularios, tarjetas, barras de navegación, etc. El Design System define y documenta estos componentes, sus variaciones y su comportamiento interactivo para garantizar la coherencia en su apariencia y funcionalidad.

Rejillas y espaciado: Las rejillas y el espaciado determinan la estructura y la alineación de los elementos en la interfaz. El Design System establece las pautas para la creación de rejillas flexibles y proporciona reglas sobre cómo se debe aplicar el espaciado y el margen entre elementos para lograr una apariencia coherente.

Directrices de interacción: Estas directrices definen cómo los usuarios interactúan con los elementos de la interfaz. Incluyen gestos, animaciones, transiciones y comportamientos de respuesta. El Design System proporciona una guía sobre cómo crear interacciones fluidas y coherentes en toda la aplicación.

Documentación: La documentación es una parte esencial de un Design System. Proporciona información detallada sobre los elementos del sistema, su uso correcto y ejemplos visuales. La documentación ayuda a los diseñadores y desarrolladores a comprender y aplicar correctamente los componentes y las directrices del Design System.

¿Cómo implementar este sistema de manera exitosa?

La implementación de este sistema consiste en los siguientes pasos:

1. Investigación y análisis:

Comprender las necesidades y objetivos de la empresa, así como las expectativas de los usuarios, es crucial para el desarrollo de un Design System efectivo. 

Esto implica realizar investigaciones, entrevistas y análisis de datos para identificar los patrones de diseño más adecuados.

2. Definición de componentes y directrices:
Una vez recopilada la información relevante, se deben definir los componentes y las directrices de diseño. 

Esto incluye la creación de una biblioteca de componentes reutilizables, una guía de estilo y directrices claras sobre la estructura y la interacción del diseño.

3. Documentación y comunicación:

Es fundamental documentar y comunicar el Design System a todos los miembros del equipo de diseño y desarrollo, así como a otros departamentos de la empresa. La documentación debe ser accesible y actualizada constantemente a medida que evoluciona el Design System 

4. Iteración y mejora continua: 

El Design System no es estático; evoluciona con el tiempo. Es importante recopilar comentarios de los usuarios y del equipo de diseño para realizar mejoras continuas en el sistema. 

Esto garantiza que el Design System se mantenga relevante y efectivo a medida que se desarrollan nuevos productos y servicios.

Conclusión

En resumen, un Design System es una herramienta poderosa para garantizar la coherencia, la eficiencia y la calidad en la experiencia del usuario. 

Al establecer reglas claras, directrices de diseño y componentes reutilizables, se logra una mayor consistencia visual y funcional, a la vez que se ahorra tiempo y recursos. 

Implementar un Design System es esencial para las empresas que desean destacarse brindando a los usuarios una experiencia satisfactoria y memorable.

TRD: Cómo potenciar la creatividad y la toma de decisiones

Sabemos que, en general, las reuniones pueden ser muy ineficaces, y en muchos casos, las personas salen de ellas sintiéndose desmotivadas, desalentadas y confundidas.

En la era de la colaboración remota y el trabajo distribuido, las reuniones pueden ser una de las herramientas más valiosas para fomentar la creatividad, identificar problemas y tomar decisiones importantes. Sin embargo, es común encontrarnos atrapados en reuniones ineficientes, donde las ideas se pierden en discusiones interminables y nadie sabe cuál es el siguiente paso.

Aquí es donde entra en juego el framework TRD (Toma rápida de decisiones, adaptado de su versión en inglés “Lightning Decision Jam), esta metodología ha demostrado ser una forma efectiva y rápida de abordar desafíos, generar soluciones y tomar decisiones con resultados tangibles y listos para ser probados en el mercado.

¿Qué es TRD?

Un "framework" o marco de toma de decisiones es una guía o estructura que ayuda a las personas y organizaciones a abordar situaciones complejas y tomar decisiones informadas. Estos marcos suelen estar diseñados para facilitar el proceso de toma de decisiones al proporcionar pasos claros y metodologías probadas para considerar múltiples factores, opciones y riesgos.

En el contexto de una "toma rápida de decisiones", el marco está diseñado para agilizar el proceso y permitir que las decisiones se tomen de manera oportuna sin sacrificar la calidad o la eficacia.

¿Para qué usamos TRD?

TRD se utiliza como un enfoque efectivo para abordar problemas, generar soluciones y tomar decisiones rápidas y colaborativas en un corto período de tiempo. Este marco ha sido diseñado con el objetivo de reemplazar reuniones ineficientes y promover un proceso ágil y enfocado para identificar y resolver problemas con resultados concretos.

Se utiliza en diversas situaciones y contextos, tanto en equipos internos como en colaboración con clientes o socios externos. Algunas de las principales situaciones en las que se aplica incluyen:

  1. Resolución de problemas: el TRD permite a los equipos identificar y definir rápidamente los desafíos o problemas que enfrentan. Los participantes escriben los problemas en notas adhesivas, lo que fomenta una lluvia de ideas rápida y sin filtro.
  2. Generación de soluciones creativas: durante el TRD, los participantes tienen un tiempo limitado para generar una amplia gama de soluciones para abordar los problemas planteados. Se alienta a los miembros del equipo a pensar de manera creativa y fuera de lo común.
  3. Toma de decisiones basada en datos: mediante el proceso de votación y priorización, el TRD ayuda a los equipos a tomar decisiones informadas y basadas en datos. Las soluciones más votadas y con mayor impacto se seleccionan para su implementación.
  4. Planificación de acciones concretas: al final del TRD, se definen tareas específicas y se asignan responsabilidades para llevar a cabo las soluciones seleccionadas. Esto garantiza que las ideas se conviertan en acciones tangibles y que el equipo esté listo para implementar las soluciones de inmediato.
  5. Colaboración y participación: el TRD fomenta la igualdad de participación y la colaboración entre todos los miembros del equipo. Cada voz es escuchada y todos tienen la oportunidad de contribuir a la generación de ideas y la toma de decisiones.

Optimización del tiempo y recursos: al ser una reunión estructurada y enfocada, el TRD optimiza el tiempo y recursos del equipo al abordar los desafíos de manera eficiente y eficaz.

En resumen, el TRD se utiliza para facilitar el proceso de toma de decisiones y la generación de soluciones rápidas, colaborativas y con resultados concretos. Es una metodología valiosa para abordar problemas, tomar decisiones informadas y avanzar rápidamente hacia los objetivos del equipo o la organización. 

Cómo ejecutar el taller TRD

Para ejecutar la toma rápida de decisiones de manera efectiva, es importante seguir una estructura clara y asegurarse de que todos los participantes comprendan el proceso.

  1. Preparación:

Identifica el problema o desafío que deseas abordar durante el TRD.

Reúne a un grupo diverso de personas que estén relacionadas con el problema y puedan aportar diferentes perspectivas.

Define la duración y asegúrate de que haya suficiente tiempo para cada paso del proceso.

  1. Introducción:

Comienza la sesión con una breve explicación sobre qué es una “Toma Rápida de Decisiones” y su objetivo.

Asegúrate de que todos los participantes comprendan el problema que se abordará y la importancia del proceso para generar soluciones rápidas y efectivas.

  1. Identificación de problemas:

Da a cada participante notas adhesivas y un breve período de tiempo (por ejemplo, 5-7 minutos) para que escriban los desafíos o problemas relacionados con el tema.

Cada persona debe escribir un desafío por nota adhesiva y puede agregar tantas como sea necesario.

  1. Presentación de problemas:

Pide a cada participante que presente uno de sus desafíos en turnos breves (por ejemplo, 1 minuto por persona).

No se permiten discusiones durante esta fase, solo presentación de los problemas en el tablero o superficie donde se estén utilizando las notas adhesivas.

  1. Votación de desafíos:

Otorga a cada participante una cantidad específica de puntos de votación (por ejemplo, 2 o 3 puntos).

Dales un tiempo limitado (por ejemplo, 5-10 minutos) para que voten por los desafíos que consideran más relevantes o importantes de abordar.

  1. Priorización de desafíos:

Organiza los desafíos según la cantidad de votos recibidos, colocando los más votados en la parte superior.

Identifica los desafíos que se abordarán durante el TRD en función de su importancia y relevancia.

  1. Reformulación de desafíos:

Toma los desafíos más votados y ayúdalos a reformularse como preguntas claras y estandarizadas. Por ejemplo, si un desafío es "Mejorar la comunicación interna", podrías reformularlo como "¿Cómo podemos mejorar la comunicación interna de manera efectiva y rápida?".

  1. Generación de soluciones:

Dales a los participantes un tiempo específico (por ejemplo, 7-10 minutos) para que trabajen individualmente y generen tantas soluciones como puedan para cada uno de los desafíos reformulados.

  1. Votación de soluciones:

Otorga a cada participante una cantidad de puntos de votación (por ejemplo, 6 puntos) y pídeles que voten por las soluciones que consideran más viables y efectivas para cada desafío.

  1.  Priorización de soluciones:

Organiza las soluciones según la cantidad de votos recibidos y determina cuáles serán las más prioritarias para implementar.

  1.  Definición de acciones:

Para cada solución priorizada, define tareas concretas y asigna responsabilidades a los miembros del equipo para llevar a cabo la implementación.

  1.  Cierre:

Concluye el TRD destacando las soluciones seleccionadas y las próximas acciones a seguir.

Agradece a los participantes por su colaboración y compromiso con el proceso.

Conclusión

En conclusión, el "Lightning Decision Jam" o "Toma Rápida de Decisiones (TRD)" es un poderoso marco que potencia la creatividad y la toma de decisiones eficiente. En un entorno donde las reuniones pueden ser ineficaces y desmotivadoras, el taller TRD ofrece una metodología ágil para abordar desafíos, generar soluciones innovadoras y tomar decisiones informadas.

Este marco se utiliza para identificar y definir rápidamente problemas, permitiendo una lluvia de ideas sin filtros, lo que fomenta una mayor participación y colaboración de todos los miembros del equipo. La votación y priorización basadas en datos garantizan que las soluciones más viables y con mayor impacto sean seleccionadas para su implementación.

Además, el TRD facilita la planificación de acciones concretas, asignando tareas específicas a los responsables, lo que asegura que las ideas se conviertan en acciones tangibles y se implementen de inmediato.

La colaboración remota y el trabajo distribuido también se benefician de el TRD, ya que su estructura se adapta fácilmente a herramientas de colaboración en línea, permitiendo la participación activa de todos los miembros del equipo sin importar su ubicación geográfica.

En última instancia, el TRD se destaca como una valiosa metodología para maximizar la creatividad y la eficiencia en la toma de decisiones, impulsando el logro de objetivos y el éxito en un entorno empresarial en constante cambio. Al adoptar este framework, los equipos pueden despedirse de las reuniones ineficientes y abrazar un enfoque más efectivo para resolver problemas y alcanzar resultados concretos y exitosos.

10 principios de usabilidad para mejorar tus experiencias

Para destacar en medio del medio millón de sitios web que existen en toda la Internet, no es una opción contar con una plataforma que brinde contenidos de relevancia e invite a interactuar con ellos a través de un diseño de usabilidad inteligente.

En esto Jakob Nielsen tiene para decir y mucho. Es ingeniero en computación -al igual que el CEO y fundador de Lab9- y es un experto en el diseño de usabilidad para sitios web. Desde su publicación “Usability Engineering” -lanzada en 1993-, sus conceptualizaciones vanguardistas respecto de cómo se debe estudiar y componer las estructuras de usabilidad para páginas web desembarcó en los albores de la informática para luego empapar las bases de lo que sería no sólo su objeto de estudio sino también el resto de las tecnologías que vendrían después.

Nielsen y sus maravillosas heurísticas

1 - La visibilidad del estado del sistema

Esto implica que el sistema le debe informar al usuario el estado en el cual se encuentra, de manera que el usuario tome conocimiento de las consecuencias que generan sus acciones y sepa qué hacer a posteriori.

Por ejemplo: si accedes a la app de Google Maps siempre aparece un cuadro de diálogo que indica la ubicación actual, para saber con detalle dónde te encuentras y hacia adónde quieres ir.

2 - El sistema debe tener una conciencia con el mundo real

Esto está relacionado con el hecho de que el diseño siempre debe hablar los mismos códigos que los usuarios, trabajando con conceptos familiares para los mismos desde lo textual, lo auditivo y lo visual. Por ende hablamos de un diseño centrado 100% en las personas. Para obtener esta clase de información es necesario hacer del research -o “investigación”- un hábito para conocer a los públicos objetivos en profundidad, internalizando sus gustos, preferencias, costumbres, modos de comportamiento y modelos mentales.

Por ejemplo: desde Lab9 trabajamos en el desarrollo de una app corporativa cuyo objetivo fue disminuir el ausentismo laboral. Durante la investigación se llegó a la conclusión de que la mayoría de los colaboradores faltaba a su trabajo por enfermedad. Por eso es que al momento de crear la aplicación, se enfatizó en una mejora de la calidad de vida a través de acciones que motiven a las personas a realizar actividad física.

3 - Control y libertad del usuario con respecto al sistema

Para asegurarse que las personas cuenten con la posibilidad de revertir una acción, los diseñadores UX deben crear sus aplicaciones y sitios web enseñando el lugar donde se puede retomar un paso anterior, cancelar o corregir cualquier movimiento fallido. Esta opción brinda una sensación de confianza que aleja toda clase de frustración que suele ocurrir cuando los usuarios no cumplen con sus objetivos. Por eso es que el experto en usabilidad rectifica el énfasis en los botones “Rehacer”, “Modificar”, “Cancelar” y “Volver”.

Por ejemplo: una situación opuesta a la confianza que despierta una app sucede cuando alguien intenta registrarse en una aplicación corporativa pero no logra activar su perfil debido a una falla en el botón “Modificar”.

4 - Mantener la consistencia y los estándares de la industria

Teniendo en cuenta que las expectativas de los usuarios están intrínsecamente ligadas a sus experiencias previas, es decir, a lo que ya conocen, es altamente recomendable que quienes se encarguen de la usabilidad de un producto utilicen un glosario de palabras propio de esa clase de artículos. Así se mantiene una consistencia de sentidos interna y externa.

Por ejemplo: quizás nunca te diste cuenta pero una regla básica en los hoteles reza que el área de check-in debe ir siempre en el sector de la entrada principal. Esto mismo es una estructura de recibimiento al cliente compartida por toda clase de alojamientos.

5 - Prevención de errores

Somos humanos y los errores son moneda corriente desde que nos despertamos hasta que nos acostamos. Si bien Nielsen toma esto, también afirma que las buenas prácticas de usabilidad prevén cualquier tipo de situación que devenga en una falla. Para esto conviene priorizar los errores que tendrían un mayor coste para luego ocuparse de las pequeñas frustraciones que puede sentir el usuario al usar el producto o servicio.

Por ejemplo: cuando llenamos un formulario es común que aparezca una ventana de diálogo que nos pregunte si estamos seguros de los datos que acabamos de introducir. Todo esto implica una prevención de fallas de usabilidad tanto para el sistema como para el consumidor.

6 - Reconocer en lugar de recordar

La usabilidad siempre tiene que tener visibles los elementos y las acciones que el usuario puede tomar, porque un diseño de usabilidad que promueve el reconocimiento provoca que el esfuerzo cognitivo de las personas sea mucho menor y así la experiencia logre el cometido de ser intuitiva.

7 - Flexibilidad y eficiencia de uso del producto

El diseño de usabilidad debe estar preparado para los usuarios con y sin experiencia, es decir, debe gozar de cierta maleabilidad y personalización en cuanto a los procesos. Acciones como atajos de teclado permiten adaptar la usabilidad del producto a sus propias necesidades.

Por ejemplo: desde Lab9 tuvimos la oportunidad de trabajar para nuestro cliente de “Regalale Bitcoins”, una app móvil y de escritorio que busca incentivar la educación financiera desde las criptomonedas. Allí nuestro equipo de diseñadores UX/UI se encargaron de efectuar una serie de análisis de comportamiento -conocido como user flow- de los usuarios que utilizarían el producto, para definir no sólo la ruta del usuario sino también cuestiones relacionadas con los mensajes visuales que se pretendían comunicar. Esta sería la mejor manera de congeniar los objetivos de nuestros clientes con las necesidades de sus usuarios.

8 - Diseño minimalista

Nielsen afirma que las interfaces no tienen que contar con datos irrelevantes ya que cada unidad de información adicional compite indudablemente con la que los usuarios requieren para cumplir su objetivo con el producto. Esto genera que la importancia relativa disminuya. Entonces la idea es aprender a canalizar los contenidos a través de un filtro que contenga los elementos importantes y deje ir lo que no es útil.

9 - Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores

Dentro del diseño de usabilidad se deben priorizar los mensajes de error indicando el problema y ofreciendo una solución para ello. Esto se puede realizar de manera más llamativa a partir de recursos visuales tradicionales.

Por ejemplo: si utilizas Google Chrome como navegador sabrás que cuando tu conexión a Internet se corta, ¿quién aparece? ¡El divertido dinosaurio que salta obstáculos y que tantos segundos de aburrimiento nos ahorró!

10 - Centro de documentación y ayuda

Aquí es donde el usuario encuentra toda clase de información relativa a dudas y consultas sobre inconvenientes que se presenten en el momento de la navegación.

Caso de estudio: usabilidad UX en la app de Zara

¿Alguna vez te pusiste a pensar en las personas que diseñan las aplicaciones que usas en tu móvil y cómo trabajan para que luzca y funcione correctamente? Bueno, en esto el término usabilidad tiene mucho para decir y enseñar. En pocas palabras, la usabilidad se refiere a la rapidez y facilidad con la que las personas llevan a cabo sus tareas a través del uso de un producto objeto de interés. Concatenado con esto, también se puede afirmar que la usabilidad implica enfocarse en los usuarios.

Podemos decir que la usabilidad descansa sobre dos grandes pilares:

No olvidar: son los usuarios quienes determinan si un producto es fácil de usar o no. Los diseñadores y desarrolladores sólo cumplen su labor de interpretación e implementación.

ZARA app y su nivel de usabilidad

Un experto en diseño UX y usabilidad -llamado Guillermo NG- tuvo una idea maravillosa: realizar un experimento social austero pero necesario, junto a un grupo de asistentes de la tienda Zara y el aditamento de muestras de personas catalogadas como clientes frecuentes de la marca española. La idea principal era detectar fallas actuales dentro del panel visual y funcional de la aplicación móvil para luego establecer una serie de modificaciones gráficas que permitieran dejar al desnudo, soluciones efectivas que resolvieran dichas cuestiones.

Número final de testers para el experimento: siete.

El nivel cero de este trabajo consistió en una investigación y recabado de datos en línea de manera que se pudiera armar un buyer persona para la app de Zara. Datos detallados como edad, ocupación y nivel socioeconómico conformaron el identikit actual: profesionales de entre 20 y 30 años de edad con un nivel de ingresos medio-alto.

Asimismo el estudio del entorno en el cual se mueven estas personas durante su interacción con la app fue otro punto importante. Ya sea porque la persona desea estar a la moda constantemente o porque simplemente quiere buscar artículos -de forma online- que ya fueron vendidos en las tiendas físicas, todo tipo de argumento es válido para comprender cuáles son sus motivaciones y resultados esperados.

Probando ando

Una vez definida la proto persona y su comportamiento, el siguiente paso fue regresar a aquellos siete testers para que realicen el trabajo de campo. Aquí los asistentes debían imaginarse ciertos contextos y actuar en consecuencia: “últimamente hace frío y estás buscando un abrigo de invierno. ¿A qué te dedicas?”; ves un abrigo que te puede gustar, ¿puedes explicarme cómo decidiría si este es un abrigo para tí?; “has añadido el abrigo a tu carrito pero te das cuenta de que la talla es incorrecta. ¿cómo arreglas eso?”.

Se llevó a cabo una revisión de los datos obtenidos y luego se recurrió a la técnica de mapeo por afinidad para clasificar las debilidades a resolver en categorías. Carrito de compras, buscador y filtro, “guardar para después”, carrusel de imágenes, artículos no disponibles y el menú desplegable, fueron los ítems más “desafiantes” para este investigador, configurando los puntos de dolor más visibles.

Suponiendo que el objetivo más importante de la app es aumentar los ingresos móviles, se decidió que la edición de artículos del carrito era una cuestión que pedía urgencia de rediseño de usabilidad tanto para Zara como para los usuarios.

Desafío a la vista

Al intentar editar un artículo en el carrito:

Al momento de poner la creatividad y la inteligencia sobre la mesa, Guillermo dio inicio a la creación de los prototipos de diseño, realizando una validación preliminar a partir de bocetos con algunos compradores en línea. Gracias a esto el investigador obtuvo más información, logrando incorporar más soluciones al diseño final.

Como dato de color para nuestros lectores en relación a este primer paso, desde Lab9 trabajamos para Innos -una aplicación móvil dispuesta a brindar soluciones en el área de salud-, realizando un estudio previo enfocado en los stakeholders de la marca para conocer cuáles eran sus necesidades, preferencias y patrones de comportamiento. A partir de la información recabada, logramos diferenciar los datos útiles para luego empezar a realizar los primeros bocetos manuales, que más adelante serían digitalizados para ser presentados como propuesta final.

Una de las grandes modificaciones tuvo que ver con el nuevo botón “Editar”, que reemplaza al botón “comprar más tarde”. En esta nueva función, los usuarios pueden no sólo elegir la prenda que van a comprar sino también puede cambiar de opinión en cuanto al color, talla y cantidad de artículos.

Antes del rediseño de usabilidad, cuando los usuarios pretendían guardar un artículo para más tarde, sólo podían hacerlo cuando el artículo ya se encontraba en el carrito de compras. Por este motivo Guillermo considera que sería más oportuno añadir la función “guardar para más tarde” al flujo de búsqueda de productos para que los usuarios no tengan que mover un artículo al carrito antes de marcarlo.

Otro de los cambios en el diseño implicó una guía de interacción a los usuarios de manera que pudieran mover las imágenes del carrusel con un patrón similar a los demás movimientos de dedos que se debe hacer en el resto de la app. En este caso, de manera vertical y no horizontal como antes.

A modo de cierre, la validación es el último paso de todo rediseño de usabilidad móvil. En esta oportunidad se solicitó a los 7 testers que explicaran con sus propias palabras cómo editarían la cantidad y el talle de los artículos en el carrito. ¿Resultado? Absolutamente todos pudieron explicar estos puntos de manera exitosa. Así, la tasa de solución efectiva pasó de un 33% a un 100%.

Open chat
Hola! te responderemos lo antes posible.