Fertiges Template oder individuelles Design.
Ein fertiges Template füllt ein für andere Projekte entworfenes Layout mit den Inhalten des Unternehmens; ein individuelles Design baut das Layout ausgehend von den Inhalten und Zielen des Unternehmens auf. Der Unterschied zeigt sich nicht am Tag des Livegangs, sondern wenn die Website wächst, sich verändert und gemessen wird.
Die Wahl zwischen fertigem Template und individuellem Design wird oft als Frage des Geschmacks oder des Budgets diskutiert. Nützlicher ist diese Frage: Wie viele Jahre wird diese Website leben, in wie vielen Sprachen wird sie sprechen und nach welchen Kriterien wird sie abgenommen? Ein Template funktioniert gut, wenn die Antworten kurz und standardisiert sind; je länger die Antworten werden, desto sichtbarer werden die Grenzen des Templates.
Wo liegen die eigentlichen Kosten eines Templates?
Die Kosten eines Templates fallen nicht beim Kauf an, sondern bei der ersten wichtigen Änderung. Ein Template, das für viele verschiedene Kunden entworfen wurde, bringt auch den Code für Bereiche mit, die Sie nicht nutzen, und dieser Code wird oft auf jeder Seite geladen. Auch die Barrierefreiheit wird vom Template übernommen: Fehlen dort Fokusindikator, Kontrast und Formularbeschriftungen, fehlen sie auch auf Ihrer Website, und die Korrektur erfordert einen Eingriff in das Template.
Die Erfahrung dieser Website: die großen Kosten kleiner Entscheidungen
Wie sich Code-Last aus kleinen Entscheidungen ansammelt, haben wir auf unserer eigenen Website gemessen. Ein einziger CSS-Selektor — :has() — machte etwa 70 % der gesamten Blockierzeit der Seite aus (Details der Messung). Als wir die zwei Bibliotheken, die wir für das Scrollen nutzten, entfernten und die Aufgabe dem Browser überließen, sank die JavaScript-Last von 51,1 KB auf 33,5 KB (die Entscheidung zur Entfernung). Diese Entscheidungen konnten wir treffen, weil wir jede Zeile des Codes selbst geschrieben hatten; denselben Selektor in einem Template zu finden und zu entfernen, wäre viel schwieriger gewesen.
Für die Barrierefreiheit gilt dieselbe Logik: Auf dieser Website ist der Fokusring 2 Pixel stark, Touch-Ziele sind mindestens 44 Pixel groß und der Textkontrast wird in der Testsuite überwacht; kein Release geht live, ohne die Suite mit 1462 Tests und eine automatisierte Barrierefreiheitsprüfung zu bestehen. Wenn Sie die Demoseite eines Templates bewerten, können Sie dieselben Maße selbst mit einem Werkzeug wie dem Kontrastmesser prüfen.
Wie trifft man die Entscheidung?
Ist die Website kurzlebig, spricht sie eine Sprache und sind die Anforderungen standardisiert, ist ein gut gemessenes Template eine vernünftige Wahl — vorausgesetzt, die Demoseite wird vor dem Kauf gemessen. Soll die Website jahrelang leben, in mehreren Sprachen publizieren und Geschwindigkeit wie Barrierefreiheit in Zahlen nachweisen, ist individuelles Design der Weg, auf dem sich diese Kriterien von Anfang an einbauen lassen. Individuelles Design liefern wir nach diesen Kriterien im Rahmen von Webdesign für Unternehmen; die allgemeine Checkliste steht im Leitfaden worauf Sie bei der Beauftragung einer Website achten sollten.
Wenn Sie die Antworten auf diese Fragen auf Ihrer eigenen Website sehen möchten: Corporate Webdesign liefert Design, Code und technisches SEO aus einer Hand, mit einem messbaren Budget.
Kriterium
Fertiges Template
Start Kurz; die Demo-Inhalte werden durch die Inhalte des Unternehmens ersetzt
Eigenständigkeit Dasselbe Template kann auch auf anderen Websites verwendet werden
Passung zum Inhalt Der Inhalt wird in die Muster des Templates gepresst
Individuelles Design
Start Länger; es gibt Schritte für Analyse, Design und Umsetzung
Eigenständigkeit Unternehmensspezifisch
Passung zum Inhalt Die Muster werden um den Inhalt herum gebaut
Fertiges Template
Code-Last Bringt Komponenten und Skripte für viele Szenarien mit; auch ungenutzte können auf der Seite laden
Barrierefreiheit Hängt von der Qualität des Templates ab und wird unverändert übernommen
Änderungen So weit, wie das Template es zulässt; ein Template-Update kann mit Anpassungen kollidieren
Wofür es passt Kurzlebige Kampagne, Testprojekt, ein Standardbedarf
Individuelles Design
Code-Last Nur die genutzten Komponenten; die Last lässt sich von Anfang an budgetieren
Barrierefreiheit Wird von Anfang an als Ziel gesetzt und bei der Abnahme geprüft
Änderungen Die Grenze ist das Design selbst; die Kosten einer Änderung liegen im Projekt
Wofür es passt Langlebige Unternehmenswebsite, mehrere Sprachen, eine Abnahme nach Kriterien
HÄUFIGE FRAGEN
Lässt sich mit einem fertigen Template keine schnelle, barrierefreie Website bauen?
Doch; aber das sagt Ihnen die Messung, nicht der Werbetext des Templates. Die Demoseite eines Templates lässt sich vor dem Kauf messen: in einem Tool für Ladegeschwindigkeit, durch Navigation mit der Tastatur und durch Prüfung des Textkontrasts. Sind die Messwerte gut, ist das Template eine legitime Wahl.
Ist individuelles Design immer besser?
Nein. Individuelles Design bedeutet mehr Entscheidungen, und jede Entscheidung kann auch falsch getroffen werden. Für eine kurzlebige Kampagne oder einen Standardbedarf kann ein gut gewähltes Template die richtigere Wahl sein; der Ertrag des individuellen Designs zeigt sich, wenn die Website lange lebt und nach Kriterien abgenommen wird.
Kann man ein Template später anpassen?
Ja, aber die Kosten fallen beim Update an. Die WordPress-Dokumentation warnt zum Beispiel, dass Änderungen an einem Standard-Theme, das nicht umbenannt wurde, beim Update verloren gehen können. Je mehr angepasst wird, desto mehr wird das Template zu einem individuellen Design, dessen Pflege schwerfällt.