O singură foaie, înainte să deschizi agentul
Cele patru piese din care e făcută orice aplicație, pe o singură pagină. O completezi aici, o printezi (sau o salvezi ca PDF) și o duci la apel. Pe verso sunt întrebările exacte de pus clientului.
Il flusso principale core loop
o completează clientulIl giro che l’app esiste per far ripetere. L’unico pezzo che cambia da un’app all’altra.
↑ astea devin câmpurile fișei. Nimic mai mult.
Il primo avvio onboarding
o completezi tuDal primo tocco al momento in cui l’app serve a qualcosa.
E obligatoriu, înainte de fluxFiecare căsuță bifată e încă o poartă înainte să înțelegi la ce servește aplicația.
Autenticazione e account auth
zero întrebăriNon si chiede. Si fa.
L’unica decisioneSchermate secondarie e stati empty, loading, error
o completezi tuCum trebuie să arate
încercuiești cu clientulCinci cuvinte da, trei cuvinte nu. Se încercuiesc, nu se inventează: „modern” și „curat” nu sunt în listă intenționat — nu se pot desena.
Contradicțiile
se închid aiciClientul se va contrazice: e partea cea mai utilă a apelului. Fiecare rând se închide cu o decizie și prețul ei — altfel prețul îl află după ce munca e gata.
Brief Clar · AI Pratika — ghidul complet pe aipratika.com/ro/ghiduri/ux-ui/
Totul la timpul trecut, intenționat: ce a făcut clientul e un fapt, ce își imaginează inventează pe loc, în timp ce răspunde. Nu-l întreba niciodată „cum vezi aplicația”.
Il flusso principale · core loop
-
Raccontami l’ultima volta che hai provato a farlo senza app: quando è stato, cosa hai fatto, com’è finita?
Bună. «Sabato al parco. Ho aspettato che i cani si annusassero, ho detto due parole, ci siamo scambiati il numero e non ci siamo più scritti.»
Vagă. «Eh, di solito è difficile conoscere gente.» — è un’impressione, non un fatto.
-
Nei primi dieci secondi, cosa guardi per capire se può funzionare?
Bună. «La taglia, se sta al guinzaglio, l’età, quanto è agitato.»
Vagă. «Si capisce al volo.» — rifallo su un caso preciso: quale cane, ieri, cosa hai guardato.
-
Cosa ti ha fermato le ultime volte che ci hai provato?
-
C’è qualcosa che non faresti mai dentro un’app così, nemmeno se fosse comoda?
-
Di tutto il giro, qual è il momento in cui diresti «ecco, ha funzionato»?
Vagă. «Tutto è importante.» — non è una risposta: fagliene scegliere uno.
Il primo avvio · onboarding
-
Prima di poter usare l’app, cosa serve per forza? E cosa possiamo chiedere dopo?
-
Il primo giorno, quando nella tua zona non c’è ancora nessun altro: cosa dovrebbe vedere la persona?
Vagă. «Un messaggio che dice di riprovare.» — è un vicolo cieco: serve un’azione.
Schermate secondarie e stati
-
Se il giorno della presentazione ci fossero solo cinque cose, quali cinque salvi?
-
Cosa può arrivare nella versione dopo, senza che l’app sembri rotta?
-
C’è qualcosa che non ci deve stare nemmeno se avessimo tempo infinito?
Vagă. «Non mi viene in mente niente.» — insisti: senza un «mai» non hai deciso niente.
Come deve sembrare
-
Da questa lista, quali cinque parole dovrebbero venire in mente a chi apre l’app? E quali tre non deve sembrare mai?
-
Mandami tre indirizzi di prodotti che ti piacciono esteticamente, con una riga sul perché. E due che non ti piacciono.
Vagă. «Airbnb, Apple, Revolut.» — nomi senza link e senza perché: si torna a interpretare.
-
Esiste già un logo o dei colori da rispettare?
Vincoli
-
C’è un giorno entro cui deve esistere qualcosa da mostrare? Quale, e a chi lo mostri?
Vagă. «Il prima possibile.» — non è una data, quindi non taglia niente.
-
C’è qualcosa che decide al posto nostro? Uno strumento che usate già, un budget, una regola del vostro settore.
Și apoi: promptul
Foaia completată e contextul. Se lipește în acest prompt, în locul ultimei linii.
Sei un design engineer. Qui sotto c'è il brief di un progetto, compilato a mano su un foglio solo. È la fonte: quello che non c'è scritto NON lo decidi tu in silenzio. Tre regole che valgono su tutto: 1. Se un'informazione manca, CHIEDIMELA invece di inventarla. 2. Davanti a due indicazioni opposte non mediare: dichiara l'assunzione che stai facendo e scrivimela. 3. Alla fine di ogni giro elencami cosa hai creato, quali decisioni hai preso al posto mio e cosa NON hai fatto perché mancava un'informazione. Costruisci in quest'ordine, una richiesta per blocco, fermandoti ogni volta: 1. Fondamenta — token, caratteri, spaziature, il guscio dell'app. Nessuna schermata. 2. Navigazione — le rotte e lo stato attivo, pagine ancora vuote. 3. La schermata del FLUSSO PRINCIPALE, da sola, con il suo gesto. 4. Le altre schermate, una per richiesta, riusando i componenti già in progetto. 5. Gli stati: vuoto, caricamento, errore, primo avvio. 6. Rifinitura: allineamenti, raggi, ombre, focus, transizioni. Vincoli: - Colori, caratteri e spaziature stanno in docs/ui.md e nel file dei token. Non inventarli qui: leggili e usa solo quelli. - Autenticazione e account: standard, nessuna invenzione. - Nessuna schermata deve apparire vuota per mancanza di contenuto: metti dati finti credibili, in italiano, come li scriverebbe una persona vera. - Niente funzioni della lista «dopo» e della lista «mai». <<INCOLLA QUI IL FOGLIO COMPILATO>>
Continuă să explorezi
S-ar putea să-ți placă și
Ghiduri, cursuri și instrumente alese pentru tine, pornind de la această pagină.
Google Search Console în Claude Code
Datele Search Console direct în terminal.
Deploy de la zero: de la cod la link
Deploy pe Vercel, fără tehnicisme: de la proiectul pe care îl ai pe GitHub la un link pe care îl poți trimite oricui — și apoi propriul domeniu deasupra.
+7 Brief Clar
Foaia de adus la call
De la brief confuz la UX/UI complet
Un brief confuz devine o aplicație funcțională.
Git și GitHub pentru vibe coder
Ai creat un proiect cu Claude Code sau Codex: aici înveți să-l pui pe GitHub, să te întorci înapoi dacă se strică, și să te lași ajutat de alții.
+3 Skill-uri de Design
Skill-uri AI pentru designeri