El Servicio de Impuestos Internos (SII), consciente de la importancia de fomentar una cultura fiscal y tributaria para las nuevas generaciones fortaleciendo la educación y responsabilidad fiscal desde etapas tempranas, ha creado la Comunidad Educativa SII, buscando además desarrollar habilidades de convivencia y valores ciudadanos, a través de la colaboración entre docentes, estudiantes y padres y/o tutores, con el respaldo del SII. La Comunidad Educativa del SII permite que docentes, estudiantes y padres y/o tutores, puedan acceder a distintos recursos educativos sobre temas fiscales.
Rol
UX UI Designer
Tiempo
4 Meses
Tools
Figma - Illustrator IA
Sector
Educación Fiscal
Contexto
Juegos para niños con contenido educativo sobre los impuestos y su relevancia en la sociedad. Recursos valiosos para apoyar a los estudiantes en su proceso de aprendizaje.
Proceso
En primer lugar en base a los requerimientos entregados por el cliente (referencias, contenido), comencé a construir los diagramas de flujo considerando los objetivos de cada juego divididos por curso, edad y materia.
En esta etapa analice varios sitios de juegos educativos, para entender que hay actualmente en el mercado y a que están acostumbrados los usuarios (observar patrones). En efecto para así deducir si son fáciles de utilizar (examen de usabilidad).
Documentación - Propuesta Juegos en línea - Comunidad Aprendizaje SII.
Userflow Quiz de 5º y 6º básico
Userflow Juego 1º básico - 7 años - Matemáticas
Userflow 6º básico - 12 años - Matemáticas
Userflow 7º básico - 13 años - Historia
Desarrollar los diagramas de flujo me permitirá detectar fallos en los procesos.
Exploraciones
Durante la creación de los wireframes inicie a estructurar la información haciendo varias pruebas de distribución del contenido y así visualizar los diferentes caminos de un modo rápido y sencillo, teniendo como resultado que pueda plasmar las primeras estructuras básicas y representar las diferentes funcionalidades.
Wireframe Quiz de 5º y 6º básico
Wireframe Juego 1º básico - 7 años - Matemáticas
Wireframe 3º básico - 9 años - Lenguaje
Wireframe 6º básico - 12 años - Matemáticas
Wireframe 7º básico - 13 años - Historia
Wireframe 8º básico - 14 años - Historia
Inicie con la propuestas de Wireframes por su facilidad de creación.
Wireflow
Documentando las acciones de los usuarios. (Esto me ayudara a entender mejor los flujos de navegación, las interacciones entre pantallas y, en consecuencia, a desarrollar una mejor experiencia de usuario).
Wireflow Quiz de 5º y 6º básico
Wireflow Juego 1º básico - 7 años - Matemáticas
Wireflow 6º básico - 12 años - Matemáticas
Wireflow 7º básico - 13 años - Historia
Flujo de pantallas, trazando lo que los usuarios verán.
UI
A continuación, pasamos a visualizar las interfaces terminadas.
UI Quiz de 5º y 6º básico
UI Quiz de 5º y 6º básico
UI Quiz de 5º y 6º básico
UI 1º básico - 7 años - Matemáticas
UI 6º básico - 12 años - Matemáticas
UI 7º básico - 13 años - Historia
UI 7º básico - 13 años - Historia
UI 8º básico - 14 años - Historia
UI 2º básico - 8 años - Lenguaje
Aplique La regla 60 -30 -10 en el uso del color.
Desarrollo
Propuestas de diseño a nivel de desarrollo.
QA de diseño
Nos aseguramos que todos los elementos de la interfaz se vean y comporten como fueron pensados para la interacción del usuario. Por consiguiente, podremos detectar problemas lo más pronto posible y corregirlos.
.svg)
%201.svg)
.jpg)
