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 Tester de UXmonkeys y descubre qué piensan realmente los usuarios finales