De la brief-ul confuz la documentul UX/UI

# PawSoul — documentul UX/UI

## 1. Produsul în trei rânduri
PawSoul potrivește câini și pisici compatibile din același cartier și îi
aduce pe proprietarii lor să stabilească o întâlnire adevărată. Te înscrii,
îți înregistrezi animalul și răsfoiești fișele celorlalți: când aprecierea e
reciprocă, se deschide o conversație. Un profil poate fi marcat ca
disponibil pentru adopție, iar atunci apare și celor care caută un animal
căruia să îi ofere o casă.

## 2. Problemă, utilizator, treabă de făcut
Problemă: ieși cu animalul tău în fiecare zi, în aceleași locuri, și nu
cunoști pe nimeni cu care s-o faci. Animalul se plictisește, și persoana la
fel.
Utilizator: cine are un câine sau o pisică, iese (sau ar vrea ca animalul să
socializeze) cu o anumită regularitate și nu are o rețea de oameni în jur.
Secundar: cine caută o casă pentru un animal — un adăpost, un privat.
Treabă de făcut: „când ies singur cu animalul meu, vreau să găsesc pe cineva
compatibil aproape de mine, ca plimbarea să devină o întâlnire”.
Presupunere declarată: numărul care contează e câte întâlniri se stabilesc
în chat, nu câți utilizatori se înscriu. Clientul nu știa cum să-l măsoare;
îl măsurăm ca „conversații în care apare o propunere de dată sau de loc”.

## 3. Acțiunea principală și fluxul
Acțiune principală: evaluezi o fișă și spui da sau nu. E singurul gest
pentru care există aplicația, cel pe care vrea să-l repeți; tot restul e
consecință.
Flux: deschizi → te înscrii → îți înregistrezi animalul → vezi fișele →
apreciezi → apare match-ul → scrii → propui o întâlnire.
Gestul trăiește în două moduri echivalente: tragerea și două butoane sub
fișă. Cine nu înțelege tragerea trebuie să poată folosi oricum aplicația.

## 4. MVP: înăuntru și afară
Înăuntru: înregistrarea unui animal, fișe de răsfoit, filtre după specie și
distanță, filtru doar adopție, match-uri, conversație, profil public al
animalului, zonă personală cu mai multe animale proprii.
Afară, și scris ca să nu se piardă: hartă a întâlnirilor, recenzii între
utilizatori, insigne de vaccinare verificate, notificări push, grupuri,
instrumente de gestiune pentru adăposturi, orice fel de plată.
Regula de tăiere: se taie pe lățime. Mai puține funcții, dar niciun ecran
accesibil lăsat pe jumătate.

## 5. Ecranele (zece) și cum se ajunge la ele
1. Vitrină publică — explică produsul și duce la înscriere. De acolo se
   ajunge și la profilurile animalelor puse spre adopție.
2. Înscriere — nume, email, parolă, oraș. Duce la înregistrarea animalului.
3. Autentificare — email și parolă. Duce la dashboard.
4. Înregistrarea animalului — pas cu pas: proprietar, specie, date de bază,
   caracter (întrebări diferite pentru câine și pentru pisică), poză, ce
   caută, iar fișa finită apare ca rezultat.
5. Dashboard — unde ajungi după autentificare: animal activ, match-uri noi,
   activitate recentă, scurtătură către fișe.
6. Fișe — ecranul principal. Teanc, filtre, match pe tot ecranul.
7. Match-uri — lista conversațiilor. Pe ecran mare, listă și conversație
   alăturate.
8. Conversație — pe telefon e un ecran separat, la care ajungi din listă.
9. Profil public al animalului — din fișe, dintr-un match, din vitrină.
10. Zonă personală — animalele mele, adaugă unul, preferințe de căutare,
    setări, ieșire.
Navigare: pe telefon, bară de jos cu patru elemente (fișe, match-uri,
dashboard, profil). Pe ecran mare, bară de sus.

