Categorías
Diseño Investigación

31 preguntas de prototipado que todo diseñador debe realizar

Ya sabes que contar con el feedback de los usuarios finales es clave para crear experiencias de usuario envidiables.
No importa si estás creando una Web, App, Landing o cualquier otro producto, puedes – y deberías – testear los prototipos lo antes posible.

Realizar tests sobre los prototipos te permite asegurar que tu diseño está encaminado correctamente e identificar posibles deficiencias antes de escribir una sóla línea de código. Rediseñar un prototipo es mucho más económico y rápido que un producto terminado

¿Qué es un prototipo?

Según el grupo Nielsen Norman:
Un prototipo es una hipótesis – una posible solución de diseño para un problema específico. La mejor manera de validarlo es observar a usuarios interactuar con ello

Independientemente de la funcionalidad que disponga, un prototipo no es una versión final. Algunas de sus características no funcionarán o su copy será definitivo

En este artículo hemos dividido las preguntas que puedas realizar por las diferentes etapas de prototipado

1. Validación de concepto

En esta etapa seguramente tendrás sólamente una idea, pero eso no significa que no puedas realizar preguntas detalladas.
Esto son ejemplos de dudas que los usuarios pueden ayudarte a resolver mientras validas tu concepto:

  1. ¿Qué problema resuelve tu idea?
  2. ¿Cómo resuelven los usuarios este problema actualmente?
  3. ¿Conocen algún otro producto que ofrezca algo similar?
  4. ¿Han probado alguna solución similar que no les haya convencido?
  5. ¿Entienden los usuarios la propuesta de valor?
  6. ¿Qué piensan de la manera que planteas de hacer las cosas?
  7. ¿Quiénes son tus competidores?
  8. ¿Qué opciones creen que pueden encontrar en la web/app?
  9. ¿Existe una necesidad real para esta solución?
  10. ¿En qué dispositivos se imaginan interactuando con esta solución?
  11. ¿En qué contexto se imaginan utilizándolo?

2. Wireframes y prototipos de baja fidelidad

Una vez has validado el concepto, es momento de empezar con los wireframes. En este momento es cuando tu idea empieza a dar sus primeros pasos y, aunque no sea interactivo o funcional, muestran intención y flujos.
Para asegurarte que sigues en el camino correcto, podrías hacer estas preguntas:

  1. Sin mirar al wireframe , ¿Qué esperarían poder hacer en el?
  2. ¿Que aspecto esperan que tenga?
  3. Una vez ven el prototipo, ¿Entienden cómo funciona?
  4. ¿El wireframe cumple con sus expectativas?
  5. ¿Que funcionalidades añadirían?
  6. ¿Que funcionalidades aportan poco o ningún valor?
  7. ¿Sienten que la navegación es natural?
  8. Si pudieran, ¿Qué cambiarían?
  9. ¿Cómo de probable es que utilicen el producto una vez se publique?

3. Prototipos de alta fidelidad

Una vez el wireframe se ha aprobado, puedes pasar a crear el prototipo de alta fidelidad. Esto es una versión funcional de lo que quieres construir. Debe ser interactiva y hacer (sobre el papel) lo mismo que la versión de producción
Podríamos decir que es el paso anterior a pasarlo a código.
Céntrate en preguntas como estas para terminar de identificar cualquier problema de usabilidad, user flow o sección confusa

  1. ¿El prototipo cumple con lo que se supone que debe hacer?
  2. ¿Los usuarios piensan que el diseño va acorde con su propósito?
  3. ¿Cuál sería el principal objetivo de los usuarios en este producto?¿Pueden hacerlo?
  4. ¿Algún punto les genera confusión?
  5. ¿Encuentran distracciones innecesarias?
  6. ¿Utilizan todas las funcionalidades o ignoran alguna?
  7. ¿Tiene sentido la arquitectura de la información?
  8. ¿Se sienten identificados con el estilo del producto?
  9. ¿Hay alguna funcionalidad que les gustaría utilizar más frecuentemente?
  10. ¿Recomendarían este producto a sus amigos?
  11. ¿Cómo describirían el producto o servicio en sus propias palabras?

