HCI Planner
Resumen
HCI Planner es una aplicación web que diseñé para apoyar a los estudiantes de mi maestría en interacción humano-computadora (HCI) en la planificación de sus estudios.
Tecnologías Utilizadas
- Frontend: React, Next.js, TailwindCSS, DaisyUI
- Gestión de Estado: Zustand
- Pruebas: Jest, React Testing Library
- Herramientas: TypeScript, ESLint, Prettier
Resultados
Hasta ahora, más de 20 estudiantes han utilizado la aplicación, y los comentarios han sido solamente positivos. Los usuarios han encontrado la aplicación útil y fácil de usar, lo que ha facilitado su planificación académica.
Lecciones Aprendidas
- Gestión de Estado: Zustand resultó ser una excelente elección para el manejo de estados. Proporciona una API simple que se integra bien con React, además de ser una herramienta liviana y eficiente. Para los desarrolladores, es fácil de aprender, usar y separar la lógica, lo que lo convierte en una gran opción para aplicaciones de tamaño mediano a grande.
- Temas Personalizados: Dar a los usuarios la capacidad de personalizar el tema de la aplicación es una forma excelente y divertida de mejorar la experiencia del usuario. DaisyUI facilitó la implementación de varios temas diferentes, que los usuarios disfrutaron y apreciaron.
Conclusión
Crear el Planificador HCI demuestra el potencial de combinar frameworks y bibliotecas modernas con principios de diseño participativo. El proyecto tuvo un propósito muy práctico y también actuó como una herramienta de aprendizaje tanto para los usuarios como para mí como desarrollador. Los comentarios positivos que he recibido de los usuarios han sido bastante agradables, y espero seguir colaborando con otros estudiantes de HCI para mejorar la aplicación.
Fue una experiencia muy positivia que, para mí, destacó la importancia de diseñar de forma incremental y reflexiva, mientras se usan prácticas estructuradas de desarrollo.