V

INTRODUCCIÓN A

UX
C

Módulo 3:
Herramientas que apoyan los procesos
en UX

1. Miro

Miro es una aplicación para desarrollar flujos de trabajo en equipo de forma remota a través
de una pizarra virtual infinita. Esta es una herramienta que tiene una versión gratuita y que
te facilitará realizar estas actividades, principalmente si cuentas con un equipo que tiene
dificultades para realizar talleres de manera presencial.

Imagen por: Gabriela Pardo

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

a. ¿En qué etapas aplica?

Miro es perfecta para casi todas las etapas en las que te encuentres diseñando la
experiencia de usuario para tu producto o plataforma. En la misma podrás abarcar tu
trabajo de la siguiente manera:

- Empatía: En la etapa de empatía, donde se enfocan los esfuerzos de investigación

para entender al usuario para el cual estamos diseñando, Miro puede ayudarte
como herramienta para centralizar toda la información de tu investigación y poder
presentarla gráficamente de manera más atractiva y clara.
- Ideación: En esta etapa es para la cual Miro tiene sus mayores fortalezas y aportar
de mejor manera hacia el proceso de diseño de experiencia de usuario. Para esta
etapa Miro tiene muchas plantillas que facilitarán la realización de talleres de co-
creación.
- Prototipado: En este caso, Miro tiene plantillas para realizar Wireframes y Mockups,
aunque no tiene la facilidad de poder generar prototipos animados. Sin embargo, si
quieres realizar prototipos de baja fidelidad con mayor claridad que en una hoja,
Miro puede ser un buen aliado para ese fin.

b. Su uso práctico en el UX

Como te contamos en la parte superior, Miro puede ayudarte en varias etapas del diseño.
Con esto en mente vamos a explorar sus funcionalidades de manera que puedas tener una
base inicial para su uso. Te recomendamos seguir paso a paso de la plataforma, junto con
la información de este módulo: https://miro.com/app/

Registro:

Puedes generar una cuenta en Miro, de manera gratuita, con tu correo personal. Al ingresar
a Miro se te pedirá registrar el correo o vincularlo con una cuenta de correo existente:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Una vez que te has registrado se te pedirá llenar algunos datos para que la herramienta
pueda tener claras tus necesidades respecto a las actividades que vas a realizar. Con ello, lo
primero que te pedirá es conocer algunos datos sobre tu perfil:

Tras responder varias preguntas de tu perfil te permitirá agregar a tu espacio personas de

tu equipo con las que puedes desarrollar tus actividades:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Una vez que has configurado el espacio te abrirá tu primera pizarra y te brindará algunas
sugerencias de plantillas que puedes utilizar para poder llevar a cabo tus actividades. En
estas plantillas podrás encontrarlas por secciones en “Por caso de uso” como:

● Reuniones y Talleres: Plantillas que te darán una estructura para poder desarrollar
de la mejor manera tus reuniones y talleres, brindándote opciones tanto para que

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

puedas realizar presentaciones, rompehielos, actividades de retrospectiva o

plantillas enfocadas en tener reuniones efectivas.

● Lluvia de Ideas y proceso creativo: Estas plantillas pueden ser tu aliado perfecto
para el proceso de ideación, encontrarás todo tipo de plantilla para utilizarlas en
procesos de generación de ideas desde usar lluvia de ideas, un mapa SCAMPER,
diagramas de afinidad, plantilla para construcción de un user persona, entre otras
opciones:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

● Flujos de trabajo Agile: Otra ventaja de Miro es que tiene plantillas listas para
poder aportar en las actividades de los marcos de trabajo ágiles, encontrando
plantillas con tablas Kanban para el seguimiento del trabajo, hasta plantillas que
ayudan con la planificación y retrospectiva de Scrum.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

● Creación de mapas y diagramas: En esta sección encontrarás todo tipo de

opciones para poder armar los diferentes diagramas o mapas mentales para poder
organizar tu información o para utilizarlas en actividades donde te permitan
organizar los flujos de procesos o incluso el paso a paso de diferentes actividades.

● Investigación y diseño: Esta sección te permitirá encontrar todo tipo de recursos

principalmente para las actividades de diseño de experiencias. Aquí encontrarás
plantillas para elaborar Mockups, plantillas para organizar tus hallazgos obtenidos
en la investigación, Customer Journeys, Service Blueprints, entre otras
herramientas del proceso de diseño.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

