Obsah
- Co je to „skutečný“ obsah
- Dobře, tak co je design na prvním místě?
- Obsah zdůrazňuje „okrajové případy“ - tj. Skutečný svět
- Počínaje skutečným obsahem vás dostane uživatel do obuvi hned od začátku
- 3 nástroje, které vám pomohou pracovat se skutečným obsahem
- CMS Webflow
- Craft Data plugin pro Sketch
- Random User Generator API
Než se ponoříme do výhod pro uživatele, pojďme si trochu vyjasnit naše podmínky.
Za prvé, i když budete často slyšet, jak lidé o tomto konceptu diskutují jako o „navrhování se skutečným data„Raději používám obsah, protože lépe vystihuje to, s čím designér pracuje. Koneckonců, obvykle byste o obrázku neměli mluvit jako o „datech“, že? Pokud to pomůže, můžete si obsah představit jako „data v kontextu“.
Co je to „skutečný“ obsah
Někde v průběhu vývoje designu někdo dostal nápad, že ve skutečnosti nemáte potřeba skutečný text k vytvoření designu. Že můžete jen hodit libovolnou latinu, dokud nebudou připraveny „skutečné“ věci. Proto, lorem ipsum a jeho mnoho, mnoho či méně hipsterských odnoží.
Ale v poslední době si lidé začali uvědomovat, jak je to naprosto šílené. Tak určitě, nějaký formy obsahu lze jednoduše vložit do jakéhokoli starého designu a nazvat jej „dobrý“.
Ale obvykle tomu tak není. I váš „standardní“ blog často obsahuje celou řadu typů obsahu, včetně seznamů, rozhovorů, případových studií, návodů atd. Každý z nich může rozhodně těžit z jedinečné prezentace určené ke zvýraznění jedinečných charakteristik typu obsahu.
Vstupte do navrhování se skutečným obsahem. Jedná se o odnož designu zaměřeného na první obsah, který žádá designéry, aby nejen začali s obsahem, ale aby začali s nemovitý obsah, který skuteční lidé v chaotickém reálném světě vytvářejí a sdílejí.
„Skutečný“ obsah může obsahovat:
- Aktuální fotografie a aktualizace stavu od obyčejných lidí
- Klientem vytvořený obsah pro weby na volné noze
- Leštěná kopie vyrobená profesionálními copywritery
Dobře, tak co je design na prvním místě?
Obsahově první design upřednostňuje tvorbu obsahu webu - nebo kontrolu a analýzu stávajícího obsahu - před design začíná.
To neznamená, že po zahájení procesu návrhu nelze obsah agilně iterovat a vylepšit. (Ve skutečnosti by to mělo být, zajistit, aby kopie a design mluvily stejným hlasem.) Znamená to jen vědět, s čím pracujete, než s tím začnete pracovat.
Když jsou naše podmínky zavedeny, pojďme k výhodám navrhování se skutečným obsahem.
Obsah zdůrazňuje „okrajové případy“ - tj. Skutečný svět
Návrháři milují ideální obsah. A nemůžete jim vyčítat: zkrášlování obsahu je jednou malou částí toho, co dělají. Ale ve skutečném světě málokdo dělá pěkný obsah.
Místo toho se připojí k novému horkému webu, vyplní polovinu svých profilových polí, nahrají obrázek dvou a nazývají to den. Nebo píší „opravdu dlouhé nadpisy“ a do svých blogů nahrávají obrázky v nízkém rozlišení.
To je skutečný život.
Když tomu rozumíte, ne stop při navrhování „ideálních“ uživatelských profilů, které obsahují:
- Krátké, anglosaské křestní jméno a příjmení
- Stovky krásných fotografií, pravidelně dodávané
- Krátké pasáže textového obsahu
- Živá paleta „aktualizací“ pokrývající všechny typy obsahu
Určitě jeden z nich uděláte.
Ale vaše další výsměchy zdůrazňují skutečný svět. Svět plný:
- Dlouhá jména
- Jména, která musí být uvedena ve více než jednom jazyce
- Názvy, které běží zprava doleva, ne zleva doprava
- Řídké, špatně osvětlené a trapně oříznuté fotografie
- Hloupé avatary místo headshotů
- „Akcie“, které jsou ve skutečnosti jen holými odkazy, bez komentářů, které generují prázdné náhledy
Nejedná se o „okrajové případy“. Jsou to snímky ze skutečného, chaotického a neuspořádaného světa. Čím lépe tomu porozumíte, tím lépe porozumíte svým uživatelům - a jak pro ně navrhnout.
A aby vás výše uvedený příklad neuváděl v omyl, výhody navrhování se skutečným obsahem se nezastaví na sociálních sítích. Vztahují se na jakýkoli web, který používá obsah generovaný lidmi, kteří nejste vy. Tedy všechny.
Koneckonců, jen si představte, že se vysmíváte blogu, kde každý nadpis má přesně tři slova. Vy dokonce mluvit editoru blogů, brácho ?!
Počínaje skutečným obsahem vás dostane uživatel do obuvi hned od začátku
Většina návštěvníků webových stránek nepřijde kvůli nádhernému designu, „příjemným“ interakcím nebo vtipné kopii.
Přicházejí pro informace, které potřebují k dokončení věcí.
Přijetím přístupu k vašemu designu na základě obsahu a následným použitím o krok dále nemovitý obsahu, upřednostňujete pokus porozumět oběma:
- S čím musíte pracovat
- Co koncový uživatel hledá
A to vám pomůže zajistit, aby byly v konečném designu zvýrazněny ty správné informace na správných místech.
V jistém smyslu, když upřednostňujete produkci nebo analýzu obsahu před design, jdete stejnou cestou, jakou bude váš uživatel: brodit se mořem informací při hledání toho, co potřebujete. Provedením tohoto procesu získáte lepší přehled o tom, co je k dispozici, co chtějí vaši zákazníci a jak uspořádat váš obsah, aby jim pomohl lépe pochopit, co vy (nebo váš klient) nabízíte.
3 nástroje, které vám pomohou pracovat se skutečným obsahem
Je zřejmé, že můžete vtáhnout skutečný obsah do libovolného návrhářského nástroje a dosáhnout tak věrnějšího designu vašeho webu a produktu. Existuje však několik nástrojů, které opravdu zazáří, když pracujete se skutečným obsahem.
CMS Webflow
Vizuální CMS Webflow, který byl spuštěn koncem roku 2015, skvěle funguje s pracovním tokem, který obsahuje první obsah. Stačí vytvořit kolekci ze 13 základních stavebních bloků (od obrázků po odkazy na odkazy na jiné kolekce), abyste vytvořili zcela vlastní strukturu, zadejte svůj obsah a poté s tímto obsahem začněte pracovat na dokonalém designu. Můžete dokonce stáhnout ukázková „fiktivní“ data a zahájit tak proces návrhu.
Craft Data plugin pro Sketch
Tento bezplatný plugin Sketch and Photoshop od InVision LABS vám umožní vytáhnout skutečný obsah ze svých vlastních souborů, stávajících webů nebo souborů JSON a připojit jej přímo do svých návrhů.
Random User Generator API
Pokud jste kódovač nebo Photoshopper, generátor náhodných uživatelů vám umožní generovat objekty JSON, SQL, CSV nebo YAML, které můžete umístit přímo do svých návrhů.
