ESTUDIO DE DISEÑO COMPLEJO

Sesión 31/32/33 (21 –23–25 de noviembre) / Semana 13

Clase 21 de noviembre — Día oficial inhábil (no hubo clase)

Clase 23 de noviembre

Etapa de configuración

Como actividad/tarea se nos había quedado realizar la diagramación para la realización de (en nuestro caso) página web, donde teníamos que tener en consideración las dimensiones del dispositivo donde se iba a visualizar principalmente nuestro servicio, ya una vez realizado eso como equipo vislumbramos cuantas “pantallas” se podían ocupar para navegar dentro de nuestro sitio, contando en total 11

• Pantalla de bienvenida
• Registro
• Inicio de sesión
• Inicio
• Artículos (menú)
• Artículos (individuales)
• Juegos (menú)
• Pantalla de juego
• Mercancía
• Directorio
• Perfil

Con nuestra diagramación de 9x8 gestionamos los apartados que habría dentro de cada pantalla, así también el los botones, imágenes que se podrían ocupar, pero antes de aplicar todo esto dentro de la aplicación de figma, lo realizamos en papel.

Bocetos realizados por todo el equipo

También en el apartado de notas fuimos buscando referencias de otras páginas similares así como también indicando los pasos principales para la navegación de la página junto con una descripción de cada uno de los apartados.

Clase 25 de noviembre — No hubo

Se aprovecho el espacio de la clase para avanzar en digitalizar aquellos bocetos que consideramos óptimos para nuestra página, estando en modo diagramado en figma las pantallas de:

• Inicio
• Bienvenida

El poder realizar todo nuestro template primero en papel permitió que pudiéramos bajar con mayor facilidad el como queremos que se visualice la página, pues intentamos primera abarcarlo desde la aplicación y sentimos que nos estábamos limitando, fue un recordatorio de que el proceso siempre debe inciar en el papel y después escalar a los diferentes programas que nos facilitarán la realización de la tarea que debamos realizar.