Jak jsem vyrobil produkt TRDZ: plakát „zákony použitelnosti a psychologie v designu“. Od nápadu k realizaci

Dobré odpoledne, vážení designéři, dnes vám chci povědět o mém novém produktu – plakátu „Zákony použitelnosti a psychologie v designu“ a hovořit o všech aspektech jeho výroby: od nápadu po implementaci. K dispozici bude celá interní kuchyně projektu, včetně rozvržení, prototypů, zdrojů, odkazů a zdrojů – ať se vám líbí jakkoli

Produkt není v žádném případě nový, určitě jste jako návrháři již viděli tyto zákony a legendární ilustrace pana Johna Jablonského, které se rozšířily po celém internetu.

Jak vznikla myšlenka vytvořit plakát použitelnosti

Začnu malým pozadím, poté přejdu k samotnému produktu a otevřu vám celou kuchyň. Před půl rokem, když jsem začal chodit na další kurz designu UX od společnosti, jejíž značku nebudu vyslovovat, aby se konverzace nepřevedla na holivar, narazil jsem na následující. Došlo k lekci o zásadách a zákonech použitelnosti, o které jsem, samozřejmě s třemi roky zkušeností v oboru, slyšel. Ty byly známy všem:

  • Fittsův zákon
  • Hickův zákon
  • Jacob Nielsenův zákon

a další, jejichž celkové složení zahrnovalo asi 20 různých jmen. Zběsile jsem si dělal poznámky z přednášky v naději, že si budu pamatovat jména výzkumníků a zároveň přeložit metafory do zákonů ve formě ilustrací, abych si to lépe zapamatoval. Pak jsem nevěděl, že pan Yablonsky, kterého jsem zmínil výše, již tuto práci provedl, každopádně chtěl jsem, aby byly odrazy těchto zákonů pro mě srozumitelnější, což jsem udělal příklad této inkarnace je uveden níže.

Měl jsem ve zvyku nahrávat do sítě různé užitečnosti, tentokrát jsem se neodchýlil od své víry a ukázal tyto ilustrace svým spolužákům v kurzu , což způsobilo velmi pozitivní zpětnou vazbu. Chlapi je začali žádat, aby jim tyto příklady zaslali kvůli jasnosti a možnosti použití těchto zákonů v designu.

Pak jsem si řekl, hmm … umím si vyrobit karty a vytisknout si je pro sebe.

Od formátu karty k plakátu

Tento nápad by mohl být docela proveditelný, protože fyzické karty jsou docela praktické a použitelné v každodenním životě. V průběhu práce jsem často narazil na následující problém : navrhujete nové rozhraní, poté to ukážete týmu a oni vám řeknou – „drahý, proč přesně?“. To může ovlivnit vaše rozhodnutí mnoha způsoby: od samého začátku navrhování rozhraní a rozvržení rozvržení, konče pozicí/seskupením konkrétních tlačítek a pořadím a množstvím umístění informací na stránce.

Nejsem grafik a moje ilustrace byly zpočátku velmi schematické, protože odpovídaly pouze potřebám – porozumět a zapamatovat si nebo použít, když to bylo potřeba. Při navrhování těchto karet zpočátku Nesledoval jsem principy estetiky a harmonie, ani jsem nebyl motivován distribuovat toto publiku designérů.

První prototypy projektu TRDZ

Po mnoha žádostech kolegů o zaslání mé práce jsem si uvědomil, že záležitost naberá na obrátkách, a rozhodl jsem se uchýlit k pomoci mého přítele – absolventa British Higher School Design . Sergei Zhigarev, kterého známe už dlouho, okamžitě navrhl změnit formát a místo samostatných karet vytvořit celý plakát se zákony.

Zpočátku jsem byl proti plakátu a stále jsem se snažil trvat na kartách, protože jsou vhodnější

