1. Mit csinálnak ezek az eszközök
Mindhárom eszköz kódot ír a leírásod alapján. A Lovable és a Bolt teljes alkalmazást rak össze, adatbázissal és bejelentkezéssel együtt, a v0 pedig a Vercel eszköze, amely React alapú felületeket és komponenseket készít.
A közös bennük, hogy a megszokott mintákat követik. Ez gyors indulást ad, ugyanakkor azt is jelenti, hogy az oldalad sok más AI-jal készült oldalra hasonlít, és a fontos döntéseket, például hogy mi kerüljön a főcímbe, neked kell meghoznod.
2. Szöveg és üzenet
A leggyakoribb hiba a főcím. Az AI olyan mondatot ír, amely bármelyik cégre igaz lehet, és a látogató az első másodpercekben nem tudja meg, mit kínálsz neki.
- Olvasd el a főcímet úgy, mintha nem ismernéd a céget, és nézd meg, kiderül-e belőle, mit kínálsz és kinek.
- Ellenőrizd, hogy a gombok feliratai a következő lépést mondják-e, például „Időpontot kérek” vagy „Kérek egy ajánlatot”.
- Keresd meg a túl általános szavakat, például „innovatív” vagy „megoldás”, és cseréld őket konkrétumra.
- Nézd meg, hogy minden szakasz egy olyan kérdésre felel-e, amit a látogatód feltenne.
3. Felépítés és navigáció
Az AI-jal épített oldalak gyakran sok szakaszt pakolnak egymás alá, mert a promptok során mindig hozzáadtak valamit. Érdemes végigmenni rajta azzal a kérdéssel, hogy melyik szakasz kell a döntéshez, és melyik csak helyet foglal.
- Egy fő gomb legyen, ugyanazzal a céllal az oldal több pontján.
- A menüpontok a látogató nyelvén szóljanak, a belső elnevezéseid helyett.
- A referenciák és a bizalmat építő elemek a gomb közelében álljanak.
- Ne maradjon olyan link vagy gomb, amely sehová nem vezet.
4. Mobil és megjelenés
A mobilnézetet sokan csak a végén nézik meg, pedig a látogatók jó része telefonról érkezik. Az AI által generált elrendezés kis képernyőn gyakran túl zsúfolt, és a gombok is túl kicsik a kényelmes koppintáshoz.
Nézd meg az oldalt egy valódi telefonon is, és kattints végig a fő útvonalon. Ha egy gombot kétszer kell megnyomnod, vagy nagyítanod kell a szöveghez, az ügyfeleidnél is ugyanez történik.
Figyelj az egységességre is. Ha a promptok során több képernyőt külön kértél, könnyen előfordul, hogy a gombok vagy a betűméretek oldalanként eltérnek, és ettől az oldal összetákoltnak hat.
5. Űrlapok és működés
Az űrlapok a legkényesebb pontok, mert itt dől el, hogy a látogatóból megkeresés lesz-e.
- Küldj be próbaképpen egy űrlapot, és nézd meg, megérkezik-e oda, ahová kell.
- Próbáld ki hibás adatokkal is, és nézd meg, érthető-e a hibaüzenet.
- Ellenőrizd, hogy beküldés után megjelenik-e egy visszajelzés vagy egy köszönőoldal.
- Ha az oldal adatbázist használ, nézd meg egy fejlesztővel, hogy a hozzáférési jogosultságok jól vannak-e beállítva.
6. Keresők és megosztás
Ellenőrizd, hogy minden oldalnak van-e saját címe és leírása, mert ezek jelennek meg a Google találatai között és a megosztott linkek alatt. Az AI ezeket gyakran üresen hagyja, vagy minden oldalon ugyanazt írja be.
Érdemes megnézni a megosztási képet is. Ha egy linket elküldesz valakinek, és alatta egy üres keret vagy az eszköz saját logója jelenik meg, az első benyomás már a megnyitás előtt romlik.
7. Sebesség és képek
Az AI-eszközök gyakran nagy felbontású képeket tesznek az oldalra, és több betűtípust is betöltenek, mint amennyire szükség van. Számítógépen ez alig tűnik fel, mobilinternettel viszont az oldal lassan jelenik meg, és a látogató egy része meg sem várja.
A Google PageSpeed Insights eszközével néhány perc alatt megnézheted, mennyire gyors az oldalad mobilon, és mi lassítja. A leggyakoribb javítás a képek tömörítése és a felesleges betűtípusok elhagyása, ezeket a saját AI-eszközödben is kérheted.
Ha az oldal gyors, érdemes még egy kört tenni a böngészőkkel is. Nyisd meg Safariban és Chrome-ban is, mert egy-egy animáció vagy betűtípus a két böngészőben másképp viselkedhet.
8. Kinek mutasd meg először
Élesítés előtt mutasd meg az oldalt néhány embernek a célközönségedből, akik még nem látták. Adj nekik egy feladatot, például hogy kérjenek időpontot vagy találják meg az árakat, és figyeld, hol akadnak el.
Közben ne segíts nekik, és ne magyarázd el, mit hol találnak. Minden kérdés, amit feltesznek, egy olyan pont az oldalon, ahol egy valódi látogató egyedül maradna.
9. Ha átnézetnéd
Az AI-felügyelet ezekre a pontokra épül. A gyors átnézésnél egy közös alkalmon nézzük végig az oldalt, a teljes átvizsgálásnál pedig rangsorolt hibalistát kapsz képernyőképekkel, és utasításokat, amelyekkel a javításokat a saját AI-eszközödben is átvezetheted.