● Estrategia y planificación: Finalmente tendrás la facilidad de usar plantillas que te

brinden apoyo para organizar la estrategia de tu producto o equipo y cómo llevar a
cabo la planificación de las actividades a cumplirse. Para esto puedes utilizar
plantillas de línea de tiempo, Hojas de ruta de producto, distintos tipos de marco
para evaluar tu producto y más herramientas.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Es importante tener en cuenta que cada herramienta te dará una explicación de su uso,
pero una de las facilidades que te da Miro es poder irlas ajustando y cambiando acorde a tu
necesidad, la de tu producto o la de tu equipo, de manera que no son herramientas fijas y
estáticas, sino bastante flexibles y adaptativas en su uso.

También podrás empezar con una pizarra desde 0, que puedes ir construyendo acorde a tus
necesidades con todas las herramientas que Miro te da. En su primer uso, tendrás un
tutorial detallado del paso a paso de las herramientas, que te recomendamos seguir para
tener mayor base inicial de uso:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Una vez terminado el tutorial, podrás empezar a hacer uso de la herramienta y sus
funcionalidades. Ahora vamos a conocer qué herramientas, además de las plantillas, te
brinda Miro:

Selector: El selector es la primera herramienta que aparece en el menú de opciones que se

presenta a la izquierda de la pantalla:

Esta herramienta se presentará en forma del cursor, tal como se muestra en la imagen, para
poder seleccionar y editar los elementos que se encuentren en la pizarra o como un guante.
Al mostrarse como guante solo podrás mover la ubicación de la sección que estás
observando en tu pantalla, sin embargo, no podrás seleccionar ni editar los elementos de la
pantalla. Para esto es importante que si deseas volver a editar debes volver a dar clic sobre
la herramienta de selector para poder volver a usarlo y editar.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Con 1 clic sobre esta opción activas el guante, con 2 clics regresas al selector.

Plantillas: Al dar clic en la segunda opción podrás ingresar a ver todas las opciones de
plantillas existentes para tu uso:

Es decir, siempre tendrás la posibilidad de ingresar y añadir nuevas plantillas a tu pizarra.

Es importante tener en consideración que tu pizarra no tiene límite de plantillas y podrás
utilizar todas las que necesites para tus actividades.

Texto: Con esta opción podrás agregar bloques de texto a tu pizarra para poder añadir
detalles o descripciones que necesites. Es importante tener en cuenta que al usar
elementos como las Notas adhesivas o las Formas, te darán opción de colocar textos.

En esta opción podrás elegir elementos como el tamaño de letra, el tipo de letra, también
si queremos que sea cursiva, negrita o subrayada. Además nos brinda opciones de color, de
subrayado y de alineación. Finalmente, si queremos crear listados, esta opción nos permite
hacerlo.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Nota adhesiva: La nota adhesiva cumple el rol de permitir colocar diversas ideas dentro de
la pizarra para luego poder segmentarlos o agruparlos acorde a la necesidad que presente
el ejercicio. Al igual que una nota adhesiva física, es el perfecto aliado para actividades de
co-creación y donde se necesite incentivar la generación de ideas o agrupar de manera ágil
diferentes datos.

Al seleccionar la opción se te desplegarán diferentes colores de notas adhesivas que podrás

utilizar para diferenciar quién generó esa idea o el segmentar por secciones o campos las
ideas generadas. Adicionalmente, solo basta dar doble clic en la nota adhesiva para poder
escribir en ella.

La nota adhesiva te da opciones como cambiar el tipo de letra, el tamaño de la letra, si es

negrita, cursiva o subrayada, poder incluir URLs hacia otros sitios web, cambiar el tamaño
de la nota adhesiva o su color. También ha incluído funcionalidades que permiten identificar
quien generó la nota adhesiva incluyendo el nombre en la esquina inferior derecha y tener
una opción que facilite el agrupamiento de las notas por color, etiqueta o autor. Esto es en
extremo útil cuando tenemos actividades ùnicas en la pizarra y queremos segmentar la
información con facilidad.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Formas: Las formas te ayudarán a utilizar elementos gráficos como círculos, cuadrados,
triángulos, rombos, entre otros, que faciliten la explicación gráfica de la actividad que
desarrollamos:

Al abrir esta opción se mostrarán algunas opciones iniciales de formas a utilizar, sin
embargo, al dar clic en “Todas las formas” se despliegan todas las opciones de las formas
que se pueden utilizar. Esto puede ser útil, principalmente cuando estamos elaborando
flujos explicativos de un proceso, donde encontraremos elementos para construirlos.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Podemos conectar los elementos con flechas o líneas, sean continuas o entrecortadas, para
facilitar la explicación dando clic en los puntos celestes que salen en medio de las partes
superior, inferior y laterales de cada forma:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Y así como en opciones previas, si das doble clic sobre la forma, podrás activar la opción de
texto para escribir dentro de la misma sin necesidad de usar un bloque de texto. De igual
manera, al dar solo un clic, podrás ajustar las propiedades de la forma y el texto como: color
interno de la forma, color de la línea exterior, color del texto, opción de color para subrayar
el texto, opciones para centrar el texto y tamaño del texto:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Líneas de conexión: Al igual que se generan para entrelazar las formas, puedes hacerlo
desde esta opción del menú para entrelazar opciones que no sean exclusivamente formas.

De igual manera, esta opción te permitirá personalizar cómo se visualizará tu línea de

conexión. Te permitirá escoger si deseas que sea recto o flecha, el tipo de flecha, si la línea
es rígida o flexible, el color de la línea, si va dirigido a una forma o si la línea debe tener algún
texto explicativo sobre puesto.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Bolígrafo: La herramienta de bolígrafo te permitirá generar trazos, que refuerzan el rol de

la pizarra, lo cual es útil al momento de permitir a los equipos que expresen su creatividad
a través de dibujos. Adicionalmente, encontrarás la opción de resaltador que te permitirá
dar énfasis o resaltar segmentos que sean importantes tener a consideración, tal como lo
hace un resaltador físico. La opción de “Dibujo inteligente” te permitirá generar trazos que
sean identificados como formas y las convierta automáticamente en circulos, cuadrados,
rombos, triángulos, entre otros.

Comentario: La opción de comentario es bastante sencilla, ya que te permite colocar

observaciones o comentarios a los avances del trabajo en tu pizarra. Si te encuentras
trabajando de manera asíncrona con un equipo y necesitas dejar observaciones, o si
necesitas dejar comentarios para recordar en adelante sobre tu diseño,es una herramienta
bastante útil.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Marcos: Los marcos son hojas de trabajo sobre la pizarra, que te permite organizar la
información para agruparla de manera que se pueda presentar lo más facilmente. Si tu
contenido no está dentro de un marco, no te será posible presentarlo al usar la opción de
presentación. Miro te ofrece varias opciones en dimensiones para tus marcos:

Cargar: La opción de cargar te permitirá pasar información desde diversas fuentes hacia tu
pizarra.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Más herramientas: En más herramientas podrás encontrar diversas opciones de

aplicaciones y herramientas pregeneradas para poder complementar tu trabajo en la
pizarra:

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Desde iconos en “IconFinder” hasta elaboración de diagramas, mapas mentales, poder usar
emojis para complementar tus diseños, estas herramientas facilitarán tu trabajo.
Encontrarás cómo elaborar tablas, estructura de Kanban o incluso, para diseño de
wireframes, tendrás toda una biblioteca con recursos para armar tus pantallas:

Miro es una herramienta extremadamente útil en una era donde la presencialidad ya no es

la regla y la digitalización sigue avanzando. Es importante tener en cuenta que Miro guarda
automáticamente todas las actividades para no perder los avances, sin necesidad de una
opción “Guardar”.

Por otra parte, al dar clic en Miro y cada vez que abras la aplicación en adelante, llegarás al
menú donde encontrarás todas las pizarras existentes y las activas para poder acceder. En
la versión gratuita, te permitirá tener solamente 3 pizarras activas para editar y cada vez
que crees una nueva pizarra, una previa se bloqueará. Pese a esto podrás tener el historial
de todas tus pizarras existentes para revisar, aunque no las puedas editar. Por otra parte,
al usar la opción duplicar podrás generar una copia editable de una pizarra existente.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX
C

Con esta información base, ya estás listo para iniciar tu experiencia trabajando con Miro.

INTRODUCCIÓN A UX - Módulo 4:
Herramientas que apoyan los procesos en UX