Můžete si například vzít karty s sebou do práce nebo na schůzku a své rozhodnutí zdůvodnit zákazníkovi nebo týmu na základě určitého zákona. Je to druh kompaktní podváděcí hry , díky kterému se můžete s jistotou odvolat na konkrétní zákon a neztrácet čas hádkou s pěnou v ústech, že vaše tlačítka by měla být umístěna tímto způsobem.

Myšlenka plakátu byla také zajímavá, protože v souhrnu to vypadalo jako MVP periodické tabulky. Pokud vůbec, v žádném případě nepředstírám genialitu a originalitu vědců, porovnávám pouze atmosféru vytvořenou produktem. Takže plakát visící v místnosti/kanceláři nad pracovištěm může vytvořit pracovní atmosféru a dát designérovi pocit sounáležitosti s sférou a okolními diváky – stav úžasu a obdivu … říkají: „Podívej, v designu opravdu vodí, dokonce má některé nepochopitelné zákony. “

Pak se objevily první rozložení budoucího plakátu a bylo důležité určit jeho velikost. Příliš velký plakát by bylo obtížné číst zblízka a příliš malý by byl obtížný číst z dálky. Výsledkem bylo, že náš první prototyp měl rozměry 70 * 100 cm a v praxi se ukázal jako obrovský prostor.

Jeho velkou nevýhodou byla skutečnost, že v noci měl plakát schopnost se náhle odlepit a spadnout na stůl zničil sen posvátného návrháře hlukem, který neznamenal tragédii. Nakonec jsme přišli s kompaktnějším a čitelnějším formátem 50 * 70 cm, který se stal základem pro další iterace.

Vy pravděpodobně jste si všimli, že zkratka TRDZ se v tomto článku již několikrát objevila.

Tento název byl vytvořen společným úsilím se Sergejem na základě praktické aplikace princip syntetické představivosti

Jsem si jist, že jste opakovaně slyšeli o „teorii invenčního řešení problémů“ a možná jste ji dokonce četli. Název tedy vznikl prostými záměnami a slovní hříčkou, protože jeho význam dokonale odpovídal myšlence našeho vědeckého a popového projektu.

Hledat strukturu a barevné schéma

Volba barvy byla dalším krokem v našem hledání. Objevil se návrh na vytvoření plakátu v černé a černobílé barvě, zatímco černobílý lze tisknout na pauzovací papír. Tuto myšlenku jsme otestovali a ukázalo se, že je to docela proveditelné, protože pauzovací papír měl super schopnost – přizpůsobit se prostředí, protože má matnou průhlednou strukturu . Tuto možnost jsme dočasně odložili stranou, protože pauzovací papír se rychle roztrhl a vůbec se nemohl dostat ke kupujícímu

Začali jsme testovat temné téma, které začalo být módní asi před 10 lety … proč zaostávat za trendem – mysleli jsme

Bylo zváženo několik možností pro temná témata a my jsme se rozhodli pro jednu, která získala největší počet hlasů na Instagramu projektu, což se stalo v kombinaci s mou osobní stránkou.

AR v projektu nebo jak přidat do produktu trochu kouzla

Když jsem se rozhodl pro velikost, materiál, barvu a dokonce i dodavatele produktu, chtěl jsem přidat nějaké chuť produktu, který ho odlišuje od podobných projektů. Myšlenkou bylo jasně ukázat, jak jednotlivé zákony fungují, řešením tedy bylo ukázat vše v pohybu a přidat AR do našeho projektu.

Bylo nutné oživit každou z 18 karet a já jsem se rozhodl, že nejlepším řešením bude ukázat scénář a podrobný popis každé karty, aby se odstranily zbytečné neshody mezi mnou a realizátorem této myšlenky. Mimochodem, byl to designér Denis Spilny, který byl nalezen díky mému Facebooku v den zveřejnění požadavku.

