
Taula de ContingutsMostrar / Amagar
Després de la pandèmia, el codi QR als restaurants es va convertir en l’estàndard absolut. No obstant això, el 90% dels locals van optar per la solució més fàcil i pitjor executada: pujar un document PDF d’alta resolució a Google Drive o a un servidor lent.
L’usuari s’asseu a la taula, escaneja el codi i comença una experiència frustrant que afecta directament la facturació del negoci.
1. Els tres greus problemes del format PDF
- Consum de dades i temps de càrrega: Un PDF dissenyat per a impremta sol pesar entre 8 MB i 20 MB. Amb cobertura mòbil saturada en cap de setmana, pot tardar fins a mig minut a obrir-se.
- La tortura del zoom mòbil: El client es veu obligat a fer pinça contínua amb els dits, desplaçant-se horitzontalment i verticalment per a trobar el preu d’una beguda o els ingredients d’un plat.
- Inaccessibilitat per al·lèrgens: Una persona celíaca o intolerant a la lactosa no pot filtrar la carta. Ha de llegir línia per línia lletres minúscules o interrompre el servei del cambrer contínuament.
2. L’alternativa: Menú interactiu en HTML pur
Un menú web lleuger desenvolupat directament en HTML semàntic i estils optimitzats ofereix avantatges immediats:
| Característica | Menú en PDF tradicional | Menú Web Interactiu |
|---|---|---|
| Pes mitjà | 12 MB - 25 MB | < 100 KB |
| Temps de càrrega | 5 - 15 segons | < 0.5 segons |
| Filtratge d’al·lèrgens | Impossible | Instantani en temps real |
| Actualització de preus | Cal redissenyar i resubir el fitxer | Canvi immediat al codi/CMS |
| SEO a Google | Nul o indexació pobra | Indexació completa de plats i preus |
3. Impacte en la decisió de compra
Quan el menú carrega a l’instant i permet filtrar per categories en un sol toc, el temps de decisió a la taula es redueix un 20%. Això agilitza la rotació de taules en hora punta i converteix la consulta de la carta en una experiència fluida.

Checklist de Rendiment (60 FPS) i Accessibilitat (WCAG AA)
Els 25 punts d'auditoria que aplique en producció abans de desplegar qualsevol aplicació web o SPA en Angular/TypeScript.
Tens un repte similar a la teua empresa o projecte?
Puc ajudar el teu equip a auditar rendiment web, modernitzar arquitectures frontend o implementar CI/CD robust.
Sol·licitar Auditoria o ConsultoriaArticles Relacionats
Accessibilitat Web (WCAG AA): De la Teoria a la Implementació Real amb Exemples
Guia pràctica d'enginyeria per a complir els criteris WCAG 2.2 nivell AA i la Directiva Europea d'Accessibilitat: gestió de focus, tecles, ARIA, ràtios de contrast i proves automatitzades.
Web StandardsHTML5 Semàntic: Estructura, Accessibilitat WCAG i Optimització per a Motors de Cerca
Guia tècnica i estàndard d'HTML5: història del consorci W3C i WHATWG, per a què serveix la semàntica, tags estructurals fonamentals i el seu impacte directe en SEO i lectors de pantalla.