Este trabajo consiste en crear el wireframe de nuestra página web utilizando sketchs como primer paso en el diseño. Antes de desarrollar una web, es importante planificar su estructura y apariencia para asegurarse de que la navegación sea clara y funcional.
¿QUÉ SON LOS SKETCHS Y LOS WIREFRAMES?
Los sketches son bocetos rápidos que ayudan a visualizar la distribución de los elementos, mientras que los wireframes son esquemas más detallados que definen la organización de la página sin entrar en el diseño final. Ambos son esenciales para construir una web bien estructurada y fácil de usar.
1ª FASE. Sketchs
Para esta primera fase, se deben buscar referencias de cómo podría ser nuestra página web, para después realizar los bocetos adaptándose a nuestros intereses. Según los apuntes facilitados, se deben realizar los bocetos a papel.
Apuntes facilitados por el profesor.
2ª FASE. Wireframes
Para esta segunda fase, los bocetos hechos en papel deben pasarse a digital gracias a la aplicación Miro | Espacio de innovación, la cuál es muy sencilla y tiene muchas funciones intuitivas.
Captura de pantalla de la aplicación a emplear en donde se pueden ver las distintas funciones para la creación de wireframes.
Y estos fueron los resultados de mis wireframes:
Wireframe destinado al uso en teléfonos.
Wireframe destinado al uso en ordenadores.
Como conclusión, crear sketches y wireframes es un paso fundamental en el proceso de diseño de una página web, ya que permiten planificar y estructurar la interfaz de manera clara y efectiva. Estos esquemas ayudan a visualizar cómo se organizarán los elementos y cómo será la experiencia del usuario, sin entrar aún en los detalles de diseño.
Deja una respuesta