**Proyecto 2: Testing de Usabilidad Diseño de interfaces web
1. Instrucciones
Las siguientes indicaciones de entrega servirán para todas las entregas de este módulo.
El contenido de la actividad estará recogido en un archivo formato pdf, con nombre del documento diw.nombre-practica.nombre.apellido.pdf, siendo:
- diw son las siglas del módulo
- Nombre de la práctica
- Nombre del alumno.
- Apellidos del alumno
El nombre del documento no deberá contener acentos.
Por ejemplo, siendo la entrega de la práctica de prototipado web y alumna Viana Fernández el documento a entregar sería diw.practica-prototipado-web.viana.fernandez.pdf
El contenido del documento deberá de estar bien presentado, sin faltas de ortografía y manteniendo una estética correcta. Además, dentro del documento deberán aparecer los nombres y apellidos de los alumnos/as.
Si el contenido del documento ha sido obtenido de fuentes de Internet, deberá de ser indicado la url en la que se encontró.
Cualquier plagio de la tarea significará la calificación negativa de 0 tanto para el/la alumno/a que copia como para el/la alumno/a que ha dado la tarea, calificándose también con un 0 el Resultado de Aprendizaje que se trabaje en esta unidad para la evaluación.
Cualquier entrega que no cumpla las características indicadas no será corregida.
El archivo generado en esta práctica deberá ser entregado a través de la plataforma Moodle por medio de la correspondiente tarea generada para ello. Cada alumno deberá subir una copia de su correspondiente archivo, aunque la tarea haya sido realizada de manera grupal.
2. Objetivos
- Analizar la usabilidad de aplicaciones web
- Saber adecuar el diseño de una interfaz al objetivo y usuarios
- Utilizar herramientas y técnicas para medir la usabilidad
3. Resultados de aprendizaje y Criterios de evaluación
RA6 Desarrolla Interfaces webs amigables analizando y aplicando las pautas de usabilidad.
CE. 6a) Se ha analizado la usabilidad de diferentes documentos Web.
CE. 6b) Se ha modificado el interfaz Web para adecuarlo al objetivo que persigue y a los usuarios a los que va dirigido.
CE. 6e) Se han analizado diferentes técnicas para verificar la usabilidad de un documento Web.
RA1 Planifica la creación de una interfaz valorando y aplicando especificaciones de diseño.
CE. 1a) Se ha reconocido la importancia de la comunicación visual y sus principios básicos.
4. Prueba
Análisis de Aplicación Web: Una vez que hemos finalizado nuestro proyecto, debemos realizar un informe teniendo en cuenta lo siguiente:
El proceso de la práctica es el siguiente:
1º Prepara el test con maze con la aplicación diseñada (obligatoria): ver tipos de pruebas aquí
Mínimo realiza 4 de los 6 tipos de test que se pueden realizar con Maze.
Pasamos la URL para que realicen el test entre 5-20 personas distintas.
La aplicación usada es maze con su plan gratuito.
2º Otra opciones para complementar los test si no son suficientes (opcional):
Prepara el test de los 5 segundos con la aplicación diseñada:
Mínimo realiza el análisis de la home, listado y producto, cada uno con preguntas.
Pasamos la URL para que realicen el test entre 5-20 personas distintas.
La aplicación usada es Lyssna con su plan gratuito.
Realiza el test https://vas.3m.com
Debes incluir las mismas pantallas que en el test anterior.
Señalar los puntos claves para analizar.
Descarga el informe que te genera.
3º Realiza un informe, donde, teniendo en cuenta los informes recopilados en ambos análisis, expliques un poco sobre los resultados obtenidos, teniendo en cuenta las preguntas del análisis heurístico visto en clase. Además, si fuese necesario realizar alguna modificación para mejorar al proyecto debes indicarlo.
4º Por último, ¿Crees que la web cumple visualmente las expectativas?¿Ha utilizado los elementos del diseño en el prototipo? ¿Crees que es importante el mensaje que transmitimos? justifica tu respuesta, no escribas solamente si o no. :)
5. Entrega final
Debéis entregar:
- Documento con el informe completo.
- Los archivos que se hayan generado de los dos test realizados.
- Debéis integrarlo al proyecto de Figma en una nueva página, con enlaces directos y/o la información incrustada.
Ánimo 🖖