Web navržený pomocí AI: jak vyniknout mezi ostatními

Rychlost je dnes dostupná všem. Proto o odlišení rozhoduje to, co do práce vnese sám podnikatel.

Web navržený pomocí AI je pro malou firmu lákavá představa. Napíšete pár vět a na obrazovce se objeví úvodní stránka s nadpisem, tlačítky a úhlednými mřížkami karet. Problém je v tom, že totéž zvládnou i všichni ostatní. Když je web konkurence udělaný stejným způsobem, návštěvník vás od sebe nemusí rozeznat.

V dílu How To Stand Out In A World Of AI Designs ze série Design Review od Y Combinator se téma probírá z pohledu tvůrce návrhářského nástroje. Podle popisu dílu je hostem Alex Danilowicz z Magic Patterns (YC W23) a rozhovor vede Aaron Epstein z YC. Podle popisu pomáhá Magic Patterns produktovým týmům během několika minut proměnit nápady v interaktivní prototypy postavené na kódu.

Nástroj vznikl z vlastního problému tvůrců

Podle popisu dílu jsou Danilowicz i jeho spoluzakladatel front-endoví vývojáři. Magic Patterns postavili, aby vyřešili vlastní problém: jak nápad rychleji zviditelnit. Podle popisu byli v roce 2023 mezi prvními, kdo stavěli nástroje, v nichž se napsaný prompt mění v návrh. V čase 2:11 se pořad věnuje cestě od změny směru v době YC ke skutečnému souladu produktu s trhem.

Pro podnikatele je to známá lekce. Dobrý nástroj často vzniká z vlastní každodenní práce, ale vyplatí se ho rychle vyzkoušet na druhých. Stejná myšlenka se objevuje ke konci dílu: v čase 44:20 je tématem, proč v Magic Patterns mluví s uživateli úplně každý. Už dříve jsme psali, proč náskok začíná znalostí zákazníka. Totéž platí pro web: jeho úkolem je sloužit zákazníkovi, ne vypadat hezky ve vzduchoprázdnu.

Kontext odlišuje výsledek od generického

Popis dílu představuje nové plátno MagicOS od Magic Patterns. Tým na něm může shromáždit prompty, obrázky, produktové požadavky a další podklady a vizuálně zkoumat nápady. V čase 11:23 je tématem navrhování s kontextem na plátně a v čase 14:50 to, jak z AI nástrojů pro design dostat lepší výsledky.

Považuji to za nejdůležitější vodítko celého dílu pro malou firmu. Když AI dáte jen obecné zadání, vrátí vám obecnou odpověď. Když jí dáte slova samotných zákazníků, skutečné fotky produktů, ceník, hlas firmy a příklad stránky, jakou nechcete, výsledek začne připomínat právě vaši firmu. Stejný princip se opakuje i v jiné práci s AI: AI agenti potřebují jasná pravidla práce a návrhářský nástroj potřebuje kvalitní podklady.

Jak poznat vibe coded web?

Ve druhé polovině dílu se hodnotí weby čtyř startupů: Ego, Sentient OS, Cerenovus a Slashy. Podle popisu je cílem rozebrat, proč stránka působí jako vibe coded, tedy narychlo poskládaná z promptů, kde zakladatelé chybují a jak dosáhnout toho, aby design vytvořený s AI působil promyšleněji. Podrobnosti hodnocení stojí za to zhlédnout přímo ve videu.

Vlastní web si ale můžete zkontrolovat už teď pomocí několika otázek. Navrhla bych tyto:

• Dal by se nadpis z úvodní stránky přesunout na web konkurence, aniž by si toho kdokoli všiml?
• Je na webu vidět něco, co máte jen vy: skutečný produkt, skuteční lidé, skutečný příběh zákazníka?
• Říká první obrazovka, pro koho je služba určená a co má návštěvník udělat dál?
• Má každá sekce svůj úkol, nebo je na stránce jen proto, že ji navrhl nástroj?

Rychlost a kvalita se nevylučují

V čase 43:33 se pořad věnuje tomu, jak si vypěstovat lepší cit pro design, a v čase 45:07 vyvažování rychlosti a kvality návrhu. Obojí míří přímo do každodennosti malé firmy. Když máte návrh za pár minut, uvolní se čas na rozhodování. Dříve jsme psali o tom, kam nasměrovat čas ušetřený díky AI. U webu to znamená, že rychle získaný čas věnujete vyladění obsahu, fotek a cesty zákazníka.

V praxi bych nechala AI vytvořit několik variant, ukázala je pár zákazníkům a zeptala se, která podle nich zní jako my. Požádala bych je také, aby vlastními slovy popsali, co firma dělá. Jejich slova bývají lepším materiálem pro nadpis než jakákoli hotová šablona.

Co by měl podnikatel udělat dál?

Web navržený pomocí AI je dobrý výchozí bod, když mu jako základ dáte vlastní podklady a výsledek posoudíte očima zákazníka. Před dalším redesignem shromážděte do jedné složky zpětnou vazbu od zákazníků, skutečné fotky a tři weby, které se vám líbí nebo nelíbí. Dejte je nástroji jako kontext a výsledek zkontrolujte otázkami výše.

Podle popisu díl končí rozhovorem o budoucnosti designu a Magic Patterns. Pro podnikatele je nejdůležitější závěr jasný už teď: když mají všichni stejné nástroje, odlišení vzniká z toho, čím je krmíte, a z toho, kdo výsledek schvaluje.

▶

Podívejte se na původní díl na YouTube: Y Combinator.

Zdroje

• Y Combinator: How To Stand Out In A World Of AI Designs (Design Review) — Zdrojem je popis dílu od YC a program s časovými značkami, nikoli ověřený přepis.
• Magic Patterns — Web nástroje.