Tierlijst maken

Wat een tierlijst wel en niet is

Een tierlijst verdeelt vergelijkbare items over geordende niveaus, bijvoorbeeld S, A, B en C. Een hogere rij staat meestal voor een sterkere voorkeur, betere prestatie of betere aansluiting bij het gekozen criterium. De tool berekent geen score en bepaalt niet waar een item thuishoort.

Daarom verschilt een tierlijst van twee andere veelgebruikte borden:

Gebruik een tierlijst voor meningen en vergelijkingen, zoals favoriete albums, productopties, gamepersonages, recepten om opnieuw te maken of ideeën die voorrang verdienen. Gebruik een checklist voor voltooiing en een kanbanbord wanneer items verschillende werkfasen doorlopen.

Kies bruikbare tiers voordat je gaat rangschikken

De standaardlabels S–F zijn gebruikelijk, maar niet verplicht. Geef ze namen die bij de beslissing passen, zoals Uitstekend / Goed / Misschien / Overslaan, Eerste keuze / Reserve / Ongeschikt, of een andere schaal waarvan de betekenis duidelijk blijft. Je kunt maximaal 12 tierrijen gebruiken.

Bepaal het criterium voordat je items verplaatst. Een rangschikking op ‘beste prijs-kwaliteitverhouding’ kan heel anders uitvallen dan een rangschikking op ‘beste kwaliteit’. Als anderen alleen de geëxporteerde afbeelding zien, maken een nauwkeurige titel en duidelijke rijnamen het resultaat begrijpelijker.

Ook binnen dezelfde tier kun je items herschikken. Gebruik die volgorde als links naar rechts een voorkeur aangeeft. Anders kun je alle items in de rij als gelijkwaardig beschouwen.

Tekstitems en lokale afbeeldingen

Het bord ondersteunt in totaal maximaal 100 items, waaronder maximaal 60 afbeeldingen. Tekstitems zijn geschikt voor namen, opties en ideeën. Afbeeldingen worden in de browser genormaliseerd, zodat verschillende bronformaten in voorspelbare tegels passen en overbodige afbeeldingsmetadata niet in het opgeslagen project terechtkomen.

De geaccepteerde bronformaten zijn PNG, JPEG en WebP. Een bronbestand mag maximaal 8 MiB groot zijn, een zijde maximaal 8192 pixels en de gedecodeerde afbeelding maximaal 16 megapixels. Geaccepteerde afbeeldingen worden indien nodig lokaal verkleind tot maximaal 512 × 512 pixels. De genormaliseerde afbeeldingsgegevens zijn per project beperkt tot 32 MiB.

Externe afbeeldings-URL’s en SVG-uploads worden bewust niet geaccepteerd. Door alleen gedecodeerde lokale rasterafbeeldingen te verwerken, worden ontbrekende externe bronnen, cross-originfouten in Canvas en actieve SVG/XML-inhoud voorkomen. De File Upload Cheat Sheet van OWASP raadt als gelaagde beveiliging aan alleen noodzakelijke formaten toe te staan, groottelimieten in te stellen, meer dan het opgegeven MIME-type te controleren en afbeeldingen opnieuw te schrijven.

Slepen is niet verplicht

Slepen en neerzetten is handig, maar niet de enige manier om items te rangschikken. Zet de focus op een item en gebruik de verplaatsopties, of start de toetsenbordmodus met Enter of Spatie. Kies de voorgestelde tier en positie met de pijltoetsen, bevestig met Enter of Spatie en annuleer met Escape.

Zo blijft de editor ook praktisch op een telefoon, waar nauwkeurig slepen lastig kan zijn. De W3C-uitleg over sleepbewegingen in WCAG 2.2 legt uit waarom functies met slepen ook een eenvoudig pointeralternatief nodig hebben. Hier kan dezelfde verplaatsing door slepen, via het toetsenbord en met klikken of tikken.

Wat in deze browser wordt opgeslagen

De titel, tiers, itemtekst, afbeeldingsgegevens en rangschikking blijven in de browseropslag op dit apparaat. Ze worden niet als editorgegevens in de pagina-URL gezet of naar de server verzonden. De lokale herstelkopie gebruikt IndexedDB, zodat je werk na een gewone paginavernieuwing kan worden hersteld.

Lokaal herstel is geen cloudopslag. Een andere browser of een ander apparaat kan het project niet zien, het wissen van sitegegevens verwijdert het en iemand met hetzelfde browserprofiel kan het mogelijk opnieuw openen. Gebruik Project wissen op een gedeeld apparaat en exporteer project-JSON als je bewust een back-up wilt maken.

JSON, PNG en SVG hebben verschillende doelen

Een JSON-import wordt gevalideerd voordat het huidige project wordt vervangen. Een beschadigd, niet-ondersteund of te groot bestand laat het geopende project ongewijzigd. Project-JSON is beperkt tot 48 MiB.

PNG wordt rechtstreeks in de browser getekend met de genormaliseerde lokale afbeeldingen. De browserstandaard canvas.toBlob() maakt de download. Omdat er geen externe afbeeldingen worden gebruikt, blijft het Canvas exporteerbaar en raakt het niet vervuild door cross-originggegevens.

De SVG-export wordt opgebouwd uit een kleine, niet-interactieve set vormen, tekst- en afbeeldingselementen. De pixels van PNG-, JPEG- of WebP-items worden in de SVG ingesloten; ze worden niet overgetrokken of in vectoren omgezet. MDN legt uit dat het SVG-<image>-element rasterafbeeldingen kan weergeven. Willekeurig geüploade SVG, scripts, links of HTML worden niet naar het exportbestand gekopieerd.

Limieten voor betrouwbaar exporteren

De exportbreedtes zijn 800, 1200, 1600 of 2400 pixels. PNG kan op 1× of 2× worden gemaakt zolang de resulterende bitmap maximaal 8192 pixels per zijde en 16 × 1024 × 1024 pixels (ongeveer 16,8 megapixels) groot is. Als een 2×-export een veilige browserlimiet overschrijdt, meldt de tool het probleem in plaats van het bord stilzwijgend te verkleinen. Voor SVG geldt dezelfde veiligheidsgrens van 48 MiB voor project en bestand.

Niet-gerangschikte items worden standaard niet in de eindafbeelding opgenomen. Schakel Niet-gerangschikte items opnemen in om ze als laatste neutrale rij weer te geven. Controleer altijd het voorbeeld: een erg lange titel, veel rijen of veel items kunnen een technisch geldig bord op klein formaat minder leesbaar maken.

Veelgemaakte fouten bij tierlijsten

• Halverwege van criterium veranderen. Zet de vergelijking in de titel voordat je rangschikt.
• Onduidelijke rijnamen gebruiken. Labels als ‘Misschien’ en ‘Vermijden’ zeggen meer dan kleuren zonder uitleg.
• Een tier als exacte score behandelen. Items in één niveau delen een categorie; de afstand tot een ander niveau is geen gemeten hoeveelheid.
• De niet-gerangschikte voorraad vergeten. Niet-gerangschikte items komen niet automatisch in een voltooide export.
• Alleen het projectbestand delen. JSON is bedoeld om de editor opnieuw te openen; gebruik PNG of SVG als de ontvanger alleen het resultaat hoeft te zien.