A szöveg a wireframe

Pár éve egy ügyfél azt mondta, hogy a landingje nem konvertál. Az elrendezés a baj, mondta. Három sort átírtam a szövegből. A konverzió megduplázódott. Egy doboz sem mozdult.

Akkor néztem szembe először azzal, hogy mit is csinálok, amikor „tervezek” egy oldalt.

A lorem ipsum hazugság

Senki nem tervez placeholder szövegre. Mégis mindenki azzal dolgozik. Aztán beérkezik az igazi copy, a címsor két sorral hosszabb, a CTA kilóg az oszlopból, a value prop összeakad a hero-val, és az elrendezés szétesik. Mert sosem konkrét üzenetre volt tervezve. Absztrakt tartalom-formára.

Minden oldal hierarchiája copy-hierarchia. Címsor. Alcím. Törzsszöveg. CTA. Négy sor. Ez maga az oldal. A többi elrendezés.

Egy erős szöveggel és csúnya dobozokkal felrajzolt wireframe attól még meggyőző. Egy szép dobozokkal és lorem ipsummal kitöltött wireframe csak képernyővédő.

A designer nem ír, hanem szövegben gondolkodik

Nem azt mondom, hogy minden designer legyen copywriter. Azt mondom, hogy addig nem szabad nekikezdeni a tervezésnek, amíg valaki el nem döntötte, hogy mit akar mondani.

Tizenhat év és sok tucat ügyfél után a projektek, amik működtek, egyvalamiben hasonlítottak. Az író és a designer az első perctől egy szobában ült. Nem úgy, hogy „először megtervezzük, aztán majd a copywriter feltölti”. Az oldal egy mondat köré rendeződött, amiért valakinek előbb meg kellett harcolnia.

Amikor a Phora-n dolgozom, minden funkció címsorral kezdődik. Egyetlen mondat. Ha nem tudom megírni, a funkció még nincs megtervezve. A Figma-fájl utána jön, nem előtte. Néha az a mondat maga az egész munka.

Az ál-wireframe

Az a wireframe, amit mindenki először felrajzol, hamis. Helykitöltő ott, ahol gondolkodásnak kellett volna lennie. A téglalapokat tologathatod a végtelenségig. Egy oldal, ami nem tudja, mit akar mondani, attól még nem fog megszólalni.

Először a szavak. Aztán a dobozok. Különben a dobozok nem jelentenek semmit.