Una vez completado, tu idea se habrá convertido en un prototipo funcional que resuelve una necesidad, es perfectamente usable y resuena con tu públuco objetivo y, aunque los tests con usuarios no acaban aquí, has superado con éxito los primeros pasos para ahorrar tiempo y dinero.

Categorías
CX Diseño

El sorprendente ROI del buen UX (y el coste del mal UX)

Descargo de responsabilidad: Se puede ser obtener clientes y crecer ofreciendo una mala experiencia de usuario.

Sin embargo, sólo por que se pueda, no significa que se deba


Vamos a hacer un ejercicio:

Piensa en alguna compañía que utilices aunque ofrezca una UX pésima. Seguramente la continues utilizando por una de estas dos razones:

  1. Ofrece el mejor producto por el precio que estás dispuesto a pagar: En este caso, si alguien apareciese con una alternativa mejor por el mismo precio o menos, tardarías menos de 5 segundos en cambiarte
  2. No te queda otra: hay una explicación muy sencilla a por qué las empresas que dominan un mercado obtienen reviews negativas – No les importa porque no les afecta

En cualquier de estos 2 escenarios eres un cliente, pero no un cliente fiel. Ahora piensa en las empresas que si ofrecen buenas experiencias de usuario. ¿Buscas alternativas mejores? Lo más probable es que no

Esa es la principal razón por la que la Experiencia de Usuario es tan importante – va más allá del precio o el propio producto –

Un vistazo a los números: El ROI del buen UX

Existen 2 áreas clave donde ofrecer experiencias de usuario excelentes muestra un retorno muy positivo

Customer Lifetime Value (CLV)

En el Oracle’s 2011 Customer Impact Report se indica que el 86% de los clientes pagarían más por una experiencia de usuario mejor, pero no es la única. American Express realizo un estudio que obtuvo resultados similares donde el 70% de los participantes estarían dispuestos a gastar un 13% más en empresas que les ofrecen un UX excelente

Customer acquisition cost (CAC)

Ofrecer buenas experiencias no sólo aumenta el valor de los clientes existentes, sino que permite que obtener nuevos sea más sencillo y económico.

En el estudio realizado por American Express se encontró que, de media, un cliente satisfecho comparte su experiencia con otras 9 personas.
Esto es especialmente importante ya que las referencias de amigos o familiares son la razón número 1 para probar nuevos productos o servicios – Muy por encima de anuncios, reseñas o encuentros con ventas

La otra cara de la moneda: El coste del mal UX

Ahora que está claro lo rentable que es el buen UX, veamos cual es el coste del mal UX

De acuerdo al estudio de Customer Experience de RightNow de 2010, el 82% de los clientes han dejado de utilizar los productos y servicios de una empresa por haber sufrido una mala experiencia.

Al mismo tiempo que el buen UX es un imán para obtener clientes, el mal UX es un repelente super efectivo.
Además, no sólo los clientes satisfechos comparten sus experiencias, los clientes INsatisfechos comparten sus experiencias con casi el doble de personas.

Categorías
Diseño Investigación Marketing

Roadmap de Experiencia de usuario (UX)

Un roadmap es un documento estratégico que tiene como principal finalidad la de recoger el trabajo futuro que pretende realizar el negocio, priorizándolos y comunicandolos, así como los problemas a los que espera hacer frente la misma. Estamos ante un tema de gran importancia,  ya que lo que se pretende es aunar y fijar los objetivos prioritarios a seguir por todas las personas que trabajan en la empresa. Todo ello ajustado a unos límites presupuestarios y en un margen de tiempo concreto. Se trata de algo que puede beneficiar a tu empresa facilitando el cumplimiento de los objetivos marcados.

Aspectos clave para lograr el éxito de un roadmap

Será fundamental garantizar que el roadmap no caiga en utopías o logros inalcanzables sino que, recoja objetivos ambiciosos pero realistas para la empresa y su situación. Para lograr alcanzar los mismo los trabajadores de las diferentes áreas de la empresa tienen que realizar un trabajo coherente y coordinado entre sí. Se trata de algo que fomentará la motivación y la comunicación entre ellos estableciendo relaciones que pueden reforzar a la compañía.

Si bien, la estrategia común a seguir debe ser realista en coherencia con los objetivos establecidos, siendo la investigación con usuarios una de las herramientas a utilizar.

Esquema a seguir

