Tijd om het Snippets-gebied in te duiken! Dat wil zeggen, het eigenlijke inhoudsgebied ervan. We hebben de header al op zijn plaats. Het gedeelte met fragmenten is behoorlijk populair. Zonder diep in analytics te duiken, weet ik door naar sociale media te kijken en van mensen in het echte leven te horen dat ze op dit gebied veel nuttige dingen vinden.
In v9 was een veel voorkomende en legitieme kritiek dat het moeilijk was om te bladeren. Het was een zwaar gekleurde accordeon en elk fragment was een "bellenlink" (bij gebrek aan een betere omschrijving) die overeenkwam met de hoofdkleur van dat fragment ondergedeelte. Erger nog, ze waren gerechtvaardigd uitgelijnd, wat ik dacht dat een leuke manier zou zijn om ze wat ruimte te geven en een beetje rond te springen, maar uiteindelijk zagen ze er gewoon raar en slordig uit.
Laten we onszelf hier verzilveren en het gedeelte met fragmenten leuker maken om door te bladeren. Ook al wordt, nogmaals, de meeste van deze inhoud gevonden via zoeken. Toch kan het net zo goed leuk maken om te bladeren.
We besluiten meteen om geen zoekveld helemaal in het inhoudsgebied te plaatsen. Er was in het verleden, maar dit is een herontwerp en we nemen de beslissing om het zoeken in één gebied samen te voegen. Als u eenmaal leert hoe u de zoekfunctie eenmaal kunt gebruiken, weet u hoe het voor altijd werkt.
Voor het ontwerp gaan we met een ding met twee kolommen. Aan de linkerkant staan de hoofdfragmentcategorieën, elk met een unieke kleur. Rainbow tijd! We bladeren door onze eigen galerij voor inspiratie.
De rechterkolom is gewoon een lijst met de fragmenten in die categorie. Eenvoudig, gemakkelijk te bladeren. Net als de footer-links. Mensen weten hoe ze lijsten met links moeten scannen en gebruiken. Het is het meest perfect eenvoudige ontwerppatroon dat er is.
We rommelen echter met enkele ontwerpbeslissingen. Moeten de links overeenkomen met de kleur van de sectie of gewoon grijs zijn? Moeten we de schakels "zebrastrepen" met een vervaagde versie van de hoofdkleur? Moeten we een publicatiedatum of bijgewerkte datum opnemen of geen van beide? Leuke en belangrijke dingen om over na te denken, maar we kunnen dit soort beslissingen altijd nemen als we eenmaal bij de browser zijn en met echte gegevens werken.