Renunțați la MVP, adoptați prototipuri minime viabile (MVPr)

Căutarea perfecțiunii este o capcană subtilă care îi duce adesea pe designeri într-o buclă nesfârșită de iterare și revizuire. Acest lucru este valabil mai ales în lumea produselor digitale, unde fiecare interacțiune și element grafic poate deveni un obiect de obsesie de design.

Dar, când ne dăm înapoi și observăm natura interdisciplinară a designului de produse digitale, este ușor să vedem cum designerii cad în capcana perfecțiunii.

Gândiți-vă la toți oamenii și rolurile care sunt implicate în proiectarea unui singur produs digital:

• Cercetători în design
• Designeri UI
• Arhitecții informaționali
• Designeri UX
• Designeri de produse
• Manageri de produs
• Strategii de conținut
• Experți în marcă
• UX Copy Writers
• etc.

Într-un fel sau altul, fiecare dintre acestea se intersectează. De exemplu, interfața de utilizator a unui produs nu poate avea succes dacă experiența sa de utilizator nu este luată în considerare. Odată cu interconectarea vine presiunea de a înțelege modul în care deciziile de proiectare se influențează reciproc: „Dacă facem X, cum va afecta asta pe Y și Z?”

Acest tip de prognoză strategică poate fi valoros, dar poate determina, de asemenea, să stagneze procesul de proiectare și să rămână blocat în temuta buclă de perfecțiune: „Trebuie să obținem X exact înainte de a putea executa Y și Z”.

Deci, care este alternativa? Există o modalitate de a crea, lansa, testa și îmbunătăți rapid produse digitale bazate pe valori și informații din lumea reală preluate de la oameni reali?

În acest ghid, vom aborda aceste întrebări prin prisma prototipurilor minime viabile și vom echipa designerii cu un proces uimitor de simplu pentru construirea, testarea și rafinarea produselor digitale.

Simulați lansarea cu un prototip minim viabil

Nimeni nu știe nimic... Nici o persoană din întregul domeniu cinematografic nu știe cu certitudine ce va funcționa. De fiecare dată este o presupunere și, dacă ai noroc, una educată. – William Goldman, scenarist câștigător al Academiei

Cele mai timpurii decizii ale procesului de proiectare a produselor digitale se bazează, în cel mai bun caz, pe presupuneri. Până când un produs este în mâinile utilizatorilor reali, totul este teoretic. Pe de altă parte, lansarea unui produs înainte de a fi gata poate afecta reputația acestuia (o greșeală costisitoare).

Ce se întâmplă dacă ar exista o modalitate de a simula lansarea și de a determina viabilitatea unui produs cu mult înainte de începerea oricăror eforturi majore de proiectare?

Aceasta este valoarea prototipului minim viabil (MVPr), o abordare de proiectare a produsului care necesită mult mai puțin timp și bani decât „produsul minim viabil”.

Iată o prezentare generală a procesului de proiectare a prototipului minim viabil (MVPr):

1. Descoperire
2. Cercetare
3. Arhitectura informației
4. Design vizual
5. Lansa
6. Test

Aștepta! Nu acesta este procesul pe care îl folosește toată lumea?

Da, și vom vedea că bazându-ne pe elementele esențiale ale pașilor de mai sus, putem cu succes...

• Simulați funcționalitatea unui produs real;
• Imită lansarea unui produs real; și
• Descoperiți dacă un produs real merită să fie construit.

Pas cu pas: Cum să construiți un MVPr

1. Descoperire: începeți să luați decizii

O modalitate excelentă de a începe procesul de descoperire este căutarea pe site-uri web, bloguri și aplicații care sunt similare cu ideea dvs. Aflați despre istoria lor, piețele lor țintă, cum funcționează, etc. Dacă descoperiți că niciunul dintre concurenții relevanți nu face ceea ce face prototipul dvs., continuați să mergeți mai departe.

Acest pas nu necesită nicio experiență. Secretul este a face — a avansa de la intenție la acțiune.

Acordați o atenție deosebită punctelor forte și punctelor slabe ale concurenților dvs. Cum poți folosi ceea ce au realizat deja (sau nu au reușit) pentru a-ți face prototipul mai puternic?

După 1-2 ore de cercetare, ar trebui să puteți identifica cei mai importanți concurenți și să aflați aspectele cheie ale fiecăruia.

2. Cercetare: definiți-vă utilizatorii

Cine este utilizatorul tău țintă și de ce ar trebui să le pese de produsul tău? Înțelegerea acestui lucru este crucială, dar trebuie să începem cu ipoteze calculate. Cel mai bine este să porniți de la o viziune puternic cu opinii. Nu ghiciți și nu încercați să faceți „ceva pentru toată lumea”. Nu vrem un design diluat.