Los roadmaps se caracterizan por seguir un esquema muy característico en el que podemos diferenciar las siguientes partes:

–       Marco contextual: dentro de esta parte se recogen todas aquellas circunstancias que conforman la seña de identidad de la empresa: el propietario o persona a la que dirigirse en el caso de que exista alguna duda, sus objetivos orientados a la estrategia de la empresa, la persona a quien dirigirse o el alcance del roadmap así como la fecha del mismo.

–       Delimitación temporal: incluimos las labores de UX que se llevan a cabo tanto en el presente como a medio y largo plazo por lo que, diferenciamos tres horizontes temporales. El primero es el presente, el ahora donde se incluirán acciones específicas que resuelven problemas concretos mientras que, en el largo plazo o futuro estas acciones no serán tan concretas. Generalmente al hablar de este último escenario temporal contemplamos aquellas tareas para las que faltan más de 5 meses.

–       Contenido del trabajo de UX: aquí desarrollamos puntos como quien realizará el trabajo, los objetivos a cumplir y el resultado final a alcanzar así como los beneficios esperados del mismo.

Diferentes tipos de roadmaps

En función del contenido recogido en el roadmap así como su finalidad podemos encontrar diferentes tipos de roadmaps:

–       Roadmap de producto: representan todos los problemas futuros que necesitan ser resueltos en las diferentes áreas de la empresa. Incluiremos aspectos como marketing, diseño, UX, investigación o contenido.

–       Roadmap de campo: representan todos los problemas futuros que debe resolver la empresa en un campo concreto como puede ser la experiencia de usuario (diseño, contenido, investigación…). Sin embargo, no incluimos problemas fuera de la experiencia de usuario como los relacionados con marketing o desarrollo.

–       Roadmap especializado: este tipo de roadmap es el más especializado. En este caso siguiendo el ejemplo anterior nos centraremos sólo en problemas dentro de un área de experiencia de usuario en concreto la investigación de usuarios.

Referencias

3 Types of Roadmaps in UX and Product Design. (2020). Nielsen Norman Group. 

Prado, J. A. (2020b, noviembre 24). Qué es y cómo se hace un UX Roadmap. UXABLES | Blog.

Categorías
Diseño Investigación

¿Es necesario tener un sistema de diseño en UX?

El concepto de sistema de diseño hace referencia al conjunto de elementos que serán utilizados para el desarrollo de la interfaz del sitio web o aplicación buscando que exista coherencia y consistencia en el mismo.

Diríamos  que es un esquema pautado y orientado a un óptimo aprovechamiento, que llegue de forma muy clara al usuario. Este debe recoger todos los posibles tipos de letras, colores, signos o símbolos. Así como la posibilidad de adaptarse a cada realidad que se presente. Sin embargo, no debemos confundir el concepto de sistema de diseño con la idea de realizar una guía de diseño ya que son dos conceptos distintos. Si bien, las guías de diseño solo se enfocan en la parte visual como pueden ser la tipografía o los colores sin incluir aquellos elementos que lo hacen interactivo y  permiten el desarrollo del mismo diseño como hace el concepto de sistema de diseño.

¿Por qué es importante?

La importancia de los sistemas de diseño reside en que todas las personas que intervienen en la empresa sigan una misma línea de trabajo, respetando unas características y señas de identidad del producto. Si bien, esto permitirá que el producto pueda continuar evolucionando y adaptándose a nuevas necesidades conforme transcurra el tiempo, aunque el equipo de personas trabajando ya no sea el mismo.

Se trata de algo especialmente útil para aquellas personas que se dediquen al desarrollo de un producto o servicio como pueden ser: ingenieros en sistemas, diseñadores web, arquitectos y analistas de información o expertos en UX/UI.

Teniendo en cuenta esto, podemos resumir la importancia de los sistemas de diseño en tres aspectos fundamentales:

–       Consistencia: para garantizar que el usuario sea familiar con uso del sitio web o aplicación y que su experiencia con la marca sea siempre la misma.

–       Crecimiento rápido: los sistemas de diseño permiten que las empresas se beneficien de la automatización lo que les permite ahorrar en tiempo de desarrollo de diseño dedicando un mayor tiempo al proceso en sí.

