Digitální konfekce: proč si jsou weby a aplikace od AI tak podobné?

Zaoblené karty, bílé pozadí, nenápadný font a univerzální ikony. Vyměníte logo a barvu tlačítek, jinak ale může jít o bankovní aplikaci, firemní software nebo nástroj pro plánování dovolené. AI přitom originální uživatelské prostředí vytvořit umí. Bez zadání k tomu ale nemá důvod.

Zaměnitelný design je logický výsledek

Generativní modely nehledají nejodvážnější řešení. Vytvářejí výstupy, které nejlépe odpovídají zadání a vzorcům ze známých tréninkových dat. 

Nezačínají totiž u prázdného stolu jako weboví designéři. Skládají nejpravděpodobnější odpověď z toho, co už dobře znají:

• Existující weby a aplikace

• Zdrojové kódy

• Technická dokumentace

• Designové systémy

• Běžně používané komponenty

• Příklady dostupné na internetu 

Anthropic na tento problém upozorňuje přímo ve své dokumentaci. Bez konkrétních instrukcí Claude může směřovat k obecným layoutům, běžným fontům, bílému pozadí nebo nadužívaným fialovým gradientům. Model umí být kreativní, je ale nutné kreativitu řídit.

Obecné prompty vedou k průměrným výsledkům

Nedostatečné zadání může vypadat například takto:

• Navrhni moderní SaaS aplikaci.

• Vytvoř profesionální dashboard.

• Použij minimalistický design.

• Udělej čisté a přehledné rozhraní.

• Navrhni moderní firemní web.

Takové prompty neříkají nic o produktu, značce ani uživatelích. Model proto sáhne po univerzálním vizuálním jazyku, který se k podobným pojmům váže nejčastěji. Výsledkem je návrh, který je technicky správný, vizuálně čistý, relativně použitelný, ale naprosto zaměnitelný. Kvalitní design aplikací totiž nezačíná výběrem barev a ikonek. Důležité je se správně ptát.

• Kdo bude produkt používat?

• Jaký problém potřebuje vyřešit?

• Co má uživatel zvládnout?

• V jakém prostředí bude s aplikací pracovat?

• Jak se má produkt lišit od konkurence?

Všichni mají stejné LEGO

Vývojáři a AI nástroje často využívají hotové komponenty a frameworky, například shadcn/ui, Tailwind CSS nebo Radix UI. Díky nim rychle vznikají základní části rozhraní, jako jsou navigace, tlačítka, formuláře, dialogová okna, notifikace nebo přihlašovací obrazovky.

Hotové stavebnice ale nejsou problém. Urychlí vývoj webových aplikací, drží konzistentní vzhled a pomáhají s přístupností.

Například knihovna shadcn/ui se sama prezentuje jako otevřený základ, který si má tým upravit a vybudovat na něm vlastní designový systém. Zaměnitelnost vzniká ve chvíli, kdy se výchozí komponenty používají téměř beze změny. 

Je to podobné jako stavět pořád stejné LEGO. Možná model postavíte trochu jinak, používáte k němu ale stejné kostky a výsledek se příliš neliší od výsledku vašeho kamaráda.

AI zkrátí dobu návrhu

Tradiční vývoj na míru začíná ještě před vznikem prvních barevných kombinací. Celý návrhový proces se skládá z několika fází:

• Definice problému

• Analýza potřeb uživatelů

• Návrh informační architektury

• Tvorba uživatelských scénářů

• Příprava jednoduchých wireframů

• Porovnání několika směrů

• Testování

• Ověření návrhu u zákazníka  

Teprve potom přichází na řadu vizuální styl, prototypování a detailní zpracování jednotlivých obrazovek. Generativní nástroje ale tento postup obracejí. Z krátkého zadání připraví naleštěný návrh s barvami, fonty, stíny, animacemi a hotovými komponentami.

Návrh sice působí dokončeně. Nikdo ale neověřil, zda řeší správný problém. Tým pak místo toho, zda produkt funguje, diskutuje o barvě tlačítka, velikosti nadpisu nebo zaoblení karet.

Jak vytvořit aplikaci, kterou si lidi zapamatují?

V MEMOS Software proto vývoj webů a aplikací nezačínáme barvami ani první obrazovkou. Nejprve analyzujeme potřeby uživatelů, firemní procesy a situace, ve kterých budou lidé s aplikací pracovat. Na tomto základě vzniká informační architektura, která nesází na univerzální AI šablonu, ale odpovídá konkrétnímu produktu a značce. I u webových stránek je velmi důležité, aby držely kontinuální grafické, ale i komunikační prvky s celkovým firemním marketingem.

Na konci vývoje webové aplikace stojí funkční řešení s unikátním designem, který odpovídá současným trendům, dobře se používá a lidé si ho zapamatují. Máte vlastní nápad nebo potřebujete přepracovat stávající software? Začněte nezávaznou konzultací v MEMOS Software.