Exemples de disseny de taulers: 14 maquetes i què les fa funcionar

Un bon disseny de tauler comença amb una pregunta, no amb un gràfic: qui mira, què ha de decidir i amb quina freqüència. Els millors taulers situen a dalt uns quants números destacats amb context, expliquen els canvis amb gràfics a sota, mantenen els filtres a la vista i permeten actuar sobre el que es veu. La majoria de taulers reals estan darrere d'un inici de sessió, així que a continuació tens tres exemples públics que vam revisar l'octubre de 2026 i onze maquetes habituals descrites sense anomenar cap producte. Després hi ha una llista de comprovació de disseny, errors que cal evitar i com crear el teu propi tauler.

Els 14 exemples d'un cop d'ull

Taulers públics d'exemple

Les descripcions són les de l'octubre de 2026.

1. La demostració en directe de Plausible

Plausible, una eina d'analítica web centrada en la privacitat, publica una demostració en directe de l'analítica de la seva pròpia web que tothom pot explorar. La seva documentació descriu informes com Pàgines principals, amb vistes de pàgina, taxa de rebot, temps a la pàgina i profunditat de desplaçament, a més de les pàgines d'entrada i de sortida. Un botó de filtre permet segmentar per pàgina amb regles «és», «no és» i «conté», i la documentació explica com comparar estadístiques en el temps.

Què n'aprendre: una demostració pública amb dades reals permet que la gent jutgi el tauler abans de registrar-se, i un conjunt petit d'informes senzills amb un únic sistema de filtres s'entén sense necessitat de formació. Obre la demostració tu mateix i observa com estan organitzats els informes.

2. Tauler de Stripe

La documentació de Stripe descriu una pàgina d'inici amb analítica i gràfics sobre el rendiment del negoci, que també mostra notificacions importants, com disputes sense resoldre. Tu tries quins ginys apareixen a la visió general. La barra lateral porta a llistes sobre les quals pots actuar (saldos, transaccions, clients, catàleg de productes), cadascuna amb filtres i exportació. En prémer «?» es mostren les dreceres de teclat, els entorns de prova permeten provar sense tocar les dades reals, i hi ha una aplicació mòbil per a iOS i Android.

Què n'aprendre: combina la vista de «com anem?» amb alertes de «què necessita la meva atenció?», i deixa que cada persona personalitzi la visió general.

3. Grafana

La documentació de Grafana descriu taulers construïts amb panells, cadascun amb una consulta a una font de dades, organitzats en files o pestanyes. Les variables permeten que un mateix tauler canviï, per exemple, entre servidors o entorns.

Què n'aprendre: les variables t'eviten crear deu còpies del mateix tauler. Agrupar els panells en files plegables manté els taulers carregats llegibles.

Maquetes de tauler que pots copiar

4. Tauler de mètriques SaaS

Fila superior: ingressos recurrents mensuals, clients nous, clients que han cancel·lat i usuaris actius, cadascun amb el canvi des del mes anterior. A sota: una línia de tendència de l'MRR, un desglossament per pla i una llista de registres recents. La nostra guia de mètriques SaaS explica cada número.

5. Tauler de pipeline de vendes

Un gràfic d'embut o de barres amb els acords per fase, el valor del pipeline per responsable, els acords que es tanquen aquest mes i una llista d'acords sense activitat en una setmana. En fer clic en un acord s'obre, de manera que el tauler també és una llista de tasques.

6. Administració d'e-commerce

Comandes d'avui, ingressos i valor mitjà de comanda a dalt; una llista de «comandes no servides» com a secció principal; productes amb estoc baix i ressenyes recents als costats. L'acció més habitual, marcar una comanda com a enviada, ha de ser d'un sol clic.

7. Tauler de suport

Tiquets oberts, tiquets que esperen el teu equip, temps mitjà de primera resposta i tiquets per etiqueta. A sota, una cua en directe ordenada per antiguitat. Ressalta qualsevol cosa que superi un objectiu de resposta.

8. Tauler d'inventari

Primer, els articles per sota del punt de reposició, amb una acció de «reposar». Després, el valor de l'estoc per categoria, els moviments recents i els articles sense vendes en un període determinat. Consulta com construir una aplicació de gestió d'inventari.

9. Tauler de projectes

