Skapa tierlistor

Vad en tierlista är – och inte är

En tierlista grupperar jämförbara objekt i ordnade nivåer, till exempel S, A, B och C. En högre rad betyder vanligtvis en starkare preferens, bättre prestation eller bättre överensstämmelse med det valda kriteriet. Verktyget räknar inte ut poäng och bestämmer inte var något hör hemma.

Det skiljer tierlistan från två andra vanliga typer av tavlor:

Använd en tierlista för åsikter och jämförande bedömningar: favoritalbum, produktalternativ, spelfigurer, recept att laga igen eller idéer att prioritera. Använd en checklista för avprickning och en Kanban-tavla när objekt rör sig genom olika arbetssteg.

Välj användbara nivåer innan du rangordnar

Standardetiketterna S–F är vanliga, men inte obligatoriska. Byt namn på dem så att de passar beslutet: Utmärkt / Bra / Kanske / Hoppa över, Förstahandsval / Reserv / Olämpligt eller någon annan tydlig skala. Du kan använda upp till 12 nivåer.

Bestäm kriteriet innan du flyttar objekt. En rangordning efter ”mest prisvärd” kan ge en helt annan tavla än ”bäst kvalitet”. Om andra ska se den exporterade bilden utan dina anteckningar blir resultatet enklare att förstå med en exakt titel och beskrivande nivånamn.

Objekt på samma nivå kan fortfarande ordnas om. Använd ordningen när du vill visa preferens från vänster till höger inom nivån; behandla annars alla objekt på raden som likvärdiga.

Textobjekt och lokala bilder

Tavlan rymmer upp till 100 objekt totalt, varav högst 60 bilder. Textobjekt passar bra för namn, alternativ och idéer. Bilder normaliseras i webbläsaren så att olika källstorlekar passar i förutsägbara rutor och onödig bildmetadata inte följer med i det sparade projektet.

Godkända bildformat är PNG, JPEG och WebP. Varje källfil får vara högst 8 MiB, ingen sida får överstiga 8192 pixlar och den avkodade bilden får innehålla högst 16 megapixlar. Godkända bilder förminskas lokalt vid behov till högst 512 × 512 pixlar. Normaliserad bilddata är begränsad till 32 MiB per projekt.

Fjärradresser till bilder och SVG-uppladdningar godtas avsiktligt inte. Genom att endast använda avkodade lokala rasterbilder undviks trasiga fjärresurser, canvasfel mellan olika ursprung och aktivt SVG-/XML-innehåll. OWASP rekommenderar att endast nödvändiga format tillåts, att storleksgränser används, att mer än den uppgivna MIME-typen kontrolleras och att bilder skrivs om som flera skyddslager i sin File Upload Cheat Sheet.

Du behöver inte dra objekten

Dra och släpp är praktiskt, men inte det enda sättet att rangordna. Fokusera ett objekt och använd dess flyttkontroller, eller starta tangentbordets flyttläge med Enter eller mellanslag. Piltangenterna ändrar föreslagen nivå och placering; Enter eller mellanslag bekräftar och Escape avbryter.

Det gör också redigeraren praktisk på en mobil, där exakt dragning kan vara besvärlig. W3C:s vägledning om dragrörelser i WCAG 2.2 förklarar varför funktioner som bygger på dragning behöver ett enklare pekalternativ. Här kan samma flytt göras genom att dra, använda tangentbordet eller klicka och trycka.

Det här sparas i webbläsaren

Titel, nivåer, objekttexter, bilddata och rangordning stannar i webbläsarens lagring på den här enheten. De läggs inte i sidans URL och skickas inte till servern som redigeringsdata. Den lokala återställningskopian använder IndexedDB, så en vanlig omladdning kan återställa arbetet.

Lokal återställning är inte molnlagring. En annan webbläsare eller enhet kan inte se projektet, rensning av webbplatsdata tar bort det och någon som använder samma webbläsarprofil kan eventuellt öppna det igen. Använd Rensa projekt på en delad enhet och exportera projekt-JSON när du behöver en avsiktlig säkerhetskopia.

JSON, PNG och SVG har olika användningsområden

JSON-importen valideras innan den ersätter det öppna projektet. En felaktig, inkompatibel eller för stor fil lämnar projektet oförändrat. Projekt-JSON får vara högst 48 MiB.

PNG ritas direkt i webbläsaren med de normaliserade lokala bilderna. Den webbläsarstandardiserade metoden canvas.toBlob() skapar hämtningen. Eftersom inga fjärrbilder används förblir canvasytan exporterbar och blir inte blockerad av regler för andra ursprung.

SVG-exporten skapas av en liten, icke-interaktiv uppsättning former, texter och bildelement. Bildpunkterna från PNG-, JPEG- eller WebP-objekt bäddas in i SVG-filen; de spåras eller omvandlas inte till vektorer. MDN beskriver hur SVG-elementet <image> kan visa rasterbilder. Den exporterade filen kopierar inte godtyckligt uppladdad SVG, skript, länkar eller HTML.

Gränser som ger tillförlitlig export

Exportbredderna är 800, 1200, 1600 eller 2400 pixlar. PNG kan skapas i 1× eller 2× när den resulterande bitmappsbilden håller sig inom 8192 pixlar per sida och 16 × 1024 × 1024 pixlar (cirka 16,8 megapixlar). Om en export i 2× överskrider en säker webbläsargräns förklarar verktyget problemet i stället för att förminska tavlan utan att säga till. SVG-exporten följer samma säkerhetsgräns på 48 MiB för projekt och filer.

Ej rangordnade objekt lämnas som standard utanför den färdiga bilden. Aktivera Inkludera ej rangordnade om du vill visa dem som en avslutande neutral rad. Granska alltid förhandsvisningen: en mycket lång titel, många nivåer eller många objekt kan göra en tekniskt giltig tavla svårläst när den delas i litet format.

Vanliga misstag med tierlistor

• Att byta kriterium halvvägs. Skriv jämförelsen i titeln innan du börjar rangordna.
• Att använda otydliga radnamn. Etiketter som ”Kanske” och ”Undvik” säger mer än färger utan förklaring.
• Att behandla en nivå som en exakt poäng. Objekt på en nivå delar kategori; avståndet till en annan nivå är inte ett uppmätt värde.
• Att glömma poolen med ej rangordnade objekt. De ingår inte automatiskt i en färdig export.
• Att bara dela projektfilen. JSON används för att öppna redigeraren igen; använd PNG eller SVG när mottagaren bara behöver se resultatet.