Al comenzar a trabajar en Android Studio y ejecutar nuestra aplicación en dispositivos móviles, nos dimos cuenta de la necesidad de modificar los wireframes originales, inicialmente diseñados para la web, y adaptarlos a las pantallas móviles. Nuestro objetivo es que la aplicación de Gestión Ganadero sea lo más intuitiva y fácil de usar para nuestros clientes.
Estas son algunas de las ventanas que necesitan ajustes:
En la primera imagen, observamos que las tarjetas de la página principal presentan problemas cuando se visualizan en un dispositivo Android en posición vertical, distorsionándose las columnas. En la segunda y tercera imagen, enfrentamos un problema similar: la aplicación web, al estar dividida en columnas para aprovechar mejor las pantallas grandes de escritorio, no permite una lectura adecuada en móviles debido al menor tamaño de las pantallas. Por esta razón, es necesario rediseñar la interfaz para que en Android utilice una única columna. Finalmente, en la tercera imagen, los botones y la cantidad de texto son demasiado grandes, lo cual se puede solucionar desplazando los botones hacia la parte inferior de cada campo.
El wireframe inicial de esta página era el siguiente:
Los nuevos wireframes son:
Estas nuevas interfaces continúan teniendo los mismos campos y funcionan igual que en la web, con la diferencia de que aprovechan la disposición de los móviles para deslizar y mostrar la informacion.
Por ultimo, cabe destacar que en primeras instancia del desarrollo contamos con muchos wireframes que se han implementado en el transcurso del proyecto. Sin embargo, estos necesitan de modificación alguna puesto que las interfaces se adaptan perfectamente a dispositivos móviles.
ACTUALIZACIÓN DE LOS WIREFRAMES
Al comenzar a trabajar en Android Studio y ejecutar nuestra aplicación en dispositivos móviles, nos dimos cuenta de la necesidad de modificar los wireframes originales, inicialmente diseñados para la web, y adaptarlos a las pantallas móviles. Nuestro objetivo es que la aplicación de Gestión Ganadero sea lo más intuitiva y fácil de usar para nuestros clientes.
Estas son algunas de las ventanas que necesitan ajustes:
En la primera imagen, observamos que las tarjetas de la página principal presentan problemas cuando se visualizan en un dispositivo Android en posición vertical, distorsionándose las columnas. En la segunda y tercera imagen, enfrentamos un problema similar: la aplicación web, al estar dividida en columnas para aprovechar mejor las pantallas grandes de escritorio, no permite una lectura adecuada en móviles debido al menor tamaño de las pantallas. Por esta razón, es necesario rediseñar la interfaz para que en Android utilice una única columna. Finalmente, en la tercera imagen, los botones y la cantidad de texto son demasiado grandes, lo cual se puede solucionar desplazando los botones hacia la parte inferior de cada campo.
El wireframe inicial de esta página era el siguiente:
Los nuevos wireframes son:
Estas nuevas interfaces continúan teniendo los mismos campos y funcionan igual que en la web, con la diferencia de que aprovechan la disposición de los móviles para deslizar y mostrar la informacion. Por ultimo, cabe destacar que en primeras instancia del desarrollo contamos con muchos wireframes que se han implementado en el transcurso del proyecto. Sin embargo, estos necesitan de modificación alguna puesto que las interfaces se adaptan perfectamente a dispositivos móviles.