På tide å dykke inn i Snippets-området! Det vil si det faktiske innholdsområdet av det. Vi har allerede toppteksten på plass. Utdragsområdet er ganske populært. Uten å dykke dypt ned i analyser, vet jeg fra å se på sosiale medier og høre fra mennesker i det virkelige liv at de finner mange nyttige ting i dette området.
I v9 var en veldig vanlig og legitim kritikk at det var vanskelig å bla. Det var et sterkt farget trekkspill, og hvert snutt var en "boblekobling" (i mangel av en bedre beskrivelse) som matchet hovedfargen til den delen av snutten. Verre, de ble justert rettferdiggjort som jeg trodde ville være en fin måte å gi dem litt plass og hoppe øyet litt rundt, men endte opp med å se bare rare og slurvete ut.
La oss løse inn her og gjøre Snippets-området hyggeligere å bla gjennom. Selv om det meste av dette innholdet igjen blir funnet via søk. Likevel, kan like godt gjøre det hyggelig å bla gjennom.
Med en gang bestemmer vi oss for ikke å sette et søkefelt rett nede i innholdsområdet. Det var tidligere, men dette er et redesign, og vi tar beslutningen om å konsolidere søk i ett område. Når du har lært å bruke søk en gang, vet du hvordan det fungerer for alltid.
For designet går vi med en to kolonneting. Til venstre hovedkategoriene, hver med en unik farge. Regnbue-tid! Vi blar i vårt eget galleri for inspirasjon.
Høyre kolonne vil ganske enkelt være en liste over utdragene i den kategorien. Enkelt, lett å bla gjennom. I likhet med bunnteksten lenker. Folk vet hvordan de skal skanne og bruke lister over lenker. Det er det mest enkle designmønsteret som finnes.
Vi roter med noen designbeslutninger skjønt. Skal lenkene matche fargen på seksjonen eller bare være grå? Bør vi "zebrastripe" lenkene med en falmet versjon av hovedfargen? Bør vi inkludere en publiseringsdato eller oppdatert dato eller verken? Morsomme og viktige ting å tenke på, men vi kan alltid ta slike beslutninger når vi kommer til nettleseren og jobber med ekte data.