• Titulo de Proyecto:

• Resumen:

• Objetivos:

• Investigación UX:

  1. Descubrimiento e Investigacion (Research):

  2. Síntesis y definición:

  3. Ideación:

  4. Prototipado:

     • Prototipo de baja fidelidad:
     • Prototipo de mediana fidelidad:
     • Prototipo de alta fidelidad:

  5. User Testing:

Check Digit

Check Digit es una aplicación web dirigida a usuarios que hayan adquerido una tarjeta virtual, via online y desean validar el número de la misma para evitar cualquier incomveniente.

El objetivo de la aplicación web es permitir a los usuarios validar el número de su tarjeta, de tal forma que les permita saber si el numero de tarjeta otorgado es válido o inválido. Además de darles la posibilidad de interactuar con mayor comodidad con el facilitador de la aplicación.

1. Descubrimiento e investigación (Research)

Los usuarios son personas de género indistinto, con edades de entre 18 y 55 años y con conocimiento intermedio del uso de tecnologías y aplicaciones móviles. Quienes suelen realizar compras online con mayor frecuencia.

2. Síntesis y definición

En la etapa de Investigación Contextual se reconció de forma clara el perfil común de un usuario, además de sus necesidades para idear el desarrollo de la aplicación web.

3. Ideación

Se idearon y maquetaron varias posibles propuestas para cada funcionalidad a implementar. A continuación se mostrará el boceto de la pantalla del cuál se recibió feedback que nos indica mejorar / cambiar la interfaz.

• Boceto de ideación para la funcionalidad:

En esta pantalla se consideró la funcionalidad básica de ingresar el número a validar y mostrar el resultado en una ventana de alert.

• Feedback:

El usuario indica que la aplicacion no es de fácil comprensión y no es muy amigable, sugiere poner una pequeña descripción de la funcionalidad y el resultado final poder mostrar con una imagen de ser podible.

• Despues del feedback

Se reconoció que la interfáz ideada no era muy amigable y entendible para el usuario.

4. Prototipado

En éste punto se procede a unir insights adquiridas en el proceso de Ideación y los feedbacks para lograr obtener una interfaz adecuada y y amigable para el tipo de usuario.

• Feddback:

En este feedback el susario indica adicionar un texto descriptivo dentro del formulario, además sugiere que el párrafo de la parte inferior como se ve en el prototipo se veria mejor si va en la parte superior.

• Despues del feedback:

• Prototio de alta fidelidad:

https://marvelapp.com/d026e6a

5. User Testing

Para ésta fase del proceso de Desarrollo del diseño, se realizaron pruebas de usabilidad a usuarios finales. A los cuales se les asignó una "Lista de tareas" que debían llevar a cabo en la interfaz de la web, sin que se le diera mayores indicaciones de uso. Además se les realizó una lista de preguntas con la finalidad de obtener feedback y asegurarnos que nuestra interfaz cumplía con las reglas de usabilidad necesarias según nuestro tipo de usuario.

​ A continuación te presentamos los objetivos de aprendizaje de este proyecto. Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto. ​

​

• Diseñar la aplicación pensando y entendiendo al usuario.
• Crear prototipos para obtener feedback e iterar.
• Aplicar los principios de diseño visual (contraste, alineación, jerarquía). ​

​

• Uso correcto de HTML semántico.
• Uso de selectores de CSS.
• Construir tu aplicación respetando el diseño realizado (maquetación). ​

​

• Uso de selectores del DOM.
• Manejo de eventos del DOM.
• Manipulación dinámica del DOM. ​

​

• Manipulación de strings.
• Uso de condicionales (if-else | switch).
• Uso de bucles (for | do-while).
• Uso de funciones (parámetros | argumentos | valor de retorno).
• Declaración correcta de variables (const & let).
• Uso de ES modules (Inport | Export) ​

• Testeo de tus funciones.

• Comandos de git (add | commit | pull | status | push).
• Manejo de repositorios de GitHub (clone | fork | gh-pages). ​

• Uso de identificadores descriptivos (Nomenclatura | Semántica).
• Uso de linter para seguir buenas prácticas (ESLINT).