Brief dla AI: jak opisać produkt, żeby dostać to, co miałeś na myśli
Pierwszy opis decyduje o 80% jakości twojej strony. Poznaj brief składający się z pięciu bloków: kim jest użytkownik, jakie strony, co na każdej, jaki styl i co liczy się jako sukces. Jeden dobry brief oszczędza dwadzieścia poprawek.
„Zrób mi ładną stronę dla mojej firmy” to przepis na rozczarowanie: AI stworzy coś przeciętnego. Porównaj to z poniższym briefem.
Formuła briefu: 5 bloków
- Produkt i użytkownik. „Studio jogi dla początkujących w wieku 30–45 lat, którzy czują się skrępowani na zajęciach grupowych.”
- Strony. „Strona główna, grafik, nauczyciele, cennik, kontakt.”
- Kluczowa akcja. „Zarezerwuj zajęcia próbne — formularz: imię, telefon, preferowany termin.”
- Styl. „Spokojny i ciepły: kremowe tło, akcenty szałwiowej zieleni, duża, miękka typografia, dużo przestrzeni.” Lub odniesienie: „w duchu Calm i Headspace.”
- Kryterium sukcesu. „Odwiedzający rozumie, że to joga dla początkujących w ciągu 10 sekund i widzi przycisk rezerwacji bez przewijania.”
Jak to doprecyzować
- Referencje: „nagłówek jak linear.app, tabela cen jak notion” — AI zna popularne strony.
- Antyprzykłady: „żadnych stockowych zdjęć ludzi w garniturach, żadnych fioletowych gradientów.”
- Prawdziwa treść: daj mu swoje prawdziwe teksty i ceny — strona pełna tekstu zastępczego zawsze wygląda gorzej.
Cały brief, krok po kroku
Połączmy te pięć bloków w jedną wiadomość — dokładnie tak, jak wyślesz ją do narzędzia w następnym module, za jednym razem:
Product: "Warm Floor", studio jogi dla początkujących w wieku 30–45 lat którzy czują się niezręcznie na zajęciach grupowych i martwią się, że nie nadążą. Pages: strona główna, grafik, nauczyciele, cennik, kontakt. Key action: zarezerwuj zajęcia próbne za 1 €. Form: imię, telefon, preferowany dzień tygodnia. Style: spokojny i ciepły — kremowe tło, akcent szałwiowej zieleni, duża, miękka typografia, dużo przestrzeni. W duchu Calm i Headspace. Żadnych stockowych ludzi w garniturach. Success criterion: w ciągu 10 sekund jest jasne, że to joga dla początkujących, a przycisk rezerwacji jest widoczny bez przewijania.
Zauważ: ani słowa o technologii — tylko produkt, ludzie i wynik.
Mity, w które wierzą początkujący
- „Im dłuższy prompt, tym lepiej.” Nie — im bardziej ustrukturyzowany, tym lepiej. Pięć jasnych bloków bije na głowę stronę pełną chaotycznego tekstu. AI gubi wątek w ścianie tekstu, tak jak człowiek.
- „AI już wie, czego chcę.” Zna tysiące stron, ale nie czyta w myślach. Nie podasz koloru akcentu, a dostaniesz domyślny niebieski. Nie określisz użytkownika, a dostaniesz „stronę dla każdego”, czyli stronę dla nikogo.
- „Referencje to kopiowanie.” Referencja to język. „Nagłówek jak linear.app” jest szybsze i bardziej precyzyjne niż trzy akapity o „minimalistycznym, ale żywym”. Tak właśnie rozmawiają prawdziwi projektanci podczas briefingu z klientem.
Klasyczny błąd, wyjaśniony
Początkujący pisze: „Zbuduj nowoczesny sklep internetowy, który sprzedaje.” AI zwraca generyczny szablon, osoba jest rozczarowana i stwierdza: „to narzędzie jest słabe”. Brief był słaby: brak produktu, brak kupującego, brak kluczowej akcji, brak stylu. Zasada jest prosta: każde „ładne”, „nowoczesne”, „łatwe w użyciu” to sygnał, że brakuje czegoś konkretnego. Zamień opinię na fakt, który można sprawdzić: nie „łatwe w użyciu”, ale „zakup w trzech kliknięciach bez konta”.
Sokratejska pauza
Zastanów się: dlaczego „w duchu Calm” działa lepiej niż „zrób to spokojne i wyglądające drogo”? Sformułuj swoją odpowiedź, zanim przeczytasz dalej. Podpowiedź tkwi w jednym słowie — sprawdzalne. Calm istnieje; możesz je otworzyć i porównać. „Drogie” dla każdego oznacza coś innego.
Czego NIE robić
Nie opisuj technologii („zbuduj to w React z Postgres”) — narzędzie wybiera stos. Twoja strefa to co i dla kogo; jego strefa to jak. W następnym module weźmiemy ten dokładnie brief studia jogi i zbudujemy z niego prawdziwą stronę docelową w Lovable — więc im mocniejszy brief teraz, tym mniej poprawek później.
Antyprzykłady: niedoceniany ruch
Powiedzenie, czego nie chcesz, jest czasem bardziej użyteczne niż opisanie tego, co chcesz. AI ma ulubione klisze, do których domyślnie dąży: stockowe zdjęcia uśmiechniętych ludzi w garniturach, fioletowe gradienty, trzy identyczne kolumny ikon. Jedna linijka — „żadnych stockowych ludzi, żadnych fioletowych gradientów, żadnej siatki z trzema kolumnami” — natychmiast wyciąga stronę z terytorium „typowego szablonu AI”. Pomyśl o tym jak o płocie: nie tylko wskazujesz, dokąd iść, ale zamykasz też ślepe zaułki, w które model sam wędruje.
Zrób to teraz
Weź dowolny swój pomysł — nawet ten mglisty — i zapisz go w pięciu blokach prosto w swoich notatkach: produkt i użytkownik, strony, kluczowa akcja, styl z referencją, kryterium sukcesu. Dodaj linijkę antyprzykładów. Za kilka lekcji wkleisz ten tekst do Lovable i zobaczysz, jak zamienia się w prawdziwą stronę.
Short questions on the lesson — with an explanation for every answer.