Dezvoltarea produsului Ajutor vizual: Design

Aceasta este partea a doua a unei serii de patru părți despre dezvoltarea produselor fizice. În caz că ai pierdut asta Часть 1: Formarea unei idei, asigurați-vă că o citiți. În curând veți putea trece la Partea 3: Proiectare și Partea 4: Validare. Autor: Ben Einstein. Original Traducerea realizată de echipe Fablab FABINKA si proiect MAINI.

Partea 2: Proiectare

Fiecare pas din etapa de proiectare - cercetarea clientului, wireframing, mai mult în rusă), un prototip vizual - necesar pentru a testa ipotezele despre cum va arăta produsul și cum vor interacționa utilizatorii cu acesta.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.1 Etapele de proiectare a produsului

Dezvoltarea clienților și feedback

Companiile care se concentrează pe feedback-ul clienților vor avea mult mai mult succes decât cele care stau la nesfârșit în atelier și se dezvoltă. Acest lucru afectează cel mai adesea companiile care produc produse materiale. Și în timp ce comunicarea cu clienții este întotdeauna utilă, este extrem de importantă în primele etape de dezvoltare.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.2. Dezvoltarea clienților și feedback

Pentru DipJar Întotdeauna a fost foarte important să testați și să vă confirmați ipotezele asupra clienților. După crearea unui prototip de dovadă a conceptului (PoC), băncile au fost eliberate în lumea reală.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.3. Fotografii reale ale clienților făcute în timpul testării timpurii

Unul dintre mentorii mei a spus odată: „Știi cum să-ți dai seama dacă designul tău de produs este prost? Vezi cum îl folosesc oamenii.” Echipa DipJar a tot văzut aceeași problemă (săgeată roșie în fotografie): utilizatorii încercau să introducă incorect cardul. A devenit clar că aceasta a fost o limitare majoră a designului.

Recomandări pentru comunicarea cu clienții în această etapă (spre deosebire de etapa de cercetare a problemei):

  • Pregătiți un scenariu de conversație detaliat și respectați-l;
  • Înregistrați în detaliu ceea ce auziți în scris sau pe un înregistrator de voce;
  • Dacă este posibil, urmăriți indicele de fidelitate a clienților (NPS, multe companii preferă să facă asta mai târziu, și asta e în regulă);
  • Permite utilizatorilor să se joace cu produsul (când ești gata) fără nicio explicație sau configurare prealabilă
  • Nu întrebați clienții ce ar schimba la produs: în schimb, urmăriți cum îl folosesc;
  • Nu acordați prea multă atenție detaliilor, de exemplu, culoarea și dimensiunea sunt o chestiune de gust.

Modelare wireframe

După feedback detaliat cu privire la prototipul de dovadă a conceptului, este timpul să repetam designul produsului.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.4. Etapa de modelare wireframe

Procesul de wireframing începe cu crearea de schițe la nivel înalt care descriu pe deplin experiența de utilizare a produsului. Numim acest proces storyboard-uri.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.5. Storyboard

Un storyboard îi ajută pe fondatorii companiei să se gândească la întreaga călătorie a produsului. Este folosit pentru a descrie:

  • Ambalaj: cum va arăta? Cum descrii un produs (dimensiunea medie a pachetului) în nouă cuvinte sau mai puțin pe un pachet? Ce dimensiune va avea cutia? Unde va merge în magazin/pe raft?
  • Vânzări: Unde va fi vândut produsul și cum vor interacționa oamenii cu el înainte de a cumpăra? Afișajele interactive vor ajuta? Clienții trebuie să știe multe despre produs sau va fi o achiziție impulsionată?
  • Unboxing: Cum va fi experiența de unboxing? Ar trebui să fie simplu, de înțeles și să necesite un efort minim.
  • Configurare: Ce pași trebuie să facă clienții înainte ca produsul să fie gata pentru prima utilizare? Ce veți avea nevoie în afară de accesoriile incluse? Ce se întâmplă dacă produsul nu funcționează (nu există conexiune wifi sau aplicația nu este instalată pe smartphone)?
  • Prima experiență de utilizare: cum ar trebui proiectat produsul astfel încât utilizatorii să poată începe rapid să-l folosească? Cum ar trebui să fie proiectat un produs pentru a se asigura că utilizatorii revin cu o experiență pozitivă?
  • Reutilizare sau utilizare specială: cum să vă asigurați că utilizatorii continuă să folosească și să se bucure de produs? Ce se întâmplă în cazuri speciale de utilizare: pierderea conexiunii/serviciului, actualizare firmware, accesoriu lipsă etc.?
  • Asistență pentru utilizatori: ce fac utilizatorii când au probleme? Dacă li se trimite un produs de înlocuire, cum se va întâmpla acest lucru?
  • Durata de viață: Majoritatea produselor expiră după 18 sau 24 de luni. Cum se raportează aceste statistici la călătoria clientului? Vă așteptați ca utilizatorii să cumpere alt produs? Cum vor trece de la un produs la altul?

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.6. Lucrul cu un viitor utilizator al unei aplicații sau al unei interfețe web

