Design & interfețe

Un produs nu mai are un singur ecran

Același produs trăiește azi pe un telefon, într-un panou de administrare, în chatul altcuiva și pe o pânză de editor. Fiecare suprafață are alte reguli. Mai jos sunt patru, cu ecrane care rulează în producție.

  1. 01Mobile
  2. 02Web
  3. 03AI
  4. 04Diagramă
01Suprafață

Mobile

Ecranul se citește cu o mână, între serii, într-o sală în semiîntuneric. Tot ce nu se poate atinge cu degetul mare, la lumină slabă și cu pulsul la 140, nu există.

GymTime AIMobil

Planul săptămânii

Zilele de antrenament cu numele reale ale aparatelor din sală, nu denumiri generice.

GymTime AIMobil

Antrenamentul în curs

O serie se logează dintr-un singur tap. Fără tastatură deschisă la mijlocul exercițiului.

GymTime AIMobil

Biblioteca de aparate

Peste 200 de aparate, cu instrucțiuni scurte și selecție pe sala în care te antrenezi.

02Suprafață

Web

Aici constrângerea se inversează: omul stă opt ore în ecranul ăsta și vrea densitate, nu spațiu alb. Câștigi din ierarhie și din aliniere, nu din a arăta mai puțin.

ShapePitchDesktop

Ciclurile de livrare

Ecran de administrare: ciclul curent, scope-urile din el și progresul, într-o singură pagină densă.

TailThemesDesktop

Galeria de teme

Fiecare temă vine cu design system documentat. Aceeași grilă trebuie să țină și o temă de restaurant, și una de dashboard.

03Suprafață

AI

Un agent nu are ecran propriu. Trăiește în Telegram, Slack sau WhatsApp, unde tot ce controlezi este forma mesajului: cât de scurt e, ce stare arată și dacă spune clar ce a modificat în sistemele tale.

RAReefAgentbot

azi

Ce a intrat azi în inbox?

09:41

14 mesaje noi: 3 cereri de ofertă, 2 facturi, restul newslettere.

09:41

Doar cererile.

09:42

Cereri de ofertă · azi

  • 1.Mobilă Trend — 40 birouri, livrare în 3 săpt.
  • 2.Delta Construct — amenajare sediu, urgent
  • 3.Nord Logistic — reînnoire contract
09:42

Le-am adăugat în CRM ca lead-uri noi și am pus follow-up mâine la 9.

09:42
Mesaj

Machetă · ReefAgent în Telegram

Designul e forma mesajului

  • Un mesaj, un lucru

    Dacă răspunsul are nevoie de scroll, agentul a răspuns la altă întrebare.

  • Listă, nu paragraf

    Rezultatele structurate se citesc ca listă numerotată, ca să poți răspunde „a doua”.

  • Spune ce a modificat

    Când scrie în CRM sau trimite un e-mail, o anunță explicit, în același mesaj.

  • Fără umplutură

    Fără emoji decorative și fără „Sigur! Iată ce am găsit…”. Omul citește pe fugă.

ReefAgentDesktop

Consola gateway-ului

Aceeași linie de comandă spune ce canale sunt conectate. Un agent se pornește aici și se folosește în altă parte.

04Suprafață

Diagramă

Editoarele sunt cel mai greu de proiectat: aceeași diagramă trebuie să fie manipulabilă direct de un om și editabilă programatic de un agent, fără două adevăruri diferite despre ce e pe pânză.

Wire DiagramDesktop

Editorul de diagrame

Canvas, SVG și Mermaid din același JSON canonic, ca agenții să editeze structura, nu imaginea.

Product design

Același lucru, pentru produsul tău

Cercetare, fluxuri, prototipuri și un design system pe care echipa ta îl duce mai departe fără noi — pe oricare dintre suprafețele de mai sus.

4
Suprafețe proiectate: mobil, web, chat, pânză
+35%
Satisfacție, după redesign-ul aplicației
+28%
Retenție, în aceeași perioadă