INFORME FINAL
ALEJANDRO DE LA TORRE Y
FLORENCIA BASSO
DISEÑO DE IMAGEN Y SONIDO III DOCENTE:
ALVARO GHISOLFO
1° CUATRIMESTRE - TURNO NOCHE - 2018
Índice
Sumario
Investigadores Introducción Hipótesis Objetivos
Participantes Metodología
Escenarios y tareas Resultados
-Tareas completadas -Errores
-Puntos claves -Citas notables Recomendaciones Conclusión
1
2
3
4
7
8
10
12
14
15
15
15
18
19
20
24
Este documento tiene como finalidad describir
todos los pasos realizados por el equipo para crear un producto digital que mejora la experiencia de los usuarios en el momento de buscar estacionamiento en calles y lugares públicos de Capital Federal.
A través de varias entrevistas se pudo conocer
cuáles eran los principales problemas que tienen las personas al buscar donde estacionar.
Con estos datos creamos un perfil de usuario que representaba a nuestro público promedio. A partir de este, pensamos soluciones posibles a hipotéticos problemas que más tarde, con las pruebas a los
usuarios a través de prototipos de la aplicación con el programa de InVision, se confirmarían o se
refutarían.
Estas pruebas nos permitieron llegar a varias conclusiones con las cuales podremos facilitar y optimizar el uso general de BA Estaciona.
sumario
2
Investigadores
Florencia Basso
Alejandro de la Torre
22 años
22 años
Estudiante de Comunicación Web
Estudiante de Diseño de imagen y sonido
3
Introducción
“La usabilidad es el grado de eficacia, eficiencia y satisfacción con que los usuarios específicos pueden lograr objetivos específicos en contextos de uso específicos.”
Los métodos de investigación de la experiencia del usuario son utilizados para producir datos e ideas basadas en evidencia de las verdaderas necesidades del usuario, no las que el equipo pueda suponer, con el fin de mejorar el desarrollo de un proyecto.
Las etapas mas importantes son:
Etapa de descubrimiento: Se hacen entrevistas de usuario a partes interesadas.
Se recopila requisitos y restricciones que señalan los usuarios. Se ejecutan estudios diarios para comprender las necesidades y comportamientos de información de sus usuarios.
Etapa de exploramiento: Se crea personajes posibles que representen con mayor exactitud aquellas personas que utilicen el producto, se escribe viajes del usuario y se hace una revisión de diseño.
Realización de pruebas: Se llevan a cabo las pruebas de usabilidad y las
evaluaciones de accesibilidad. Se le pide a los participantes de la prueba que usen el sistema mientras piensan continuamente en voz alta, es decir, verbalizan sus pensamientos a medida que se mueven a través de la interfaz de usuario.
Etapa final de análisis: Se hacen las encuestas sobre la satisfacción del producto, se hace un análisis, se revisa los errores de uso y las preguntas frecuentes para tratar de resolver los problemas que representan.
4
Sobre la aplicación
BA Estaciona es un proyecto de aplicación móvil cuya función principal es que el usuario pueda ver y consultar los lugares públicos y las calles en las que está permitido estacionar dentro de la ciudad de Buenos Aires para
finalmente dejar señalado en el mapa el lugar donde se estacionó con éxito.
Además de esta función, la aplicación permite consultar las normas de estacionamiento vigentes, pagar el
estacionamiento medido y consultar un mapa que se actualiza constantemente, mostrando las calles
habilitadas y las no habilitadas para estacionar. En este mapa también existe la posibilidad de mostrar los
lugares exclusivos para personas con discapacidad,
conocer la ubicación de los cospeles más cercanos, estar informado sobre eventos que puedan cambiar las
condiciones de estacionamiento y conocer los cortes de calles en tiempo real.
5
FUNCIONES PRINCIPALES
E S T A C I O N A R M I A U T O
M A P A I N F O R M A T I V O
E S T A C I O N A M I E N T O M E D I D O
C O N S U L T A R N O R M A S
La sección principal de la aplicación y, en la mayoría de los casos, la primera acción que los usuarios realizarán. Al tocar el
botón, se informa si el lugar en el que se pretende estacionar esta habilitado o no.
La sección donde el usuario navega y tiene una referencia visual de los lugares habilitados para luego dejar un “marcador” que le
permitirá recordar el lugar donde dejó el auto por última vez.
La sección en la que el usuario tiene un rápido acceso a las normas de estacionamiento con ayuda de un buscador.
Dirige a un formulario con el propósito de pagar e informar las horas que restan del estacionamiento medido.
6
Hipótesis
A N T E S D E R E A L I Z A R L A S P R U E B A S
F O R M U L A M O S L A S S I G U I E N T E S H I P Ó T E S I S :
4 3 2 1
Los usuarios podrán realizar las tareas de estacionar su auto y de pagar el estacionamiento medido sin mayores
problemas.
Los usuarios entenderán fácilmente el orden jerárquico de botones que hemos propuesto en la pantalla de inicio.
Los usuarios tendrán que probar varias opciones para encontrar la configuración del mapa.
Los usuarios no tendrán problemas con la ubicación, el tamaño y los colores de los botones y textos de la
aplicación.
7
Objetivos
L O S O B J E T I V O S P L A N T E A D O S P A R A E S T A S P R U E B A S C O N U S U A R I O S S O N :
1
Constatar que nuestra aplicación es sencilla de utilizar y que los usuarios no tendrán problemas para navegarla ni
para realizar las tareas que se propongan.
Conocer la opinión externa que tienen los usuarios de la aplicación para recibir consejos y sugerencias que puedan
mejorar el uso y las funciones de la misma.
Mejorar la tasa de errores y equivocaciones que los usuarios puedan tener dentro de la app a partir de una
minuciosa observación de los testeos.
2
3
8
Sobre la prueba
Se registró la interacción de cinco
participantes con el producto por medio de grabaciones, una frontal y otra a la pantalla
del celular.
La primer prueba fue realizada con 3 usuarios el día 17/05/2018 en la Universidad de
Palermo.
Luego de hacer pequeñas modificaciones en la aplicación teniendo en cuenta las
devoluciones de los usuarios, realizamos otra prueba, esta vez con dos usuarios en la zona
de Ramos Mejía el día 02/06/2018.
9
Participantes:
Entre 18 y 35 años, Conducen
Viven por la zona de Capital Federal y alrededores.
Se reclutaron a 5 posibles usuarios de manera aleatoria.
ARQUETIPO
El grupo de participantes estaba compuesto por 1 mujer y 4
hombres.
Los usuarios elegidos comparten las siguientes características:
10
Datos relevantes de los participantes
Nombres Ciudad Edad Sistema
operativo Otros
productos
Manuel Adaro
Natalia de la Torre
Hernan Trujillo
Tomas Bruzzoni
Iral Onetto
Capital Federal
Capital Federal
Ramos Mejia
Capital Federal
Capital Federal
19 Android Apps para
informarse.
Diarios online.
ProCam.
IOS 20
22
22
34
Android
IOS
Android Google Fotos, Strava.
Editor de fotos.
11
Metodología
Se generó un listado de temas y preguntas para poder realizar entrevistas con el objetivo de formar las
hipótesis detalladas anteriormente.
1
2
3
4
5
Se realizó el análisis de todas las entrevistas grabadas para identificar en ellas personajes constantes,
variables de comportamiento, objetivos, etc.
Se construyó el personaje más representativo basado en la investigación realizada, detallando una descripción
del mismo y su viaje de usuario.
Se definieron los problemas a resolver y se generó una visión del producto que le brindaría la soluciones a los
usuarios. Volcamos estas ideas en prototipos.
Se realizó un diagrama de flujo y wireframes para poder realizar pruebas con usuarios.
12
La prueba
Se comenzó con una introducción en la cual los usuarios contestaron unas preguntas generales sobre
ellos.
1
2
3
4
Se les mostró por un breve período de tiempo la pantalla de inicio de la aplicación para que pudieran
dar sus apreciaciones generales a simple vista.
Se puso a los usuarios en tres escenarios distintos para que resuelvan, en cada uno de estos, una tarea
específica.
Se le entregó a cada usuario un cuestionario SUS (System Usability Scale), en el cual puntuaron distintos aspectos de la usabilidad de la app con
valores del 1 al 5.
13
Escenarios y tareas
S E P L A N T E A R O N 3 E S C E N A R I O S E N L O S C U A L E S L O S U S U A R I O S D E B Í A N R E A L I Z A R U N A T A R E A E S P E C Í F I C A .
1
Escenario: “Te encontrás en tu auto y acabás de estacionarlo en una calle, querés comprobar que el lugar elegido se encuentra habilitado y de alguna manera recordar el lugar exacto donde lo dejaste para luego volver.”
Escenario:
"Acabás de estacionar en un sitio cuyo estacionamiento es medido.”
Escenario: “Imaginá que tenés alguna discapacidad y querés conocer los sitios exclusivos de estacionamiento con prioridad.”
Tarea: “Estacionar tu auto desde la aplicación, dejando marcado el sitio y luego utilizar la función de regresar a tu auto para ser guiado hacia el punto donde este está estacionado.”
Tarea:
“Pagar el estacionamiento medido a través de la aplicación.”
Tarea:
“Habilitar la vista de sitios con prioridad para discapacitados.”
2
3
14
Métricas de eficacia:
Nombres Tarea 1 Tarea 2 Tarea 3
Manuel Adaro
Natalia de la Torre Hernan
Trujillo Tomas Bruzzoni
Iral
Onetto 1
1 1 1 1
1 1
1 1
Sumatoria
1 1
1
80%
1
0
4 1
5
100%
5
100%
Resultados
15
Metricas de satisfacción
1 Creo que utilizaría esta app con bastante frecuencia.
2 Encuentro este sistema innecesariamente complejo.
3 Pienso que el sistema es fácil de usar.
4 Creo que necesitaría ayuda o soporte técnico para hacer uso de esta app.
5 Encuentro las diversas funciones del sistema bastante bien integradas.
6 He encontrado demasiada inconsistencia en este sistema.
7 Creo que la mayoría de la gente aprendería a utilizar la app rápidamente.
8 He encontrado el sistema bastante incómodo para usar.
9 Me he sentido muy seguro haciendo uso de esta aplicación.
10 Necesitaría aprender un montón de cosas antes de poder manejar la app.
Mide el nivel de satisfacción de los usuarios con el uso de la interfaz. Es un método cuantitativo compuesto por 10
preguntas, las cuales son puntuadas del 1 al 5 por los usuarios.
Cuestionario:
16
Resultados SUS
Nombres / Respuestas
Manuel Adaro
Natalia de la Torre
Hernan Trujillo
Tomas Bruzzoni Iral
Onetto R1
R2 R3 R4 R5 R6 R7 R8 R9
R10
SUS Score 77,5% 82,5% 92,5% 92,5% 92,5%
SUS Total: 89%
3 2 3 3 3 3 3 4 3 4
3 4 2 3 3 4 3 4 3 4
4 3 2 4 4 4 4 4 4 4
4 4 3 4 3 4 3 4 4 4
3 4 4 4 4 4 4 4 4 4
17
Puntos clave
Los resultados mostraron claramente que los usuarios pudieron completar con mayores o menores problemas
las tareas requeridas, pero que en varios casos esto requirió más esfuerzo del que se presumía en nuestra
hipótesis.
La mayoría de los usuarios realizó la tarea de estacionar su auto a través del mapa y no del botón principal de la aplicación. Esto no es necesariamente malo, pero indica
un problema en la interpretación del botón principal.
La mayoría de los usuarios visitó varias pantallas antes de poder acceder a las configuraciones del mapa. De todas formas, la mayoría lo logró luego de pensarlo con
detenimiento.
Varios usuarios aseguraron ver 3 botones en lugar de 4 al describir la aplicación a simple vista.
18
Citas notables
“Me pareció más como una presentación a lo que iba la aplicación...además como estaba la foto de fondo no le di
importancia”
“No le había prestado atención..yo lo bajaría un poco
“Veo el logo arriba, tres botones, información detallada de donde estoy..”
“Me parecería útil que la aplicación te tire una alarma de que se está agotando el tiempo de estacionamiento
permitido en las calles restringidas por horarios”
Usuario refiriéndose al botón principal de estacionar mi auto en pantalla principal.
Usuario refiriéndose al botón de estacionar en el mapa informativo.
Usuario respondiendo a qué es lo que veía en la pantalla principal.
Usuario recomendando en base a una experiencia personal.
19
Recomendaciones
- Problemática: 4 de 5 usuarios mostraron problemas para identificar al botón
principal de “Estacionar mi auto” como tal.
- Interpretación: Creemos que esto se debe por una cuestión de diseño ya que al ser diferente a los demás botones y poseer una imagen de fondo varios usuarios lo identificaron como un título o una
presentación de la app.
- Gravedad: 3
- Recomendación: Cambiar el diseño del botón “Estacionar mi auto”. Sacar la imagen de fondo, centrar el ícono, agrandar su tamaño para mantener su jerarquía por sobre los demás y colocar el texto de “Estacionar mi auto” abajo de este para que se asemeje en mayor medida al resto de los botones de la pantalla de inicio.
Pantalla principal
20
Recomendaciones
Pantalla del mapa
-- Problemática: 1 de 5 usuarios
remarcó que el botón para estacionar desde el mapa estaba en una posición difícil de alcanzar.
- Interpretación: Creemos que esto se debe por una cuestión de diseño ya que la ubicación de este botón fue pensada únicamente desde la estética.
- Gravedad: 3
- Recomendación: Cambiar la
ubicación del botón (actualmente se encuentra arriba a la izquierda) a otra que sea más cómoda teniendo en
cuenta la gesticulación de los dedos.
21
Modificaciones
Teniendo en cuenta las zonas de mayor
comodidad, se cambió la ubicación del botón en las
pantallas del mapa.
22
Modificaciones
Optamos por igualar el botón principal a los secundarios en cuanto a forma y texto
para evitar confusiones.
23
Conclusión
El test de usabilidad de “BA Estaciona” evidencia errores de diseño que causan problemas en la correcta
percepción del usuario sobre la información y las posibilidades mostradas en la pantalla principal.
Los participantes de la prueba ignoraron
completamente el botón principal de la aplicación y terminaron realizando la tarea por una vía más compleja.
La situación no es grave y creemos que es fácil de resolver ya que se trata solo de un botón y contamos con
las recomendaciones de nuestros usuarios de prueba.
Por otro lado, el desempeño de los usuarios en las tareas requeridas y los resultados de las encuestas SUS
muestran que la navegación general de la aplicación es correcta y no representa mayores dificultades.
Mas allá de todo esto, pensamos que la aplicación puede mejorar aún más en un futuro y que con las correctas modificaciones y pruebas este puede ser un producto de
primer nivel.
24
