Esta es la segunda versión del primer proyecto de Laboratoria-009, cipher. En el primer intento no logré un buen diseño, por eso he trabajado un poco más en este, dirigiéndolo a un público infantil, pensando en que puedan crear mensajes secretos.
Investigué sobre tipografías que resultaran sencillas a niñas y niños, cuyas características son tener el eje X bajo, pocos adornos y no exceder su estilización. El resto de la aplicación es sencilla, de sólo dos pantallas, con botones grandes, claros y colores sencillos.
En la primera idea sobre la aplicación pensé utilizar 4 pantallas, pero con el feedback descubrí que era innecesario para mi producto final. También me hicieron notar que podía ser muy similar a un traductor, haciéndome más fácil el diseño para las pantallas de ingresar el texto y los resultados. Después de recibir feedback de coaches, decidí cambiar el diseño, ayudándome en lo que aprendí del segundo proyecto: Data Lovers.
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).
- 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).