Este proyecto forma parte de mis estudios de Diseño y Desarrollo de interfaces para I.E.S Rafael Alberti. A lo largo del proyecto, he llevado a cabo un portfolio personal como informático, diseñado inicialmente en Figma y luego implementado en Android utilizando Kotlin y Jetpack Compose, siguiendo el patrón de diseño MVVM.
El proyecto se divide en varias partes:
Contiene la clase ScreenNavigation, que se encarga de la navegación en la aplicación.
Contiene las diferentes pantallas de la aplicación:
Pantalla principal.
Es la pantalla inicial del proyecto. Aparece mi nombre, así como unas banderas que permiten la selección de idioma en pantalla, así como pinchar sobre los enlaces a mis distintas redes sociales donde he participado como desarrollador multiplataforma.
Pantalla sobre mí.
AboutMe es la primera pantalla que ofrece un resumen de mi persona, de mi trayectoria, objetivos y los valores profesionales.
Pantalla de tecnologías.
Es una pantalla que permite al usuario ver las diferentes tecnologías con las que he trabajado durante mis años como programador. No tiene mucha profundidad, más allá de la opción futurible de poder navegar a la página oficial de las tecnologías que manejo para arrojar más información al usuario.
Pantalla de certificados.
La pantalla que muestra algunas de mis titulaciones relacionadas con el sector de la informática, aquí el usuario tiene la posibilidad de ver mi historial académico.
Pantalla de proyectos.
ProjectsScreen es una pantalla que muestra algunos de los proyectos en los que he estado trabajando, permitiendo al usuario navegar entre las diferentes Cards a través de scroll y navegando a los proyectos en cuestión (Lo que no está implementado, pues no es el fin del proyecto).
Pantalla de contacto.
La pantalla de Contacto, incluye tres boxes que permiten al usuario rellenar sus datos a través de un formulario, acompañados de un botón que envía un mensaje a mi bandeja de correo electrónico profesional (La funcionalidad no está implementada en este proyecto).
Menú de navegación.
Es el menú de navegación que permite trasladarse entre pantallas por la aplicación.
Funcionalidad no implementada por decisión de diseño. Permite navegar en scroll vertical entre las diferentes pantallas de la App.
La aplicación ha pasado, con todas sus pantallas dispnibles por diversos tests de funcionalidad que prueban que el diseño es correcto y cumple con el fin que prometía con el diseño inicial en Figma.
Dentro de este mismo repositorio se pueden consultar los resultados obtenidos por las distintas pantallas en los tests de diseño de esta plataforma, los cuales incluyen una prueba de calor
Ejemplo de prueba de calor en la pantalla de "AboutMeScreen".
Ejemplo de prueba de secuencia visual en la pantalla de "ContactMeScreen".
Ejemplo de prueba de áreas de interés en la pantalla "TechnologiesScreen".
Las pantallas de esta app han sido sometidas por varias personas anónimas al test de los 5 segundos a través de Lyssna.com.
TechnologiesScreen es sometida al feedback de los usuarios a través del test de los 5 segundos.
This project is part of my studies in Interface Design and Development at I.E.S Rafael Alberti. Throughout the project, I have created a personal portfolio as a computer scientist, initially designed in Figma and then implemented in Android using Kotlin and Jetpack Compose, following the MVVM design pattern.
The project is divided into several parts:
Contains the ScreenNavigation class, which is responsible for navigation in the application.
Contains the different screens of the application:
Main screen.
It is the initial screen of the project. My name appears, as well as flags that allow the selection of language on screen, as well as clicking on the links to my different social networks where I have participated as a multiplatform developer.
About me screen.
AboutMe is the first screen that offers a summary of me, my career, objectives, and professional values.
#### TechnologiesScreen:
Technologies screen.
It is a screen that allows the user to see the different technologies that I have worked with during my years as a programmer. It does not have much depth, beyond the future option of being able to navigate to the official page of the technologies I handle to provide more information to the user.
Certificates screen.
The screen that shows some of my qualifications related to the computer science sector, here the user has the possibility to see my academic history.
Projects screen.
ProjectsScreen is a screen that shows some of the projects I have been working on, allowing the user to navigate between the different Cards through scroll and navigating to the projects in question (Which is not implemented, as it is not the purpose of the project).
Contact screen.
The Contact screen includes three boxes that allow the user to fill in their data through a form, accompanied by a button that sends a message to my professional email inbox (The functionality is not implemented in this project).
Navigation menu.
It is the navigation menu that allows moving between screens through the application.
Scroll screen.
Functionality not implemented by design decision. It allows to navigate in vertical scroll between the different screens of the App.
### Design and Usability Tests.
The application has passed, with all its available screens, various functionality tests that prove that the design is correct and fulfills the purpose promised with the initial design in Figma.
Within this same repository, you can consult the results obtained by the different screens in the design tests of this platform, which include a heat test.
Example of a heat test on the “AboutMeScreen”.
Example of a visual sequence test on the “ContactMeScreen”.
Example of an areas of interest test on the “TechnologiesScreen”.
Lyssna
The screens of this app have been subjected by several anonymous people to the 5-second test through Lyssna.com.
TechnologiesScreen is subjected to user feedback through the 5-second test.