Benutzerdefiniertes Icon-Set für unsere Dienstleistungsseite – 40 Piktogramme

Unsere Dienstleistungsseite wächst seit drei Jahren, und die Icons darin stammen von überall: einige wurden aus einem kostenlosen Paket entnommen, einige wurden von einem Entwickler in Eile gezeichnet, einige sind Überbleibsel von einer Landingpage, die wir vor langer Zeit eingestellt haben. Nebeneinander stehend sehen sie aus wie Fremde. Unterschiedliche Strichstärken, unterschiedliche Eckenradien, ein Glyphen gefüllt und die nächste umrandet, und der Warenkorb sitzt zwei Pixel tiefer als alles andere. Auf den Abschnittskarten ist das nur unordentlich. In der Preistabelle und im mobilen Menü beginnt es, uns Geld zu kosten: Die Leute verlangsamen, suchen mit ihren Augen nach der Beschriftung und rufen schließlich an, um zu fragen, worum es in einem Abschnitt eigentlich geht.

Deshalb wollen wir ein Set, das für uns gezeichnet wird, auf einem einzigen Raster, und wir möchten, dass es die gesamte Seite abdeckt und nicht nur einen Demobildschirm. Vierzig Piktogramme für unsere Dienstleistungen und Abschnitte, das gleiche optische Gewicht in jedem von ihnen und ein Verhalten, das der realen Nutzung standhält: klein im Menü, groß auf einer Karte, auf einem hellen Hintergrund, auf einem dunklen Hintergrund, plus Hover-, gedrückt und deaktiviert Zustände für alles, was angeklickt werden kann. Vierzig ehrliche Icons, die zusammenhalten, sind uns mehr wert als achtzig, die nur gut aussehen, wenn sie in einem Präsentationsraster angeordnet sind.

Drei Bedingungen sind uns wichtig, und wir möchten, dass sie vor Beginn der Arbeit vereinbart werden. Icons werden von Grund auf neu gezeichnet: bestehende Sets werden nicht neu gezeichnet, nachgezeichnet oder „überarbeitet“ in unsere, nicht einmal teilweise. Die Bedeutung eines Piktogramms wird an Menschen getestet, anstatt geraten zu werden, daher zeigen wir die Glyphen ohne Kontext einigen Kollegen und einigen Außenstehenden und fragen, was jede bedeutet; alles, was nicht lesbar ist, wird neu gezeichnet, und ein unklarer Piktogramm reist immer mit einem Textlabel. Und Größe und Strichstärke werden auf einem Bildschirm in dem Maßstab beurteilt, in dem das Icon tatsächlich verwendet wird, nicht nur auf einem vergrößerten Artboard, wo fast alles elegant aussieht.

Was wir erwarten zu erhalten:
— 40 Piktogramme auf einem Raster, mit einer Strichstärke und einer Eckenlogik;
— Versionen für helle und dunkle Hintergründe des gesamten Sets;
— Hover-, gedrückt, Fokus- und deaktivierte Zustände für die interaktiven Icons;
— saubere Vektorquellen, benannt nach einer einzigen Konvention;
— eine Icon-Schriftart (oder ein ebenso verwendbarer Sprite) mit einer Demoseite, die das gesamte Set zeigt;
— Lesbarkeit überprüft auf Live-Seiten in der kleinsten Größe, die wir tatsächlich verwenden;
— eine kurze schriftliche Anleitung zum Zeichnen neuer Icons im gleichen Stil, damit wir das Set selbst erweitern können.