Menú de Navegació Professional
Memòria tècnica del disseny, justificació i implementació del menú de navegació del portafolis digital, seguint criteris d’usabilitat, accessibilitat i experiència d’usuari de nivell PRO+.
Criteris d’avaluació PRO+
El menú de navegació desenvolupa tots els criteris del nivell PRO+ de la rúbrica SMX, amb justificació exhaustiva de cada decisió tècnica i de disseny presa durant la construcció de l’estructura de navegació.
Arquitectura He dissenyat el menú de navegació seguint criteris d’usabilitat, accessibilitat i experiència d’usuari, amb l’objectiu que qualsevol persona pugui trobar la informació de manera ràpida, clara i intuïtiva.
Prioritat He col·locat primer els apartats més importants i utilitzats habitualment, com iPOP! i Apunts, ja que són les seccions que l’usuari consultarà amb més freqüència. Aquesta decisió millora l’eficiència de navegació.
Jerarquia Per mantenir una jerarquia visual clara, he agrupat els sis reptes dins d’un submenú desplegable anomenat 1r SMX. Aquesta organització permet conservar una aparença més professional i minimalista.
Estructura Cada apartat del menú té una funció concreta: Home (punt d’accés principal), iPOP! (informació personal), Apunts (contingut acadèmic), 1r SMX (reptes agrupats), Contacte (comunicació) i Polítiques (al final per no interferir).
Accessibilitat He aplicat bones pràctiques de WordPress, utilitzant el sistema de navegació integrat per assegurar que tots els enllaços siguin funcionals, coherents i fàcilment editables en el futur.
Pas 1 Accés a la configuració del menú: He accedit a l’escriptori de WordPress i he entrat a l’apartat Aparença → Editor → Disseny → Navegació. Des d’aquesta secció és possible gestionar tota l’estructura de navegació del lloc web.
Pas 2 Organització de les seccions principals: He creat una estructura clara amb els apartats: Home, iPOP!, Apunts, 1r SMX, Contacte i Polítiques. Distribució basada en freqüència d’ús i importància.
Pas 3 Creació del submenú “1r SMX”: He creat un submenú desplegable que organitza els sis reptes del curs, mantenint-los agrupats dins d’una mateixa categoria. Els sis reptes es visualitzen quan l’usuari passa el cursor per sobre del menú desplegable.
Pas 4 Configuració dels enllaços i navegació: He comprovat que tots els enllaços funcionessin correctament i dirigissin a la pàgina corresponent. S’han afegit botons de navegació a la pàgina principal per facilitar l’accés ràpid a les diferents seccions.
Pas 5 Resultat final del menú a la web: He verificat el funcionament del menú des de la vista real de la pàgina web. El resultat és una navegació clara, moderna i ordenada, amb un disseny que facilita l’accés als continguts. Quan l’usuari passa per sobre de 1r SMX, es despleguen automàticament els sis reptes.
Nucli El nucli del portafolis presenta els resultats del treball tècnic organitzat en una graella responsive:
| Repte | Títol del Projecte | Descripció Tècnica |
|---|---|---|
| 1.1 | Gestió i Doc. WordPress | Configuració d’eines digitals i documentació de sistemes. |
| 1.2 | Aules Digitalitzades | Implementació d’infraestructures TIC en entorns educatius. |
| 1.3 | Int. Help Desk (Case #806) | Suport tècnic internacional realitzat íntegrament en anglès. |
| 1.4 | Flowcharts d’Incidències | Disseny de diagrames de flux sota normativa ISO per a resolució de problemes. |
| 1.5 | Disseny LAN Party 2026 | Creació de material gràfic professional i cartelleria tècnica. |
| 1.6 | Menú de Navegació Professional | Disseny i implementació del menú amb submenús, accessibilitat i documentació completa. |
Documentació Per documentar correctament tot el procés, he inclòs captures de pantalla pròpies de cada pas important de la configuració del menú i de la seva implementació dins de WordPress. Les evidències mostren tant la configuració interna com el resultat final visible a la web.
Organització La documentació està organitzada cronològicament per facilitar la comprensió del procés complet de creació, configuració i verificació del menú de navegació.
Estructura El portafolis s’ha estructurat de manera clara i organitzada, amb una navegació funcional entre totes les pàgines i apartats del projecte. S’ha creat una pàgina directori amb enllaços operatius que permeten accedir ràpidament a tota la documentació, evidències i reptes.
Coherència L’organització general manté coherència visual i facilita l’accés als continguts tant per als usuaris com per al professorat.
Verificació Rúbrica PRO+
Per garantir el nivell màxim de la tasca, s’han verificat tots els punts de la rúbrica de forma exhaustiva.
El menú de navegació compleix exhaustivament tots els criteris PRO+: justificació detallada de cada decisió de disseny, implementació tècnica pas a pas amb WordPress, documentació completa amb captures de pantalla de cada fase, i portafolis estructurat amb navegació funcional i pàgina directori amb enllaços operatius.