Obsah
- Čo je „skutočný“ obsah
- Dobre, tak čo je prvý návrh obsahu?
- Obsah zdôrazňuje „okrajové prípady“ - teda skutočný svet
- Počnúc skutočným obsahom sa dostanete do kože používateľa už od začiatku
- 3 nástroje, ktoré vám pomôžu pracovať so skutočným obsahom
- CMS Webflow
- Doplnok Craft Data pre Skicu
- Rozhranie API generátora náhodných používateľov
Predtým, ako sa ponoríme do výhod pre používateľov, si trochu ujasnime naše podmienky.
Po prvé, aj keď budete často počuť, že ľudia diskutujú o tomto koncepte ako o „navrhovaní so skutočným údaje“, Radšej používam obsah, pretože lepšie vystihuje, s čím pracuje dizajnér. Nakoniec by ste obrázok normálne nenazvali ako „dáta“, však? Ak to pomôže, môžete si obsah predstaviť ako „údaje v kontexte“.
Čo je „skutočný“ obsah
Niekde v priebehu vývoja dizajnu niekto dostal nápad, že to v skutočnosti nemáte potreba skutočný text na vytvorenie dizajnu. Že môžete len vhodiť ľubovoľnú latinku, kým nebudú pripravené „skutočné“ veci. Teda lorem ipsum a jeho mnoho, mnoho alebo viac hipsterských odnoží.
Ale nedávno si ľudia začali uvedomovať, aké je to úplne šialené. Samozrejme, niektoré formy obsahu možno vhodiť do ľubovoľného starého dizajnu a nazvať ho „dobrý“.
Ale zvyčajne to tak nie je. Aj váš „štandardný“ blog často obsahuje rôzne typy obsahu, vrátane zoznamov, rozhovorov, prípadových štúdií, návodov atď. určite ťažiť z jedinečnej prezentácie navrhnutej na zvýraznenie jedinečných vlastností typu obsahu.
Vstúpte do navrhovania so skutočným obsahom. Je to odnož dizajnu zameraného na prvý obsah, ktorý žiada dizajnérov, aby nielen začali s obsahom, ale aby začali aj s reálny obsah, ktorý skutočne tvoria a zdieľajú skutoční ľudia v chaotickom, skutočnom svete.
Upozorňujeme, že „skutočný“ obsah môže pozostávať z:
- Aktuálne fotografie a aktualizácie stavu od bežných ľudí
- Klientom vyrobený obsah pre stránky na voľnej nohe
- Leštená kópia vyrobená profesionálnymi copywritermi
Dobre, tak čo je prvý návrh obsahu?
Dizajn zameraný na prvý obsah uprednostňuje tvorbu obsahu webových stránok - alebo kontrolu a analýzu existujúceho obsahu - predtým dizajn začína.
To neznamená, že po začatí procesu návrhu nie je možné obsah agilne iterovať a vylepšiť. (V skutočnosti by to malo byť, aby sa zabezpečilo, že kopírovanie a dizajn hovoria rovnakým hlasom.) Znamená to len vedieť, s čím pracujete, skôr ako s tým začnete pracovať.
Po splnení našich podmienok poďme k výhodám navrhovania so skutočným obsahom.
Obsah zdôrazňuje „okrajové prípady“ - teda skutočný svet
Dizajnéri milujú ideálny obsah. A vy im nemôžete vyčítať: skrášlenie obsahu je jednou malou časťou toho, čo robia. Ale v skutočnom svete málokto robí pekný obsah.
Namiesto toho sa pripoja k horúcej novej webovej stránke, vyplnia polovicu svojich profilových polí, nahrajú obrázok dvoch a hovoria tomu deň. Alebo píšu „skutočne dlhé nadpisy“ a nahrávajú obrázky s nízkym rozlíšením do svojich blogov.
To je skutočný život.
Ak tomu rozumiete, nemusíte prestaň pri navrhovaní „ideálnych“ profilov používateľov, ktoré obsahujú:
- Krátke, anglosaské meno a priezvisko
- Stovky krásnych fotografií, pravidelne dodávané
- Krátke pasáže textového obsahu
- Živá paleta „aktualizácií“ pokrývajúcich všetky typy obsahu
Jeden z nich určite robíte.
Ale vaše ďalšie výsmechy zvýrazňujú skutočný svet. Svet plný:
- Dlhé mená
- Mená, ktoré musia byť uvedené vo viac ako jednom jazyku
- Mená, ktoré sa pohybujú sprava doľava, nie zľava doprava
- Riedke, zle osvetlené, trápne orezané fotografie
- Hlúpe avatari namiesto headshotov
- „Akcie“, ktoré sú v skutočnosti iba holými odkazmi bez komentárov a ktoré generujú prázdne ukážky
Nejde o „okrajové prípady“. Sú to snímky zo skutočného, chaotického a neusporiadaného sveta. Čím lepšie to pochopíte, tým lepšie pochopíte svojich používateľov - a ako pre nich navrhnúť.
A aby vás uvedený príklad nezaviedol, výhody navrhovania so skutočným obsahom sa nezastavia iba na sociálnych sieťach. Vzťahujú sa na akýkoľvek web, ktorý používa obsah generovaný ľuďmi, ktorí nie ste vy. Teda všetky.
Napokon, len si predstavte maketu blogu, kde každý nadpis má presne tri slová. Aj ty hovoriť redaktorovi blogu, brácho ?!
Počnúc skutočným obsahom sa dostanete do kože používateľa už od začiatku
Väčšina návštevníkov webových stránok neprichádza s nádherným dizajnom, „príjemnými“ interakciami alebo vtipnou kópiou.
Prichádzajú pre informácie, ktoré potrebujú, aby stihli všetko.
Tým, že sa k svojmu dizajnu postavíte najskôr od obsahu, až po jeho použitie reálny obsahu uprednostňujete pokus o porozumenie oboch:
- S čím musíte pracovať
- Čo koncový používateľ hľadá
A to vám pomôže zabezpečiť, aby sa vo finálnom dizajne zvýraznili správne informácie na správnych miestach.
V istom zmysle, keď uprednostňujete produkciu alebo analýzu obsahu predtým pri dizajne sa vydávate rovnakou cestou, akou bude prechádzať váš používateľ: brodiť sa morom informácií pri hľadaní toho, čo potrebujete. Prekonaním tohto procesu získate lepšie pochopenie toho, čo je k dispozícii, čo chcú vaši zákazníci a ako usporiadať váš obsah, aby im pomohla lepšie pochopiť, čo ponúkate vy (alebo váš klient).
3 nástroje, ktoré vám pomôžu pracovať so skutočným obsahom
Je zrejmé, že skutočný obsah môžete vtiahnuť do ľubovoľného návrhárskeho nástroja, aby váš web a produktové dizajny boli vernejšie. Existuje však niekoľko nástrojov, ktoré skutočne vyniknú, keď pracujete so skutočným obsahom.
CMS Webflow
Vizuálny CMS Webflow, ktorý bol uvedený na trh koncom roka 2015, funguje skvele s pracovným tokom prvého obsahu. Stačí vytvoriť zbierku z 13 základných stavebných blokov (od obrázkov po odkazy na odkazy na ďalšie zbierky), aby ste vytvorili úplne vlastnú štruktúru, vložili svoj obsah a potom s týmto obsahom začali pracovať na vytvorení dokonalého dizajnu. Môžete dokonca vytiahnuť vzorové „fiktívne“ údaje, aby ste mohli zahájiť proces návrhu.
Doplnok Craft Data pre Skicu
Tento bezplatný doplnok Sketch and Photoshop od InVision LABS vám umožní vytiahnuť skutočný obsah z vašich vlastných súborov, existujúcich webových stránok alebo súborov JSON a zapojiť ho priamo do vašich návrhov.
Rozhranie API generátora náhodných používateľov
Ak ste kódovač alebo Photoshopper, generátor náhodných používateľov vám umožní generovať objekty JSON, SQL, CSV alebo YAML, ktoré môžete umiestniť priamo do svojich návrhov.