Zeit, in den Snippets-Bereich einzutauchen! Das heißt, in den eigentlichen Inhaltsbereich davon. Wir haben bereits den Header eingerichtet. Der Snippets-Bereich ist ziemlich beliebt. Ohne tief in Analysen einzutauchen, weiß ich aus der Beobachtung sozialer Medien und aus Gesprächen mit Leuten im realen Leben, dass sie in diesem Bereich viele nützliche Dinge finden.
In v9 war eine sehr häufige und berechtigte Kritik, dass es schwierig war zu durchsuchen. Es war ein stark farbiger Akkordeon und jeder Snippet war ein „Blasenlink“ (mangels einer besseren Beschreibung), der mit der Hauptfarbe dieses Snippet-Unterbereichs übereinstimmte. Schlimmer noch, sie waren im Blocksatz ausgerichtet, was ich für eine nette Möglichkeit hielt, ihnen etwas Raum zu geben und den Blick herumspringen zu lassen, aber es sah am Ende nur seltsam und schlampig aus.
Lasst uns uns hier rehabilitieren und den Snippets-Bereich angenehmer zu durchsuchen machen. Auch wenn, wie gesagt, die meisten dieser Inhalte über die Suche gefunden werden. Dennoch können wir ihn auch angenehm zu durchsuchen machen.
Wir entscheiden uns sofort dafür, kein Suchfeld direkt im Inhaltsbereich zu platzieren. In der Vergangenheit gab es eines, aber dies ist ein Redesign und wir treffen die Entscheidung, die Suche in einem einzigen Bereich zu konsolidieren. Sobald Sie gelernt haben, wie man einmal sucht, wissen Sie für immer, wie es funktioniert.
Für das Design entscheiden wir uns für eine Zwei-Spalten-Lösung. Links die Hauptkategorien der Snippets, jede mit einer eindeutigen Farbe. Regenbogenzeit! Wir durchsuchen unsere eigene Galerie nach Inspiration.
Die rechte Spalte ist einfach eine Liste der Snippets in dieser Kategorie. Einfach, leicht zu durchsuchen. Ähnlich wie die Footer-Links. Menschen wissen, wie man Listen von Links scannt und verwendet. Es ist das vollkommenste einfache Designmuster, das es gibt.
Wir spielen jedoch mit einigen Designentscheidungen. Sollten die Links mit der Farbe des Abschnitts übereinstimmen oder nur grau sein? Sollen wir die Links mit einer verblassten Version der Hauptfarbe „Zebra streifen“? Sollen wir ein Veröffentlichungsdatum oder ein Änderungsdatum einfügen oder keines von beiden? Spaßige und wichtige Dinge, über die man nachdenken kann, aber wir können solche Entscheidungen immer treffen, sobald wir im Browser sind und mit echten Daten arbeiten.