În schimb, aruncați o privire mai atentă la site-urile concurente găsite în faza de descoperire și permiteți bunului simț să picteze un portret al potențialilor dvs. utilizatori.

Iată câteva domenii practice de investigație care sunt ușor accesibile pe web:

• Vizitați site-urile de recenzii și vedeți ce spun oamenii despre experiențele lor cu concurenții dvs.
• Urmărește factorii influenți din industria produselor tale pe rețelele sociale și observă cum își implică publicul.
• Căutați articole de știri reputate care oferă o privire detaliată asupra modului în care funcționează concurenții dvs.
• Verificați interacțiunile concurenților dvs. cu utilizatorii lor pe rețelele sociale.
• Vezi dacă poți găsi forumuri în care se discută problemele sau problemele concurenților tăi.

Din fiecare dintre aceste căi pot fi obținute informații valoroase fără investiții financiare semnificative. Acest lucru este deosebit de important pentru echipele mici de proiectare care lucrează la bugete reduse. Mărcile mari cheltuiesc bani semnificativi pentru cercetare, dar echipele mici și freelanceri individuali trebuie să găsească modalități de a fi mai descurcăreți.

3. Arhitectura informației: Structurați-vă prototipul

Cum va funcționa prototipul și care sunt cele mai importante informații pe care să vă concentrați?

Cel mai simplu mod de a începe să răspunzi este să analizezi site-uri de top care sunt similare cu prototipul pe care îl construiești. Aspectul general și experiența site-ului la care alegeți să faceți referire ar trebui să fie remarcabile.

Începeți prin a rupe site-ul în bucăți. Care sunt toate paginile relevante și cum sunt structurate vizual? Nu vă fie teamă să inversați site-ul și apoi să îl recreați cu propriile informații, culori, imagini etc.

De ce să mergi în acest fel? Site-ul dvs. va funcționa probabil într-un mod similar cu site-urile concurenței - doar aveți în minte obiective diferite. Nu este nevoie să inventezi un sistem complex dacă utilizatorii răspund bine la o experiență stabilită.

*Sfat profesional: atunci când studiezi arhitectura informațională a unui site, o tehnică utilă este să faci capturi de ecran și să le faci în tonuri de gri, astfel încât să nu fii distras de impactul culorii (care poate fi destul de convingător).

După aceasta, profitați de resursele online care permit designerilor să treacă rapid de la zero la prototipul interactiv. Există o mulțime de kituri de interfață cu utilizatorul, șabloane HTML, teme WordPress și așa mai departe. Nu vă fie teamă să le modificați pentru a se potrivi prototipului dvs. și nu vă faceți griji pentru perfecțiunea pixelilor sau codul frumos. În această etapă, nimănui nu-i pasă. Le pasă dacă produsul dvs. este util sau nu.

Iată cum funcționează acest lucru folosind un kit UI gratuit:

Ce am realizat în imaginea de mai sus?

• Am eliminat toate culorile și imaginile.
• Bara de navigare a rămas neatinsă.
• Funcționalitatea sistemului de filtrare a rămas aceeași, dar formularea a fost schimbată.
• Am trecut de la două coloane la una pentru a prezenta mai bine imaginile pe care intenționăm să le folosim.

În mai puțin de o oră, avem o bază vizuală pe care să ne dezvoltăm în continuare prototipul.

4. Proiectare vizuală: Reutilizați resursele UI gratuite

Aspectul vizual și senzația prototipului dvs. nu pot fi separate de modul în care funcționează. Nu este vorba doar de grafică. Designul vizual de impact spune o poveste și oferă o experiență cu valoare reală.

Aici, consistența vizuală este esențială, deoarece îi ajută pe utilizatori să se familiarizeze cu un produs și să navigheze mai eficient. Pentru a obține acest tip de consecvență la începutul dezvoltării prototipului dvs., este inteligent să reutilizați resursele UI gratuite.

Lucrând în acest fel, nu va trebui să petreceți ore întregi pentru a dezvolta un sistem de proiectare coeziv. Tipografia, stilurile butoanelor, iconografia și toate celelalte componente importante ale interfeței de utilizator sunt îngrijite.

5. Lansare: A codifica sau a nu codifica?

Este timpul să împărtășiți prototipul dvs. lumii. Din fericire, este mai ușor ca niciodată să transformi machetele în prototipuri dinamice. Datorită unei multitudini de instrumente intuitive, nici nu trebuie să știți cum să codificați, dar ar trebui să învățați?

MVPr fără cod

Când ați terminat cu designul vizual, încorporați prototipul într-o pagină de destinație, astfel încât vizitatorii să poată interacționa cu acesta și să ofere feedback general despre ideea dvs. În acest moment al procesului de proiectare MVPr, există mai multe moduri de a crea un prototip fără cod. Iată opțiunile dvs.:

Prototipuri de bază

• InVision are toate caracteristicile necesare pentru a construi și testa un prototip de bază și oferă o experiență nedureroasă, fără complicații.

Prototipuri Rich Media

• Pentru interacțiuni, tranziții și animații sofisticate, Principle este destul de util.

Prototipuri 100% realiste

• Framer permite designerilor să simuleze orice experiență de produs digital imaginabilă. Este opțiunea perfectă atunci când prototipul trebuie să arate și să se simtă real în ceea ce privește animația nativă și codarea bazată pe logică (Ex: Dacă asta, fă asta).
• Webflow oferă puterea de a proiecta, de a construi cu cod și de a lansa site-uri web receptive pe o pânză 100% ceea ce vezi este ceea ce obții.

Faceți clic pentru a vedea imaginea la dimensiune completă.

MVPr codificat

Codul poate fi un aliat uimitor. Fără îndoială, este cel mai bun mod de a vă construi produsul. Dezavantajul major este că trebuie să știți cum să scrieți cod pentru a experimenta beneficiile personalizării avansate. Fără o bază de cunoștințe adecvată, alegerea de a experimenta cu codul vă va încetini.

Există o mulțime de kituri de pornire de cod pentru a ajuta mingea să ruleze. De exemplu, kitul UI pe care l-am introdus mai sus are propria sa versiune HTML disponibilă pentru descărcare:

6. Testare: valorificați statisticile publicitare

Sosul secret pentru testarea prototipului dvs. constă în instrumente care vă permit să obțineți cea mai mare perspectivă cu cel mai mic efort, oferind în același timp valoare. Tot ce ai nevoie este de câțiva dolari și de ceva răbdare de rezolvare a problemelor.

Un prim pas practic pentru a măsura interesul pentru produsul dvs. este să creați un anunț și să vizați persoanele găsite în faza de cercetare. În funcție de publicul dvs. și de tipul de produs pe care îl proiectați, puteți rula anunțuri pe Google, LinkedIn, Instagram sau Twitter. Pentru produsele business-to-consumer, Facebook este recomandat.

*Sfat profesional: AdEspresso este un loc convenabil pentru a rula sute de versiuni ale reclamelor tale sociale în același timp, în timp ce colectezi analize comparative utile.

Rulați reclame și veți învăța două lucruri:

1. Numărul de persoane care au văzut anunțul dvs
2. Numărul de persoane care au dat clic pe anunțul dvs

Odată ce confirmați că publicul țintă este interesat să interacționeze cu anunțurile dvs., va trebui să creați valoare pentru primii utilizatori. Iată cum:

• Adăugați un formular de „abonare” și cereți utilizatorilor să dea adresa lor de e-mail.
• Urmăriți-i pentru a le informa când lansați.
• Asigurați-vă că aveți canalele de rețele sociale deschise și funcționale, astfel încât să puteți construi butoane sociale, permițând utilizatorilor să răspândească vestea despre produsul dvs.

Folosește această strategie și vei câștiga:

• O listă de adrese de e-mail care pot fi utilizate pentru eforturile de marketing timpurii
• Oameni care vă recomandă produsul către rețelele lor personale și profesionale
• O înțelegere mai clară a faptului dacă cineva este sau nu entuziasmat de produsul dvs

Prima dată când primiți feedback real, produsul dvs. este live. Prin acest ciclu de furnizare de valoare, analiza comportamentului și iterarea soluțiilor, veți afla ce funcționează și ce nu și vă veți apropia de un produs pe care oamenii chiar doresc să-l folosească.

Lansați și învățați cu îndrăzneală

Scopul final al prototipului minim viabil este următorul: treceți de la ipoteze de design educate la feedback real, acționabil cu viteză și încredere.

Acesta este un proces care îmbrățișează incertitudinea și pașii greșiți ca oportunități de îmbunătățire. Mai presus de toate, recompensează acțiunea. Un design bun necesită luarea de decizii îndrăznețe și dorința de a merge mai departe în fața imperfecțiunii.

Așa că nu vă lăsați blocați de căutarea perfecțiunii și încercați să nu vă comparați cu mega mărci și resursele lor masive. Continuați să faceți pași înainte și în curând vă veți găsi cu un produs semnificativ lustruit pe care oamenii sunt încântați să îl folosească.

• • •

Citiri suplimentare pe Blogul Toptal Design:

1. Prototip cu ușurință – Un tutorial InVision Studio
2. Cum să desfășurați un sprint de design eficient
3. Cine a știut că Adobe CC ar putea să facă cadru fir?
4. Testare UX pentru mase: Păstrați-o simplă și rentabilă
5. Hărți de călătorie a clienților – Ce sunt acestea și cum să creați una