–       Eficiencia: la empresa se beneficia de ahorros tanto de tiempo como de costes de sus procesos si bien, las dinámicas de trabajo se vuelven más ágiles y colaborativas.

¿Cómo crear  un Sistema de Diseño?

–       Definir los objetivos: para crear un sistema de diseño lo primero que debemos de establecer son los objetivos que tiene el proyecto algo en lo que tanto la misión y como visión de la empresa pueden servir de ayuda.

–       Determinar las necesidades: será necesario que definamos cuáles son las necesidades específicas que el proyecto necesita para el correcto desarrollo del mismo. En este punto incluimos tanto las necesidades del producto como las del usuario.

–       Formulación del sistema: finalmente, será el turno de crear un sistema que permita organizar la información para que llegue al usuario de la forma más rápida y sencilla, con un lenguaje familiar.

Algunos ejemplos de sistema de diseño que pueden ser útiles mencionar son los diseños  de Airbnb, Polaris, Uber o Apple.

Referencias:

N. (2021, 23 febrero). Por qué necesitas un sistema de diseño y cómo tus clientes te lo van a agradecer. Plain Concepts.

Prado, J. A. (2020, 22 abril). La importancia de crear un Sistema de Diseño en UX. UXABLESBlog. 

Categorías
CX Diseño Investigación

¿Qué son los mapas de calor?

Los mapas de calor o heat map son herramientas que nos permiten recoger información sobre el comportamiento de los usuarios que interactúan con una página web adaptándonos información sobre la experiencia de los mismos. Como su propio nombre indica, la herramienta utiliza la escala de colores para transmitir los resultados obtenidos.

Si bien, el  funcionamiento de estos es bastante intuitivo apareciendo el color rojo las zonas que obtienen mayor visualización (caliente) y en color azul (frío)  las que por el contrario tienen menor visualización.

Implicaciones de usar los mapas de calor

A continuación te explicamos con más detalle las implicaciones de usar los mapas de calor haciendo referencia tanto a las ventajas como a las desventajas.

Ventajas: son una opción bastante asequible, fácil de usar y rápida para lograr conseguir información sobre el rendimiento de una página web. Permiten optimizar el diseño de un sitio web detectando fallos así cómo posibles oportunidades para la compañía.

Inconvenientes: pese al innegable número de ventajas que aporta el uso de esta herramienta si es conveniente señalar que por su naturaleza esta nos ofrece información bastante limitada. De manera que, podemos ver aquellas zonas de una página que tienen mayor visualización pero no nos aportará información sobre el por qué de estos resultados.

Herramientas para hacer mapas de calor

Aquí te proponemos algunas opciones de herramientas para que puedas empezar a aplicar los mapas de calor a tu empresa.

–       Hotjar: se trata de una herramienta que ofrece un plan básico ilimitado gratuito y permanente para que puedas realizar tus mapas de calor así como otras funcionalidades que ofrece. Si bien, tendrás un límite de 2000 visualizaciones de páginas por día.

Otras alternativas para realizar los mapas de calor de forma gratuita son Yandex Metrika y Dugwood.

–       Crazy egg: es otra de las opciones más populares a la hora de realizar este tipo de test utilizado por algunas compañías como Etsy y Yahoo. A diferencia de la anterior, es una opción de pago cuyo plan básico ofrece 30000 visualizaciones diarias. Además, podrás realizar hasta 500000 visualizaciones contratando el nivel pro.

Tipos de mapas de calor

Podemos diferenciar varias alternativas distintas a la hora de aplicar los mapas de calor en la empresa. El uso de una u otra dependerá de la información que queramos obtener con su uso. De manera que podemos encontrar:

–       Mapas de clic: este tipo de mapa permite conocer aquellas zonas en las que los usuarios de un sitio web hacen clic así como el porcentaje de usuarios que interactúan con un botón u enlace determinado con respecto al porcentaje total de usuarios que visitan la página. Sin duda, se trata de información bastante útil para detectar si estos hacen clic en zonas que no son interactivas. Esto nos mostrará oportunidades o deficiencias en el diseño. 

–       Mapas de ratón o movimiento: ayudan a descubrir aquellas zonas que generan más interés a los usuarios y por las que pasa el ratón de los usuarios. Si bien, los usuarios suelen mirar aquellas zonas en las que se posiciona el cursor del ratón.