Modelarea wireframe este utilă și dacă produsul dvs. are o interfață digitală (interfață încorporată, interfață web, aplicație pentru smartphone). Acestea sunt de obicei simple desene alb-negru, deși pot fi utilizate și instrumente digitale. În fotografia de mai sus (2.6) îl puteți vedea pe fondatorul companiei (în dreapta). El intervievează prospectul (stânga) și ia notițe în timp ce folosește aplicația pe „ecranul” de hârtie al smartphone-ului. Și deși acest tip de testare a fluxurilor de lucru digitale poate părea destul de primitiv, este foarte eficient.

Până la sfârșitul wireframing-ului, ar trebui să aveți o înțelegere detaliată a modului în care utilizatorii vor interacționa cu fiecare parte a produsului dvs.

Prototip vizual.

Un prototip vizual este un model care reprezintă produsul final, dar nefuncțional. Ca și în cazul altor etape, crearea unui astfel de model (și a wireframes-urilor asociate) implică interacțiune iterativă cu utilizatorii.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.7. Etapa de prototip vizual

Începeți cu o gamă largă de idei și lucrați pentru a selecta câteva concepte care corespund cel mai bine criteriilor utilizatorilor dvs.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.8 Schiță

Designul prototipului vizual începe aproape întotdeauna cu schițe la nivel înalt ale produsului în sine (spre deosebire de un storyboard, care descrie experiența de utilizare a produsului). Majoritatea designerilor industriali fac mai întâi o căutare preliminară pentru forme și produse similare. Designerul DipJar a studiat o mulțime de alte produse și a realizat schițe pe baza formelor acestora.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.9. Selectarea formei

După ce ați selectat câteva concepte brute, va trebui să testați cum vor arăta în lumea reală. În fotografie puteți vedea forme brute de DipJar realizate dintr-o bază de spumă și tub. Fiecare dintre ele durează câteva minute pentru a crea și, ca rezultat, vă puteți face o idee despre cum va fi percepută forma în lumea reală. Am făcut aceste modele din orice, de la lut și Lego până la spumă și scobitori. Există o regulă importantă: faceți modele rapid și ieftin.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.10. Alegerea mărimii

După alegerea formei de bază, trebuie să lucrați la dimensiunea modelului și la scara pieselor individuale. De obicei, există doi sau trei parametri care sunt importanți pentru „simțirea corectă” a unui produs. În cazul lui DipJar, aceasta a fost înălțimea cutiei în sine, diametrul părții frontale și geometria fantei pentru deget. În acest scop, se realizează modele mai precise cu mici diferențe de parametri (din carton și spumă de polistiren).

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.11. Înțelegerea experienței utilizatorului

În paralel cu dezvoltarea formularelor, devine adesea evident că unele caracteristici ale experienței utilizatorului (UX) trebuie explicate. Echipa DipJar a descoperit că probabilitatea de generozitate crește atunci când persoana din față la rând lasă un bacșiș. Am descoperit că semnalele sonore și luminoase sunt o modalitate foarte eficientă de a atrage oamenii la rând și, prin urmare, de a crește frecvența și dimensiunea ponturilor. Drept urmare, am făcut mult pentru a alege cea mai bună poziție a LED-urilor și a proiectat comunicații folosind lumină.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.12. Limbajul de design

