Je čas sa ponoriť do oblasti Snippets! Teda jeho skutočná obsahová oblasť. Hlavičku už máme umiestnenú. Oblasť úryvkov je veľmi populárna. Bez toho, aby som sa ponoril hlboko do analytiky, viem zo sledovania sociálnych médií a z reálnych rozhovorov od ľudí, že v tejto oblasti nájdu veľa užitočného.
Vo v9 bola veľmi častá a legitímna kritika, že bolo ťažké listovať. Bol to silne sfarbený akordeón a každý úryvok bol „bublinkovým odkazom“ (pre nedostatok lepšieho deskriptora), ktorý zodpovedal hlavnej farbe podsekcie úryvku. Horšie bolo, že boli zarovnané zarovnané, o čom som si myslel, že by bol čistý spôsob, ako im dať trochu priestoru a trochu poskakovať, ale nakoniec vyzerali čudne a nedbalo.
Uplatnime sa tu a urobme si oblasť Snippets príjemnejšou na prehliadanie. Aj keď opäť sa väčšina tohto obsahu nachádza prostredníctvom vyhľadávania. Napriek tomu by tiež mohlo byť príjemné prechádzať.
Hneď sa rozhodneme nevložiť vyhľadávacie pole priamo do oblasti obsahu. Už to bolo v minulosti, ale jedná sa o redizajn a my sa rozhodujeme konsolidovať vyhľadávanie do jednej oblasti. Len čo sa naučíte používať vyhľadávanie raz, budete vedieť, ako to funguje navždy.
Pri návrhu ideme s dvoma stĺpmi. Vľavo hlavné kategórie úryvkov, každá s jedinečnou farbou. Dúhový čas! Prechádzame inšpiráciu vo vlastnej galérii.
Pravý stĺpec bude jednoducho zoznamom úryvkov z tejto kategórie. Jednoduché, ľahko prehľadateľné. Podobne ako odkazy na pätu. Ľudia vedia, ako skenovať a používať zoznamy odkazov. Je to najdokonalejší jednoduchý dizajnový vzor, aký existuje.
Stále sa však motáme s niektorými rozhodnutiami o dizajne. Mali by odkazy zodpovedať farbe sekcie alebo byť iba šedé? Mali by sme odkazy „zebrovať“ pomocou vyblednutej verzie hlavnej farby? Mali by sme uviesť dátum zverejnenia alebo aktualizovaný dátum, alebo ani jeden? Zábavné a dôležité veci na zamyslenie, ale vždy môžeme urobiť tento druh rozhodnutí, keď sa dostaneme do prehliadača a pracujeme so skutočnými údajmi.