–       Mapas de scroll: muestran hasta que punto los usuarios se desplazan por el sitio web ya sea haciendo scroll o si lo hacen con el dedo desde otro dispositivo. Para ello, la información se muestra a través de bandas horizontales que mostrarán las diferentes fronteras de desplazamiento de los usuarios.

–       Mapas de mirada: permiten conocer con mayor certeza los sitios que miran los usuarios de un sitio web. Recordemos que, usando los mapas de movimiento solo podremos obtener una información estimada basada en la suposición de que estos mantienen la vista en las zonas por las que pasa el ratón.

Referencias

Gascó, V. (s. f.). Herramientas de mapas de calor y eye tracking para optimizar ventas. Sales layer.

Prado, J. A. (2020b, agosto 3). Para qué se usan los Mapas de Calor en Experiencia de Usuario. UXABLES | Blog. 

Categorías
CX Diseño

El diseño centrado en el usuario (DCU)

El concepto de diseño centrado en el usuario tiene como principal objetivo crear productos que satisfagan necesidades y den respuesta a los problemas que tenga el público objetivo del producto. Al aplicar este tipo de diseño del producto será necesario poner al usuario en el centro de todo el proceso algo que afectará a todas las decisiones que tome la empresa. No obstante, es importante que no se pasen por alto el resto de necesidades del negocio, comercial o de la empresa. Recordemos que la finalidad es mejorar la experiencia de usuario a lo largo de cada una de las distintas tareas que tiene que llevar a cabo hasta lograr su objetivo.

Principios del diseño centrado en el usuario

Antes de llevar este concepto a la práctica es necesario conocer los seis principios fundamentales que definen el diseño centrado en el usuario o también conocido como el diseño centrado en el humano.

  • Diseño de entendimiento:  un buen sistema debe comprender correctamente las necesidades de los usuarios, así como las tareas y ambientes. Para realizar esto correctamente se deben tener en cuenta tanto a los usuarios como a los interesados.
  • Usuarios involucrados: los usuarios están involucrados durante el diseño y desarrollo, algo que va puede aportar una gran cantidad de información sobre puntos como el contexto de uso, las tareas a realizar y cómo los usuarios utilizarán el producto en el futuro. El grado de interacción entre los usuarios y el equipo de diseño y desarrollo, será responsable de la efectividad así como utilidad de la información.
  • Diseño  impulsado y refinado por la evaluación: la evaluación de los diseños permitirá  minimizar el riesgo de que el sistema no cumpla con los objetivos de los usuarios o del negocio e identificar posibles problemas a largo plazo que pueden dar origen a nuevos rediseños. Será importante realizar las evaluaciones no solo durante el desarrollo sino también al final del proceso.
  • Proceso alternativo: de manera que, cada vez que se obtiene nueva información se revisaran tanto las descripciones como los prototipos con el fin de minimizar el riesgo de no cumplir con las necesidades del usuario. Se trata de algo progresivo puesto que tanto las expectativas como las nuevas necesidades de los clientes surgen a medida que se va desarrollando el sistema.
  • Contempla la experiencia completa: el diseño debe tener en cuenta la totalidad de la experiencia del usuario. Esta es resultado de la presentación, rendimiento del sistema, su funcionalidad, así como de la respuesta, asistencia y capacidades del sistema. Además, no solo las características del sistema influyen en la experiencia del usuario sino que también incluye las experiencias pasadas propias del usuario como son sus actitudes, habilidades, personalidad u hábitos. La intención no es solo hacer productos fáciles de usar, sino que también estos tengan en cuenta los objetivos propios de los usuarios.
  • Equipo de diseño multidisciplinar: contar con un equipo diverso en formación y capacidades con el que colaborar puede beneficiar la toma de decisiones adecuadas tanto en lo correspondiente al diseño como a la implementación. El objetivo es crear una base amplia de habilidades para lo que no tiene por qué ser necesario el contar con un equipo de gran tamaño. Precisamente contar con un equipo multidisciplinario permite de sus integrantes sean mas conscientes de las diferentes disciplinas y colaboren entre ellos.

Cómo aplicarlo a tu negocio