Vypracování animací tohoto plakátu pro mě Nechtěl jsem plakát přetěžovat pohybem, což by výrazně rozptýlilo hlavní obsah, bylo nutné najít dokonalou rovnováhu, aby nedošlo k přetížení sémantické zátěže uživatele a nerozptylovalo ho od hlavní myšlenky použití.

Instagram se stal platformou pro implementaci, kterou jsem si původně vybral, ačkoli existovaly i návrhy, například , aplikace třetí strany Artivive. mechanika je trochu odlišná: pokud máte tuto aplikaci, pak automaticky vidíte tam načtené masky a můžete je okamžitě aktivovat a obejít tak požadovanou cestu hledání, jak se to děje v insta.

Na jedné straně je to pohodlné, ale … ne každý ho má a uživatele by musel přesvědčit, aby si jej stáhl do používat rozšířenou realitu … obtížná cesta … Chtěl jsem, aby funkce AR byly snadno dostupné pro každého, kdo si plakát zakoupil , plus všechny tyto a další možnosti distribuce.

Plán byl jednoduchý:

  • Osoba koupila plakát
  • Umístěte kurzor na QR kód
  • Spustila masku
  • Dostal jsem orgasmus z vrtění ilustracemi na zdi
  • Vzal jsem příběh a všiml jsem si účtu tvůrce

Na jedné straně je to skvělá příležitost pro jeho přátele seznámit se s magií, na druhé straně – dát projektu slovo a získat příležitost k dalšímu prodeji.

Jak funguje AR lze vidět zde

Zákaznická zkušenost začíná před nákupem. Proč jsem si vybral OZON (ne reklamu)

Pravděpodobně jste už slyšeli o designu služby. Když mluvíme o CX a našem produktu, cesta uživatele začíná dlouho předtím, než osoba zavěsí plakát na zeď a začne jej používat. Vezměme si jako příklad Apple. Pocity při nákupu/sledování nové reklamy/čekání na další prezentaci/vybalení produktu a odumírání filmu/vůně nové krabice/první spuštění zařízení … se nechali unést, promiňte.

< p> Chci říci, že uživatelská zkušenost v souhrnu je všemi fázemi jeho interakce s produktem, a to před, během a po nákupu . Proto bylo pro mě důležité propracovat se před přijetím a po něm.

Předcházející fází je dodávka a zde jsme chtěli, aby byl proces co nejpohodlnější a nejjednodušší pro obě strany. Možnost mít naše vlastní kurýry v personálu téměř okamžitě zmizela , protože už jsem se s něčím podobným setkal a vím, jaké problémy lze očekávat: hloupě zmizí nebo nechodí do práce, a pokud používáte doručování Yandex, můžete jít na mizině.

Kromě toho jsem nechtěl osobně pracovat s kurýry, vyplňovat faktury, chodit na poštu, volat klientům a kurýrům a celý proces spravovat ručně, tam není čas. Řešením pro mě bylo tržiště OZON, protože na rozdíl od Wildberry více se specializuje na tištěné a tištěné materiály .

Podrobněji popíšu proces uvolnění produktu, uzavření smlouvy, vystavení EDF, IP a interakci s OZON v jiném článku, v případě potřeby se na něj zeptejte v komentářích. Mimochodem, tento člověk velmi dobře pomáhal ve fázích papírování k dodání, má díky němu kompetentní obsah YouTube

Balení a trojúhelníkové tuby

Pro mě osobně je to jedna z klíčových fází interakce. Produkt jste již našli, vybrali jste, objednali, přišli si ho vyzvednout a co vidíte. Toto je přechodná fáze mezi objednáváním a používáním a mnoho lidí to často zanedbává, ale marně.

Důležitým bodem zde nebylo rozbít obal, aby byl ergonomický, snadno se přepravoval a zároveň atraktivní, protože mnoho lidí dá takový plakát svým přátelům. Mluvil jsem o tom, jak a proč jsem si v insta zvolil trojúhelníkové rámečky , koho to zajímá, dobře)