Fiecare produs are un „limbaj de design” prin care comunică vizual sau experiențial cu utilizatorul. Pentru DipJar, a fost important să îi transmită rapid utilizatorului cum să introducă un card. Echipa a petrecut mult timp optimizând sigla cardului (foto stânga), astfel încât utilizatorii să înțeleagă clar cum să introducă cardul corect.

Echipa DipJar a lucrat și la optimizarea modelelor de iluminare de fundal cu LED-uri. O săgeată roșie indică LED-urile din jurul marginii feței, care semnalează jucăuș un act de generozitate. Săgeata albastră indică rezultatul discuțiilor lungi ale echipei - capacitatea proprietarilor băncilor de a modifica sumele încasate. Un afișaj LED digital personalizat permite proprietarului DipJar să schimbe cu ușurință dimensiunea vârfului.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.13. Culori, materiale, finisaje

Pentru a determina rapid aspectul final al produsului, designerii selectează culori, materiale și finisaje (CMF). Acest lucru este adesea realizat digital (așa cum se arată mai sus) și apoi tradus în mostre și modele fizice. DipJar a testat o varietate de stiluri de carcase metalice, finisaje și culori din plastic.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.14. Redări finale

Rezultatul selecției inițiale CMF este un model de produs digital de înaltă calitate. De obicei, include toate elementele din etapele anterioare: formă, dimensiune, simboluri, experiență utilizator (UX), iluminare (LED), culori, texturi și materiale. Astfel de vizualizări de înaltă calitate, randări, sunt, de asemenea, baza pentru aproape toate materialele de marketing (chiar și zeii de marketing ai Apple folosesc randări pentru orice).

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.15. Design aplicație web

Dacă produsul dvs. are o interfață digitală, crearea de machete mai precise va fi extrem de utilă în definirea experienței utilizatorului produsului dvs. Principalul activ digital al DipJar este un panou de control bazat pe web pentru proprietarii de magazine și organizații caritabile. Există, de asemenea, planuri de a lansa o aplicație mobilă pentru angajați și persoanele care lasă bacșișuri.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.16. Selectarea configurației ambalajului

O etapă importantă care se uită ușor în faza de proiectare este ambalarea. Chiar și un produs relativ simplu precum DipJar a trecut prin iterații în dezvoltarea ambalajelor. În fotografia din stânga se vede prima versiune a ambalajului; în fotografia din dreapta este un ambalaj mai impresionant și mai elegant de a doua generație. Optimizarea designului este o parte importantă a creării unei experiențe pozitive pentru utilizator și a specificațiilor materialelor.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.17. Nu uitați de iterație!

Odată ce prototipurile vizuale de înaltă fidelitate sunt produse, acestea sunt returnate clienților pentru a testa multe dintre ipotezele făcute în timpul dezvoltării. Este suficient să faci 2-3 iterații pentru a obține un prototip vizual grozav.

Dezvoltarea produsului Ajutor vizual: Design
Figura 2.18. Prototipul final aproape vizual de produs

Odată ce procesul de proiectare este finalizat, ajungeți cu un model frumos care arată intenția de proiectare, dar încă nicio funcționalitate. Clienții și investitorii ar trebui să poată înțelege rapid produsul dvs. interacționând cu acest model. Dar să nu uităm de importanța de a face produsul funcțional. Pentru a face acest lucru, accesați Partea 3: Construcție.

Ați citit partea a doua a unei serii de patru părți despre dezvoltarea produselor fizice. Asigurați-vă că citiți Часть 1: Formarea ideii. În curând veți putea trece la Partea 3: Proiectare și Partea 4: Validare. Autor: Ben Einstein. Original Traducerea realizată de echipe Fablab FABINKA si proiect MAINI.

Sursa: www.habr.com

Cumpărați găzduire de încredere pentru site-uri cu protecție DDoS, servere VPS VDS 🔥 Cumpără găzduire web fiabilă cu protecție DDoS, servere VPS VDS | ProHoster