Para poder aplicar esta filosofía de diseño y beneficiarte de las ventajas que puede tener para tu negocio te mostramos las pautas a seguir.

  • Planificación: en esta fase se establecerán las diferentes tareas que van a desempeñar cada uno de los usuarios al igual que el entorno en el que se desarrollarán las mismas.
  • Especificar el contexto de uso: una fase en la que se estudian las características de los usuarios de manera que puedan identificarse las personas a las que va dirigido el producto, para qué lo van a usar y en qué circunstancias lo harán. Recordemos que el objetivo final es precisamente comprender a las personas y como utilizan el producto.
  • Especificar requisitos: consiste en identificar y conocer las distintas expectativas, tanto de los usuarios finales como de la empresa, para poder desarrollar en base a estas soluciones factibles y viables.
  • Producir soluciones de diseño: una vez desarrolladas estas soluciones pasamos a producir las cada una de ellas. Se trata por tanto de una fase amplia que engloba desde el concepto aproximado hasta el diseño final completo. Pueden incluir tanto los primeros bocetos en papel como el prototipo final con las correspondientes interacciones.
  • Evaluación o testeo del diseño: se trata de algo fundamental que por un lado va ayudar a determinar la viabilidad del producto y por otro puede ser un aliado para reducir los costes ya que, permite identificar errores y solucionarlos en una fase temprana del desarrollo del producto.

Referencias:

UXABLES, Diseño Centrado en el Usuario (DCU). Todas las claves del proceso
Intuitivamente, Qué es: Diseño Centrado en el Humano (DCH)
Diseño centrado en el usuario en Wikipedia
Diseño centrado en el usuario (DCU)
Diseño centrado en el humano

Categorías
CX Diseño

¿Qué es el Customer Journey Map?

El Customer Journey es una herramienta especialmente útil cuando queremos realizar diseños centrados en el usuario. Se trata de un instrumento de análisis muy utilizado en el ámbito de UX que junta la visualización de historias y la narración con el objetivo de ayudar a las empresas a entender y poder satisfacer de una manera más optima las necesidades de los clientes y usuarios.

Beneficios del Customer Journey

El Customer Journey, como se menciona anteriormente, consiste en la visualización del proceso que realiza una persona para lograr un objetivo por lo que será importante definir y recolectar los objetivos del usuario. Así mismo, también tendremos que tener en cuanta las acciones, pensamientos y emociones de los usuarios.

Tener en cuenta cada uno de estos aspectos y analizar todo Customer Journey de tus clientes puede beneficiar a la empresa permitiendo:

  • Mejorar los procesos que sigue la empresa para conseguir crear una experiencia de usuario más satisfactoria para los clientes
  • Analizar y optimizar la experiencia que tienen los clientes y usuarios de manera que seamos capaces de identificar los aspectos a mejorar. Consiste en ser capaz de ponerse en el lugar de los clientes enfocándose en los pensamientos y sensaciones que pueden tener los mismos.
  • Entender las posibles expectativas y frustraciones que los clientes de la empresa pueden tener. Se trata de algo clave para poder identificar posibles alternativas de negocio.
  • Establecer una visión completa del viaje que realiza el cliente. Esto va a permitir que la empresa pueda crear colaboraciones y conversaciones mas fácilmente entre los distintos departamentos.

Como realizar un Customer Journey Map

Una vez definidos los objetivos que se persiguen con el análisis del Customer Journey vamos a definir la estructura y los componentes que dan forma al mismo.

Estructura o espacios dentro del Customer Journey Map

Generalmente podemos diferenciar tres zonas dentro de un Customer Journey Map, la zona A, B y la C. Cada una de las distintas zonas contiene información interrelacionada.

Zona A: se trata de la parte superior del Customer Journey Map en el que se define el quién (un usuario específico) y el qué (un escenario, expectativas y objetivos específicos).

Zona B: comprende la parte central del mapa en la que se desarrolla la experiencia del cliente fragmentando el viaje en diferentes fases. Recogerá, por tanto, las acciones, pensamientos y experiencia emocional del usuario a lo largo del viaje. Podremos incluir materiales como citas o videos de las investigaciones con los propios usuarios.

Zona C: situada en la parte inferior del mapa, esta última zona recoge a modo de resumen las conclusiones, oportunidades, amenazas e ideas resultantes del análisis.

