SEMANA 2
Embedded Files
PRIMEROS INTENTOS DE HACER WIREFRAMES 🥲
MI MOOD DEL DÍA
Ese día fui bastante relajada, pensando que sería una clase tranqui. Además, en la segunda semana no estaba yendo tan pesada, pero no sabía lo que me esperaba. En realidad, hacer wireframes no es tan complicado, pero si los haces en un tiempo récord te haces muchos líos.
TEMA DE CLASE
L
O
S
W
I
R
E
F
R
A
M
E
S
¿Qué son?
Los wireframes son representaciones visuales simples (esquemas o bocetos) de una página web o aplicación, donde se muestra la estructura básica: ubicación de textos, imágenes, botones, menús y demás elementos, sin enfocarse en colores ni estilos.
Sirven para:
Organizar el contenido y la distribución de la información.
Visualizar cómo funcionará la navegación antes de diseñar la versión final.
Ahorrar tiempo y corregir errores en etapas tempranas del proyecto.
UNA PREGUNTA QUE ME DEJO PENSANDO 🤔
¿Que es mas importante el Frontend o el Backend?
BACKEND
es la parte interna de una página web o aplicación, donde se gestionan los datos, la lógica y la comunicación con la base de datos o servidores. No es visible para el usuario, pero permite que el front-end funcione correctamente.
FRONTEND
es la parte visible de una página web o aplicación, es decir, todo lo que el usuario ve e interactúa: diseño, botones, menús, colores y tipografías. Se desarrolla con tecnologías como HTML, CSS y JavaScript, y su objetivo es ofrecer una experiencia visual atractiva y funcional.
Recuerdo que en clase preguntaron esto y no estaba segura cual era mas fundamental, pero llegue a la conclusión que ambos se complementan y son igual de importantes: el front-end se encarga de la parte visual y de la interacción con el usuario, mientras que el back-end gestiona los datos, la lógica y la seguridad que hacen posible el funcionamiento interno. Sin un buen front-end la experiencia del usuario sería deficiente, y sin un buen back-end la aplicación no podría operar correctamente.
LA SEGUNDA DINÁMICA ⏰
Corramos contra el tiempo
Para la dinámica de esta semana, el profesor formó grupos y, casualmente, me tocó con compañeras que ya conocía de mi misma carrera: Kiara, Fiorella, Anyela y yo. Nos pidió primero que eligiéramos una problemática relacionada con los ODS de la ONU. Nosotras decidimos inspirarnos en el ODS 14: Vida submarina y abordar la problemática de las fábricas que utilizan grandes cantidades de tintes y químicos, los cuales terminan en aguas residuales y afectan la vida submarina.
VIDA SUBMARINA
Ahora sí llegamos a la parte donde mencionaba que tenía que luchar contra el tiempo para crear un wireframe personal sobre cómo quería que se dividiera nuestra app y qué quería que tuviera, donde lo complicado fue pensar en 1 minuto por pantalla cómo quería organizar mi app. Al final, terminé realizando esta app llamada
¡SALVA LA VIDA SUBMARINA!
Al finalizar el tiempo, comparamos cada una su wireframe con las demás y vimos que teníamos muchos apartados similares, como animales en peligro, comentarios de otros usuarios, ayuda social, etc.
Luego al realizar el wireframe grupal, decidimos que la función de nuestra página sea informativa, concientizadora y de ayuda, por lo que fuimos agregando distintas secciones que primero informen sobre la contaminación de las fábricas y los animales en peligro, para luego fomentar la ayuda social. Fue un reto hacerlo en el tiempo dado, ya que nos centramos en la decoración, la estética y en que sea entendible.
PAGINA INICIO
¿SABIAS QUE?
ANIMALES AFECTADOS
AYUDA SOCIAL
COMO AYUDO
DONACIONES
JUEGO INTERACTIVO
CONTACTANOS
Aunque hayamos tenido que trabajar contra reloj, me gustó mucho esta actividad y la herramienta vista, ya que los wireframes me ayudarán mucho a organizarme.
Page updated
Google Sites
Report abuse