urdata prototipo 2
Informe de usabilidad UX
Misión 1
Crear nuevo acuario
71%
20 completados0%
0 se rindieron93s
Para completar28
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Elemento" | i.fa-solid |
76
|
| 2 | "GUARDAR" | button.btn-primary |
43
|
| 3 | "Elemento" | input#aquarium-name |
32
|
| 4 | "Elemento" | textarea#aquarium-description |
32
|
| 5 | "Elemento" | input#capacity |
30
|
| 6 | "Elemento" | input#tags |
23
|
| 7 | "Nueva medición" | span |
10
|
| 8 | "Arrecife Caribeño" ⚠️ ¿Dead Click? | h3 |
9
|
| 9 | "9:41 URDATA Arrecife Caribeñ" ⚠️ ¿Dead Click? | body |
9
|
| 10 | "Elemento" | div.header__avatar |
7
|
Voz del Usuario
"Bien"
"Arrecife Coral"
"Saludrink"
"Si es importante, el botón de crear acuario no es visible desde un principio. He tenido que desplazarme con el dedo hasta el final. Quizá debería estar visible desde un principio o, si no, colocar el botón tal y como está ahora, pero encima de todos los acuarios creados, para que sea visible desde un principio. Si el botón no tiene importancia, se puede quedar donde está (aunque aún así, resulta raro)"
"Hay dos campos que no rellene cuando cree el acuario. No los rellene porque no sabia que poner "
"El botón agregar acuario debería estar más accesible por la parte superior y no haciendo scroll down."
"Bien, primero le he dado a home y luego me he dado cuenta de que scrolleando"
"Hola"
"Facil"
Misión 2
Guardar parámetro numérico
75%
15 completados20%
4 se rindieron145s
Para completar20
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Elemento" | i.fa-solid |
101
|
| 2 | "GUARDAR CAMBIOS" | button.btn-primary |
77
|
| 3 | "Color Numérico" | select#parameter-type |
22
|
| 4 | "Arrecife Caribeño" ⚠️ ¿Dead Click? | h3 |
20
|
| 5 | "Editar" | a |
20
|
| 6 | "0" | input#min |
17
|
| 7 | "Elemento" | span |
17
|
| 8 | "Nitratos" | input#param-name |
16
|
| 9 | "0.0" | span.m-param__value |
16
|
| 10 | "100" | input#max |
15
|
Voz del Usuario
"No encuentro el parámetro numérico."
"n"
"Muy confuso... No sé si porque me ha costado entender la tarea... Sí que es cierto que el botón parámetros me ha cortado verlo abajo. Quizá las cards de los acuarios creados tienen demasiada "personalidad", con unos encabezados a los que se da mucha importancia y me llaman más la atención que el menú inferior."
"1"
"No se ve muy claro donde es, pone que es numérico pero cuando haces click sale color por defecto y no se encuentra bien"
"no se como guardarlos"
"Al empezar me ha costado encontrar el boton de abajo, hasta que me ha dado por leer parametro. Despues a la hora de editar en el select no quedaba del todo claro que ahí estuviera la opción número"
"no lo encuentro."
"He dudado porque al principio he pensado que el parámetro va asociado a una pecera y no que es un campo general"
Misión 3
Crear escala de color
100%
19 completados0%
0 se rindieron32s
Para completar19
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Nueva escala" | button.btn-add |
9
|
| 2 | "Elemento" | span |
8
|
| 3 | "Nitratos" | input#param-name |
6
|
| 4 | "Color Numérico" | select#parameter-type |
5
|
| 5 | "Elemento" | i.fa-solid |
4
|
| 6 | "mg/L" | input#param-unit |
4
|
| 7 | "TIPO DE PARÁMETRO" | label |
2
|
| 8 | "Test de Gotas — Tetra" | a.parameter-scale__link |
2
|
| 9 | "0" | input#min |
2
|
| 10 | "9:41 URDATA Editar Parámetro" ⚠️ ¿Dead Click? | body |
2
|
Voz del Usuario
"Fácil de llegar... No obstante, ya estoy dentro de la pantalla, no sé cómo tendría que llegar allí desde la "home""
"Cuando creas un nuevo parametro y selecciona el color, te salta prueba supera sin guardar el parametro"
"Sencillo y se ve a la primera"
"Tenía la pestaña ya abierta antes de pasar el ejercicio y vi el header de la card con el nombre del requisito del enunciado por lo que me fue fácil encontrarlo."
Misión 4
Eliminar Acuario
95%
19 completados0%
0 se rindieron42s
Para completar20
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Eliminar acuario" | a#btn-delete |
17
|
| 2 | "Editar" | a |
15
|
| 3 | "Elemento" | i.fa-solid |
15
|
| 4 | "Selva Amazónica 60 L · Dulce " | a.card__link |
5
|
| 5 | "Gráficas" | span.tab |
5
|
| 6 | "Selva Amazónica" | h2.card__name |
4
|
| 7 | "PH 8.1 AMONÍACO 0.25 NITRITOS " | ul.params |
4
|
| 8 | "NITRITOS 0.0" | li.param |
4
|
| 9 | "Arrecife Caribeño 120 L · Mar" | div.card__header |
3
|
| 10 | "URDATA Arrecife Caribeño ALER" | header.header |
3
|
Voz del Usuario
"Bastante intuitivo llegar. Sigue sin convencerme que se tenga que hacer dentro de la opción de "editar", pero ya se está convirtiendo en un estándar."
"Igual debería verse el botón de eliminar más fácil sin entrar a editar acuario"
"Por que debo editar el acuarios para luego eliminarlo, no creo que tenga mucho sentido "
"Bien, fácil. El hábito de eliminar se encuentra fácilmente desde opciones comunes de usuario, accediendo a los ajustes. Eliminar un componente clave del aplicativo no debe de poder hacerse accidentalmente. Si hubiese querido tenerlo más visible quizás agregar un prompt de confirmación antes de borrar."
"Intuitivo"
"Ligeramente confuso pero al final ha sido más intuitivo de lo que esoeraba"
"entrar en editar para eliminar acuario se me hace algo raro"
Misión 5
Crear medición
95%
18 completados0%
0 se rindieron25s
Para completar19
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Elemento" | i.fa-solid |
19
|
| 2 | "Nueva medición" | span |
14
|
| 3 | "Elemento" | div.header__avatar |
10
|
| 4 | "200 L · Dulce · Cíclidos" ⚠️ ¿Dead Click? | p |
6
|
| 5 | "Arrecife Caribeño" ⚠️ ¿Dead Click? | h3 |
5
|
| 6 | "Elemento" ⚠️ ¿Dead Click? | ul |
4
|
| 7 | "Nueva medición" | a.fab |
3
|
| 8 | "Elemento" | a |
3
|
| 9 | "PH 7.2 AMONÍACO 0.0 NITRITOS 0" | ul.params |
2
|
| 10 | "Parámetros" | a.bottom-nav__item |
2
|
Voz del Usuario
"El botón no lo termino de ver abajo, o al menos cómo está integrado abajo, ya que se confunde con "cosas" que tiene por debajo. Quizá ponerle en fondo plano por debajo que impida que vea otras "cosas", o poner el botón en la parte superior-derecha."
"Fácil, el botón flotante está muy accesible abajo."
"Sencillo"
Misión 6
Medición Numérica
100%
18 completados0%
0 se rindieron47s
Para completar18
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "GUARDAR" | button.btn-primary |
26
|
| 2 | "Elemento" | i.fa-solid |
22
|
| 3 | "pH" ⚠️ ¿Dead Click? | h3 |
18
|
| 4 | "7" | input#numeric-value |
13
|
| 5 | "Tetra Sera" | select#scale-select |
10
|
| 6 | "color · Tetra / Sera" ⚠️ ¿Dead Click? | p |
8
|
| 7 | "Elemento" | div.range-bar |
8
|
| 8 | "RANGO ÓPTIMO: 6.8 – 8.2 5 6.8" | div#range-info |
6
|
| 9 | "Elemento" ⚠️ ¿Dead Click? | img |
6
|
| 10 | "Nueva medición" | span |
5
|
Voz del Usuario
"Sencillo. Nada que añadir... Quizá decir que lo que aparecía debajo del número parecía un slider y lo he intentado mover sin resultado, hasta que me he dado cuenta que tenía que meter a mano el valor numérico. "
"No he registrado, he modificado, y desde la misma pantalla, por lo que el enunciado fue confuso."
"Bien"
"Pensaba que podía arrastrar en la barra para que cambiase el número en vez de escribir el número con el teclado."
Misión 7
Medición con Foto
89%
16 completados11%
2 se rindieron51s
Para completar18
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Elemento" ⚠️ ¿Dead Click? | img |
94
|
| 2 | "Siguiente" | a#fab-continue |
38
|
| 3 | "Elemento" | i.fa-solid |
30
|
| 4 | "Capturar" | a#fab-take-pic |
20
|
| 5 | "Capturar foto del test" | a#capture-link |
16
|
| 6 | "GUARDAR CAMBIOS" | button.btn-primary |
8
|
| 7 | "Amoniaco" ⚠️ ¿Dead Click? | h3 |
8
|
| 8 | "#D4D3CF" | span.point |
6
|
| 9 | "Nuevo parámetro" ⚠️ ¿Dead Click? | ul |
5
|
| 10 | "Editar" | a |
5
|
Voz del Usuario
"No consigo dar con esta, quizá está algo escondida."
"No termino de entender la pregunta o no termino de encontrar la opción."
"No coge el color"
"No entendí muy bien el color del resultado con el color del puntero del mouse, no había concordancia ni actualización por lo que el ejercicio me pareció un poco confuso. No entendí si el valor que pedía era blanco ni si debía buscar un color exacto desde la gama en la foto. (nota que aquí el usuario tiene discromatopsia)."
"A la hora de ver si es numero o color cuesta un poco, pero luego el proceso para encontrar la cámara está bien"
"No me he enterado bien para qué eran los dos puntos de color y al principio con la foto pensaba que tenía que elegir punto de color y no que sólo era tomar la foto"
Misión 8
Visualizar Gráficas
89%
16 completados6%
1 se rindieron55s
Para completar18
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Elemento" | i.fa-solid |
26
|
| 2 | "Gráficas" | span.tab |
23
|
| 3 | "Nitratos" | button#nitrate-button |
16
|
| 4 | "Amoníaco" | button.chart-btn |
15
|
| 5 | "7.2" | span.m-param__value |
12
|
| 6 | "Elemento" | canvas#chart-main |
10
|
| 7 | "Nuevo parámetro" ⚠️ ¿Dead Click? | ul |
8
|
| 8 | "Arrecife Caribeño" | h2.card__name |
5
|
| 9 | "NITRATOS 2.0" | li.m-param |
5
|
| 10 | "Lago Malawi 200 L · Dulce · C" | a.card__link |
4
|
Voz del Usuario
"Se llega bien, aunque me ha costado encontrar la solución."
"No recuerdo si por error estaba mirando los nitritos en el primer acuario pero el ejercicio no se validó como completo hasta no ir hacia atrás al dashboard y seleccionar otro acuario -> gráfica -> nitratos."
"Al seleccionar las opciones para mostrar cada gráfica no se leia del todo bien, le daría un poco de tamaño"
"Pensaba que en las pastillas de la info podía pinchar para ir directamente a la gráfica"
Misión 9
Exportar Datos
100%
17 completados0%
0 se rindieron34s
Para completar17
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "3" | input.cb-content |
25
|
| 2 | "DESCARGAR ARCHIVO" | button.btn-primary |
17
|
| 3 | "Exportar datos" | a.btn-action |
12
|
| 4 | "SELVA AMAZÓNICA 60 L · DULCE " | label.check-item |
10
|
| 5 | "on" | input#cb-all |
10
|
| 6 | "Selva Amazónica 60 L · Dulce " | a.card__link |
5
|
| 7 | "Elemento" | i.fa-solid |
4
|
| 8 | "Importar/Exportar" ⚠️ ¿Dead Click? | p |
3
|
| 9 | "PH 7.2 AMONÍACO 0.0 NITRITOS 0" | ul.params |
3
|
| 10 | "Descarga el historial de medic" ⚠️ ¿Dead Click? | p.settings-item__desc |
2
|
Voz del Usuario
"Fácil de llegar, aunque sigue sin convencerme que los botones sean accesibles a través de que mueva el dedo y no de un primer vistazo a la pantalla, aunque entiendo que, con todos los parámetros que hay para exportar, se ponga la "tarea" un poco más difícil al usuario para que no se olvide de ningún dato. "
"Un poco confuso los checkboxes de propiedades que estaban sin marcar, ya que a priori no sé qué datos me va a exportar y de no estar marcados existe el riesgo de crear un archivo vacío y perder tiempo en salir del aplicativo para explorar un archivo sin valor añadido. ¿Cual sería la expectativa de negocio con respecto a esta funcionalidad?"
"Fácil"
Misión 10
Importar datos
94%
16 completados0%
0 se rindieron68s
Para completar17
Sesiones totalesDistribución de Usuarios
Elementos más clickados
| # | Elemento / Texto | Selector | Clicks |
|---|---|---|---|
| 1 | "Elemento" | i.fa-solid |
38
|
| 2 | "IMPORTAR SELECCIONADO" | button.btn-primary |
19
|
| 3 | " Simular selecció" | button#btn-simulate-select |
16
|
| 4 | "Importar/Exportar" ⚠️ ¿Dead Click? | p |
14
|
| 5 | "Gráficas" | span.tab |
13
|
| 6 | "Importar datos" ⚠️ ¿Dead Click? | p.settings-item__title |
10
|
| 7 | "Elemento" ⚠️ ¿Dead Click? | ul |
9
|
| 8 | "Carga un archivo de mediciones" ⚠️ ¿Dead Click? | p.settings-item__desc |
8
|
| 9 | "Elemento" | input#file-input |
8
|
| 10 | "Elemento" | div.header__avatar |
7
|
Voz del Usuario
"Fácil y claro de llegar.. Aunque sigo diciendo lo mismo... Los botones del menú inferior no tienen presencia ni personalidad y acaban siendo devorados por las cards de los acuarios "
"TIenes un botón de exportar desde el acuario pero al salirme de la pantalla me aparece un apartado nuevo donde me deja exportar... Si quiero importar los datos lo sacaría fuera para que directamente pueda seleccionar que tipo o cosa quiero importar y luego ya subo el archivo o lo que sea"
"Quizás resaltar los datos que hacen conflicto o impedir que el usuario pueda proceder sin tomar una decisión al respecto."
"Eh? No me parece lógico que tenga que exportar datos para luego me de opción de importarlos. Debería ser dos funcionalidades distintas que no estén ligadas. En un caso real sería casi imposible que hubiese llegado a la solución."