Items de un Customer Journey Map

Los componentes que integran el Customer Journey Map pueden variar en función del contexto si bien, normalmente podemos distinguir los siguientes:

  • Actor y punto de vista: pasa por especificar el usuario o persona concreta a la que hace referencia el mapa, por lo que, será necesario hacer un mapa diferente para cada tipo de usuario.
  • Escenario: describen la situación del actor dentro del Customer Journey por lo que, habrá que contemplar las diferentes acciones o pasos que siguen los usuarios para cumplir los diferentes objetivos o tareas. Podremos contemplar escenario reales o anticipados en el caso de tratar productos que estén todavía en fase de desarrollo.
  • Guión: especifica la experiencia que se va a narrar en el mapa.
  • Expectativas: incluye lo que el actor hace, piensa o siente. Se trata de aspectos que son trasladados al Customer Journey Map.  Estas emociones se trazan dentro del mapa como una línea a través de todo el viaje que conlleva la experiencia. Esta línea, nos mostrará en qué puntos el usuario está satisfecho y en cuales desconento.
  • Puntos de contacto: se trata de los momentos en los que el actor interactúa con el producto, empresa o servicio.
  • Canales: incluye los métodos de comunicación y prestación de la empresa. Por ello, tanto los puntos de contacto como los canales deben de estar alineados entre sí de manera que ambos estén en consonancia con los objetivos y acciones del actor.
  • Oportunidades: son resultado del análisis y definen las posibles acciones que se pueden llevar a cabo para poder mejorar la experiencia del usuario

Referencias:

UXABLES Blog. Qué es el Customer Journey Map y cómo hacerlo

Categorías
CX Diseño

8 herramientas para crear tu primer User Flow

Cada vez el mundo digital es más cambiante, lo que antes eran 2 años, hoy son 2 meses por lo que los diseñadores de UX deben estar al día sobre todas las herramientas que pueden utilizar para hacer su vida (¡y trabajo!) más fácil.

Todos los días aparecen nuevas herramientas, tendencias, formas de hacer las cosas y por ello, estar al día puede significar la diferencia entre crear un buen wireframe & experiencia de usuario o un resultado que los usuarios finales odiarán.

Pero, ¿Qué es un wireframe?

Un wireframe no es más que un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web.

Los wireframes, también llamados mock-ups son una parte crucial del proceso de desarrollo. Juegan un papel muy importante en el diseño y desarrollo de una Web o App ya que definen el contenido, la estructura y la funcionalidad del mismo sin aplicar el diseño en sí (los colores, tipografía, gráficos, etc.)

Desde UXmonkeys te dejamos una recopilación de 8 herramientas en la nube que te permitirán crear tu primer wireframe, todas con una versión gratuita y ampliable en una versión de pago

1️⃣Canva⁣⁣⁣

  • Diseña en drag & drop y descarga en cualquier formato
  • Versión gratuita: 2 caretas & 1GB de almacenamiento
  • Versión de pago: 12.95€/mes por usuario, almacenamiento y carpetas ilimitados

2️⃣Miro⁣⁣⁣

  • Si buscas crear flow-charts, esta es tu herramienta
  • Versión gratuita: 3 tableros
  • Versión de pago: 8€/mes por usuario, plantillas y almacenamiento ilimitado

3️⃣Whimsical⁣⁣⁣

  • la mejor forma de trabajar en equipo en un formato visual
  • Versión gratuita: 4 tabletos
  • Versión de pago: 12€/mes por usuario, tableros y plantillas ilimitadas

4️⃣Wireframe.cc⁣⁣⁣

  • La mejor forma de crear wireframes en una web
  • Versión gratuita: Todos tus wireframes tendrán visibilidad pública
  • Versión de pago: 16€/mes por usuario, wireframes multipágina y privados

5️⃣Moqups⁣⁣⁣

  • App web muy sencilla que permite colaborar en tiempo real
  • Versión gratuita: no existe
  • Versión de pago: 13€/mes por usuario, proyectos, elementos gráficos y almacenamiento ilimitado

6️⃣Mockflow⁣

  • Crea fácilmente wireframes en la web
  • Versión gratuita: Todos los wireframes tendrán visibilidad pública
  • Versión de pago: 16€/mes por usuario, wireframes multipágina y privados

