Skip to content

mockups

csolanor22 edited this page Oct 1, 2023 · 1 revision

Mockpus

Vistas por usuarios

  • Vistas para todos los usuarios
    • Landing page
    • Login
    • Navbar
  • Vistas empresas
    • Registro
    • Dashboard inicial
    • Ver proyectos
      • Búsqueda candidatos
      • Entrevistas programadas
      • Asignación/selección de candidatos
        • Vista Proyectos
          • Creación de proyecto
      • Botón en la vista de proyectos
      • Formulario de creación de proyectos
        • Resultados de entrevistas
      • Botón en la vista de proyectos para ir a resultados
      • La entrevista tiene un puntaje (visto en estrellas) y un comentario.
      • Listado de personas que presentaron entrevistas para el proyecto
      • Filtros: Fechas, Rol, Tipo y Candidato
        • Sección Candidatos contratados
      • Un listado de candidatos contratados con un botón al frente que diga calificar
      • Al dar clic al botón calificar muestra un modal con estrellas y campo para dejar comentario
    • Vista Búsqueda de candidatos
      • Listado de candidatos según filtros aplicados
      • Panel para escoger y aplicar filtros
      • Modal para ver el detalle de un candidato
    • Vista entrevistas programadas
      • Listado de entrevistas con fecha y hora, nombre candidato, proyecto.
      • Es un maestro detalle que al desplegarlo muestra toda la info
    • Vista de asignación de candidatos
      • Listado de candidatos que participaron en el proceso con nombre, número de cédula y correo electrónico
      • Un check para escogerlos y finalmente guardarlos
  • Vistas candidatos
    • Registro
    • Dashboard candidatos
      • Listado de pruebas a presentar
      • El listado es un maestro detalle con un botón al frente que diga presentar
  • Vistas ABC
    • Registro
    • Registro de nueva prueba técnica
    • Cargue de banco de preguntas
    • Asignar pruebas a candidato
      • Listado de candidatos
      • Un botón asignar pruebas
      • Se despliega una modal con un dropdown para escoger las pruebas disponibles

Prototipo de papel

Al definir las vistas se optó por crear un prototipo de papel que nos permitió aclarar dudas sobre las interacciones que debería tener el usuario con la aplicación. El proceso que se siguió fue el siguiente:

  • Identificar las historias de usuario que se van a implementar en el MVP
  • Enumerar las vistas a elaborar
  • Definir el contenido de las vistas
  • Realizar el cableado entre vistas
  • Testear el prototipo con un posible usuario y evaluar las interacciones
  • Anotar y corregir

image

Las conclusiones a las cuales llegó el equipo a partir del prototipo fueron:

  • Falta incluir varias vistas para cargar información de pruebas y preguntas
  • Se deben ajustar algunos flujos en la aplicación correspondientes a la asignación de pruebas

Web

https://www.figma.com/file/DHBjUgakFdVozgwQ3k41lX/Untitled?type=design&node-id=0%3A1&mode=design&t=FVh6FjiqjE9U8By7-1 image

Mobile

https://www.figma.com/file/wvsMK3VsHfulwpWlnYEBZX/Mobile?type=design&node-id=54496%3A24452&mode=design&t=B3FFhxE4lYvRP3zg-1 image

Clone this wiki locally