Opravdu jsem chtěl, aby byl produkt lehký a romantický, a tak jsem odmítl možnosti plastových obalů ve prospěch lepenky, řemesla a motouzu.

Každý ze sta plakátů první várky, jsme s manželkou láskyplně zabalili do řemeslného papíru a pauzovacího papíru příslušné barvy, svázali originální provázek motouzu a přidali čtyři kusy gelové pásky. Celý proces trval asi týden našich rodinných večerů a já vám řeknu, že mi často odpadával záda)

Co se stane po zakoupení plakátu

Nechtěl jsem pro projekt vytvořit web, protože by to trvalo dlouho, drahé a proč, i když, pokud to udělám na Tildě … obecně, bylo rozhodnuto využít můj oblíbený pojem naplno. Co potřebujete? Uveďte kontakty, způsoby komunikace, pokyny k AR … Zdá se, že jsem zapomněl na něco jiného, ​​ach ano, bylo by hezké dešifrovat všechny zákony s uvedením podrobností a procesu jejich otevírání.

Učinil to, protože internet je plný informací od velmi chytrých lidí, které bylo rozhodnuto použít. Všechny zdroje a odkazy, ze kterých jsem čerpal informace pro svůj Pojem, jsem uvedl , takže se nedivte možným průnikům obsahu, tyto podobnosti jsou docela možné.

Vezměte výhodou všech dalších. schopnosti odesílatele, které z toho plně těží, budou moci svým majitelům nasměrovat fotoaparát smartphonu na speciální QR kód v pravém rohu.

Kam jdeme dál, plán vývoje produktu

Nyní dostávám první recenze na sociálních sítích o mém produktu a je to velmi vzrušující proces. Designová komunita je si docela blízká, takže lidé, kteří viděli můj plakát někde na sociálních sítích, s nadšením píší Direct „WOW, viděl jsem váš plakát v kanceláři zelené banky.“

Jsem rád, že zpětná vazba, kterou dostávám, je plně v souladu jak s mými očekáváními, tak s úsilím vynaloženým na vydání první dávky.

Z hlediska vývoje existuje předpoklad, že příběh se může stát docela škálovatelným z hlediska obsahu, protože kromě UX existuje mnoho dalších oblastí, podvádění, pro které také existuje místo.

Existuje také teorie, že když produkt získá popularita a plakáty se stanou rozeznatelnými, existuje příležitost přejít na NFT se samostatnými animacemi a ilustracemi pro každou kartu. Navíc tyto karty a je jich přesně 18. bude mít omezené emise, to znamená, že karta číslo 18 bude mít cirkulaci 18 nepostradatelných tokenů, číslo 17-17 tokenů, karta číslo 1 – pouze jeden token a zároveň nejdražší. Pokud máte v této oblasti odborné znalosti, kontaktujte mě.

Tato myšlenka teprve dospívá, nyní se zaměřuji na prodej, takže pokud máte nějaké komerční návrhy na implementaci, spolupráci atd., rádi je zkontrolujete, napište na výše uvedený odkaz.

Mimochodem, zde je odkaz na samotný plakát, dokud jsem nezapomněl

https://www.ozon.ru/context/detail/id/264731476/

Doufám, že vás zajímalo dozvědět se něco více o mém produktu. Pokud jste si ji již zakoupili nebo se právě chystáte, budu velmi ráda při každé recenzi na OZON, protože vysoké hodnocení a vaše recenze výrazně ovlivňují moji reputaci prodejce, a tedy i displej produktu ve výsledcích vyhledávání. Díky

Máte zájem o podobný design?

Další práce

Objednávka designu

Naše portfolio obsahuje stovky projektů: interiérový design, webové stránky, reklamní kampaně, loga, corporate identity. Každý úkol řešíme smysluplně, elegantně a krásně.

Abychom mohli začít, musíme si promluvit. Stačí něco říct o vašem projektu, nechat kontakty a my Vás budeme kontaktovat, abychom vše probrali.