## 6. Deciziile luate
- Vesel dar nu copilăros → amânată intenționat, transformată în criteriile
  de la punctul 7. Renunțăm la a putea începe imediat să desenăm.
- Multe funcții dar simplu → se taie pe lățime, ecranele rămân toate
  complete. Renunțăm la funcții pe care clientul le avea în minte; rămân
  scrise în lista „afară”.
- Ca Tinder dar nu Tinder → păstrăm gestul, schimbăm tot restul. Modelul e
  prietenia, nu împerecherea. Nu pierdem nimic în afară de scurtătura de a
  copia și aspectul.
- Animalul sau proprietarul → animalul e profilul, proprietarul e
  utilizatorul, iar conversația e între persoane. Pierdem puțin din
  simpatie, câștigăm o conversație care are sens.
- Pisicile acum sau mai târziu → acum, pentru că e modelul de date, nu o
  funcție. Pierdem timp acum, mai puțin decât ar costa să refacem mai
  târziu.
- Adopția → un comutator pe profil plus un filtru, nu un rol și nu un panou
  de gestiune. Renunțăm la instrumentele pentru adăposturi: dacă vor fi
  necesare, vor fi proiectul următor.

## 7. Criteriile direcției estetice
Stilul vizual NU e ales în acest document. Orice direcție s-ar alege,
trebuie să treacă aceste patru teste:
1. Non-Tinder dintr-o privire: pusă lângă Tinder, o persoană străină de
   proiect trebuie să spună că nu e același produs.
2. Vesel fără copilăros: trebuie să reziste cuvântului „vesel” fără să te
   gândești la o aplicație pentru copii. Clientul o arată unui posibil
   investitor.
3. Pozele animalelor sunt conținutul: niciun tratament care le reduce la
   fundal, le acoperă sau le comprimă spațiul. Botul e produsul.
4. Recognoscibil la 390px: pe telefon trebuie să rămână el însuși, nu să
   cadă într-un aspect generic.
Referințe date de client: Tinder (pentru funcționare, nu pentru aspect),
Duolingo (pentru ton). De evitat: aplicațiile bancare, griurile, textele
mici.

## 8. Stări
Fiecare ecran are cele trei stări ale sale — gol, în încărcare, în eroare —
și niciuna dintre ele nu e un ecran alb.
- Fișe, teanc terminat: „i-ai văzut pe toți din zonă”, plus modul de a lărgi
  distanța și de a reîncărca.
- Match-uri, niciun match: ce e de făcut ca să obții unul, cu legătura către
  fișe.
- Conversație fără mesaje: o sugestie despre cum să începi, nu un spațiu
  gol.
- Încărcare: siluete de aceeași formă cu conținutul real, niciodată o
  rotiță în mijlocul ecranului.
- Eroare de rețea: recuperabilă, cu buton de reîncercare.
- Prima pornire: teancul nu e niciodată gol la primul acces — există deja
  un set de profiluri în zona aleasă la înregistrare.

## 9. Responsive
Se proiectează la 390px și se lărgește. Pe telefon: bară jos, teanc pe toată
lățimea, lista de match-uri și conversația pe două ecrane separate. Pe ecran
mare: bară sus, listă și conversație alăturate, teanc centrat cu filtrele
lateral. Fiecare element atinsibil e înalt cel puțin 44px. Niciun ecran nu
are voie să devină generic pe măsură ce se lărgește.

## 10. Criterii de finalizare
- Fluxul principal se parcurge de la un capăt la altul pe un telefon:
  înscriere, înregistrarea animalului, fișe, match, conversație.
- Niciun link din demo nu duce la un ecran care nu există sau e gol.
- Cele zece ecrane au conținut real, nu text de umplutură.
- Înregistrarea pune întrebări diferite pentru un câine și pentru o pisică.
- Filtrul după specie și cel pentru adopție funcționează și schimbă teancul.
- Toate cele trei stări există pe fiecare ecran.
- Aspectul ales trece cele patru teste de la punctul 7.