7️⃣Adobe XD⁣⁣⁣

  • Basado en la nube & fácil de utilizar gracias a los kits y plantillas disponibles
  • Versión gratuita: 1 proyecto & Plantillas online & 2 GB almacenamiento
  • Versión de pago: 12,09€/mes por usuario Proyectos ilimitados & 100 GB almacenamiento

8️⃣Figma⁣⁣⁣

  • Fácil acceso a crear wireframes online
  • Versión gratuita: 3 proyectos & 2 editores & historial de 30 días
  • Versión de pago: 12€/mes por usuario, proyectos ilimitados & permisos personalizados, historial ilimitado

Esperamos que esta recopilación de herramientas te ayude en tu aventura como diseñador de UX para crear tu primer wireframe y y te ayude a crear mejores diseños y experiencias de usuario

¿Ya has creado tus wireframes? Ponlos a prueba con los Tester de UXmonkeys y descubre qué piensan realmente los usuarios finales

Categorías
Diseño

4 herramientas para diseñadores que te serán útiles

Cada vez el mundo digital es más cambiante, lo que antes eran 2 años, hoy son 2 meses por lo que los diseñadores deben estar al día sobre todas las herramientas que pueden utilizar para hacer su vida (¡y trabajo!) más fácil.

Todos los días aparecen nuevas herramientas, tendencias, formas de hacer las cosas y por ello, estar al día puede significar la diferencia entre crear un buen diseño & experiencia de usuario o un resultado que los usuarios finales odiarán.

En UXmonkeys hemos hecho una recopilación de 4 herramientas que merece la pena tener en cuenta

1️⃣Crello:

El editor de imágenes online más simple que hay. Una herramienta simple pero potente para crear cualquier formato de redes sociales – Posts, banners, gráficos, etc.

2️⃣Webflow:

Una herramienta de diseño muy completa que permite a los usuarios diseñar, construir y lanzar páginas responsive de manera muy visual

3️⃣Funnelytics:

Una herramienta de marketing que te permite crear funnels de marketing de manera muy sencilla

4️⃣Flowkit:

Crea user flows de manera super sencilla en Sketch y Figma con esta herramienta

Esperamos que esta recopilación de herramientas te haga la vida más fácil como diseñador gráfico y te ayude a crear mejores diseños y experiencias de usuario

¿Ya has creado tus diseños? Ponlos a prueba con los Tester de UXmonkeys y descubre qué piensan realmente los usuarios finales

Categorías
Diseño

5 herramientas para diseñadores que debes conocer

Cada vez el mundo digital es más cambiante, lo que antes eran 2 años, hoy son 2 meses por lo que los diseñadores deben estar al día sobre todas las herramientas que pueden utilizar para hacer su vida (¡y trabajo!) más fácil.

Todos los días aparecen nuevas herramientas, tendencias, formas de hacer las cosas y por ello, estar al día puede significar la diferencia entre crear un buen diseño & experiencia de usuario o un resultado que los usuarios finales odiarán.

En UXmonkeys hemos hecho una recopilación de 5 herramientas que merece la pena tener en cuenta

1️⃣ www.Materialpalette.com

¿Necesitas ayuda eligiendo una paleta de colores? Materialpalette te ofrece un punto de partida ideal

2️⃣ www.Ionicons.com

Contiene una gran cantidad de iconos para apps. Son completamente open-source y los puedes descargar en formato .SVG, por lo que escalan perfectamente

3️⃣ www.Huesnap.com

Si Materialpalette no es suficiente, con Huesnap puedes encontrar combinaciones de colores muy fácilmente

4️⃣ www.Mckups.com

Una colección gratuita de wireframes y mockups que te permitirá presentar tus primeros borradores y otros proyectos muy fácilmente

5️⃣ www.Typewolf.com

¿No se te ocurre qué fuente utilizar? Visita Typewolf y encuentra recomendaciones, guías y tendencias

Esperamos que esta recopilación de herramientas te haga la vida más fácil como diseñador gráfico y te ayude a crear mejores diseños y experiencias de usuario

¿Ya has creado tus diseños? Ponlos a prueba con los testers de UXmonkeys y descubre qué piensan realmente los usuarios finales