Una fila per projecte amb estat, responsable, data de venciment i percentatge completat, més una llista de tasques endarrerides de tots els projectes. Pinta de color només les excepcions (endarrerides, bloquejades) perquè destaquin.

10. Tauler de màrqueting

Visitants, registres i taxa de conversió per canal dins de l'interval de dates seleccionat; un gràfic dels registres en el temps amb les campanyes marcades; les pàgines d'entrada principals.

11. Tauler financer

Saldo de caixa, factures pendents i vençudes, despesa d'aquest mes comparada amb la del mes anterior, i pagaments propers. Guarda el detall de nivell comptable als informes; el tauler és per a la visió general.

12. Tauler de clínica o reserves

Cites d'avui en una línia de temps, cancel·lacions i no-presentacions, franges lliures i noves reserves. Prou gran per llegir-lo d'un cop d'ull des d'una pantalla de recepció.

13. Tauler de seguiment personal

Ratxa actual, progrés cap a uns quants objectius i un mapa de calor del calendari amb la teva activitat. És motivador més que analític, així que cal mantenir-lo en una sola pantalla.

14. Tauler per a clients

Cada client inicia sessió i només veu els seus projectes, informes o resultats. Etiquetes clares, sense jerga interna, i un botó d'exportació dels seus propis registres. Això requereix un inici de sessió i uns permisos com cal; consulta control d'accés basat en rols.

Què tenen en comú els millors taulers

• Una audiència i un propòsit definits. «Per al responsable de suport, revisat cada matí».
• Números destacats a dalt, cadascun amb context: una comparació, un objectiu o una tendència.
• Gràfics que responen la pregunta. Línies per a tendències en el temps, barres per comparar categories, taules per als valors exactes.
• Filtres evidents, sobretot el de rang de dates, aplicat a tot el que hi ha a la pàgina.
• Les excepcions destaquen. Fes servir el color per al que necessita atenció, no com a decoració.
• Un camí cap a l'acció. Fes clic en un número per veure les files que hi ha darrere i actua sobre elles.
• Definicions coherents. «Usuari actiu» vol dir el mateix a tot arreu, i la definició està escrita.
• Ràpids. Els taulers lents deixen de consultar-se.

Errors habituals

• Mostrar tot el que es pot mesurar. Com més gràfics hi ha, menys atenció rep cadascun.
• Números sense context. «1.240» diu poc sense el període anterior o un objectiu.
• Gràfics de sectors amb moltes porcions. Són difícils de comparar; un gràfic de barres ordenat sol ser més clar.
• Massa colors. Reserva els colors forts per a les alertes i una única sèrie destacada.
• Dades antigues sense marca de temps. Mostra sempre quan es van actualitzar les dades per última vegada.
• Cap vista mòbil per als taulers que la gent consulta des de fora de l'oficina.
• Barrejar audiències. Un informe per a la junta i una vista operativa diària rarament han d'estar a la mateixa pàgina.

Com construir el teu propi tauler

1. Escriu les preguntes que el tauler ha de respondre i qui les fa.
2. Llista les fonts de dades: la base de dades de la teva aplicació, un full de càlcul o l'API d'una altra eina.
3. Esboça la maqueta: números destacats, dos a quatre gràfics i una llista d'accions.
4. Construeix-lo. Amb Mythex descrius el tauler en un xat i el veus funcionar en una vista prèvia en directe. Pot crear la base de dades, l'inici de sessió i els rols que necessiti el tauler, i el publiques en una URL amb un sol clic. Consulta les plantilles per tenir un punt de partida. Si les teves dades ja són en un magatzem i necessites anàlisi puntual, potser t'encaixa més una eina d'intel·ligència de negoci; si són en un full de càlcul, consulta com connectar Google Sheets a la teva aplicació.
5. Prova-ho amb l'usuari real. Observa'l fer servir el tauler durant una setmana i elimina el que no utilitza.

Per a una guia completa, llegeix com construir un tauler.

Com hem triat aquests exemples

La majoria de taulers són privats, així que només hem anomenat productes els taulers dels quals són públics o estan documentats a les seves pròpies webs, i descrivim el que aquestes pàgines deien l'octubre de 2026. Les altres maquetes són patrons habituals descrits en termes generals, no còpies de cap producte concret.

Preguntes