JUSTIFICACIÓ TÈCNICA I DISSENY
El disseny de la interfície s’ha realitzat seguint els estàndards de la W3C (World Wide Web Consortium), prioritzant l’accessibilitat i l’experiència d’usuari (UX). L’estructura es basa en una jerarquia de navegació clara, utilitzant menús desplegables que permeten una organització lògica dels vuit reptes del projecte.
S’han implementat atributs ARIA (Accessible Rich Internet Applications) per garantir que els lectors de pantalla puguin interpretar correctament l’estat dels submenús. Mitjançant l’ús de contenidors fluids i una graella flexible, s’ha aconseguit una arquitectura Responsive Design que manté la consistència visual tant en escriptori com en mòbils.
ARQUITECTURA DE DISSENY RESPONSIVE
L’estructura visual del lloc s’ha desenvolupat mitjançant la configuració de blocs de navegació i contenidors fluids per garantir una adaptabilitat total en diversos dispositius. Aquesta metodologia permet que tots els elements de la interfície es redimensionin de manera coherent, eliminant errors visuals en qualsevol tipus de pantalla.
S’han aplicat ajustos mitjançant l’editor de llocs per optimitzar la disposició de les columnes i la visibilitat del contingut en dispositius mòbils, assegurant una visualització òptima que s’ajusta automàticament a la resolució del navegador.
IMPLEMENTACIÓ DE NAVEGACIÓ ESTRUCTURAL
El menú principal s’ha dissenyat sota criteris de jerarquia i accessibilitat. S’ha establert una organització clara mitjançant l’ús de submenús estructurats que agrupen els diversos reptes del projecte, facilitant una navegació intuïtiva per a l’usuari.
La navegació s’ha validat per mantenir la seva funcionalitat completa en versions mòbils, on el sistema activa automàticament un menú col·lapsable per mantenir la neteja visual de la interfície sense perdre l’accés a cap secció del portafolis.
EVIDÈNCIES DE FUNCIONAMENT
Validacions gràfiques que demostren l’estructura jeràrquica del menú de navegació i la correcta adaptació del disseny a diferents dispositius, incloent versions de Desktop i Mobile.
