Produit Entwécklung Visual Aid: Design

Dëst ass Deel zwee vun enger véier-Deel Serie iwwer kierperlech Produktentwécklung. Am Fall wou Dir et verpasst hutt Deel vun 1: Formatioun vun enger Iddi, gitt sécher se ze liesen. Dir kënnt geschwënn op Deel 3: Design an Deel 4: Validatioun weidergoen. Auteur: Ben Einstein. Original Iwwersetzung gemaach vun fablab Teams FABINKA a Projet Hänn.

Deel 2: Design

All Schrëtt an der Designstadium - Client Fuerschung, Wireframing, méi op russesch), e visuelle Prototyp - néideg fir Hypothesen ze testen iwwer wéi de Produkt ausgesäit a wéi d'Benotzer domat interagéieren.

Produit Entwécklung Visual Aid: Design
Figur 2.1 Produit Design Etappe

Client Entwécklung a Feedback

Firmen déi sech op Client Feedback konzentréieren wäerte vill méi erfollegräich sinn wéi déi, déi endlos am Atelier sëtzen an sech entwéckelen. Dëst betrëfft meeschtens Firmen déi materiell Produkter produzéieren. A wärend d'Kommunikatioun mat Clienten ëmmer nëtzlech ass, ass et extrem wichteg an de fréie Stadien vun der Entwécklung.

Produit Entwécklung Visual Aid: Design
Figur 2.2. Client Entwécklung a Feedback

fir DipJar Et war ëmmer ganz wichteg fir Är Hypothesen op Clienten ze testen an ze bestätegen. Nodeems e Prototyp vum Prototyp erstallt gouf (PoC), Banken goufen an d'real Welt verëffentlecht.

Produit Entwécklung Visual Aid: Design
Figur 2.3. Real Client Fotoen geholl während fréi Testen

Ee vu menge Mentoren huet eemol gesot: "Wësst Dir wéi Dir soen ob Äre Produktdesign schlecht ass? Kuckt wéi d'Leit et benotzen." D'DipJar Team huet ëmmer dee selwechte Problem gesinn (roude Pfeil op der Foto): Benotzer hu probéiert d'Kaart falsch anzeginn. Et gouf kloer datt dëst eng grouss Designbegrenzung war.

Empfehlungen fir mat Clienten op dëser Etapp ze kommunizéieren (am Géigesaz zu der Problemfuerschungsstadium):

  • Bereet Iech en detailléierte Gespréichsskript a hale sech drun;
  • Notéiert am Detail wat Dir schrëftlech oder op engem Stëmmrekorder héiert;
  • Wa méiglech, verfollegt Äre Clientsloyalitéit Index (NPS, vill Betriber léiwer dat spéider ze maachen, an dat ass gutt);
  • Loosst d'Benotzer mam Produkt spillen (wann Dir prett sidd) ouni virdru Erklärung oder Setup
  • Frot d'Clienten net wat se um Produkt änneren: amplaz kuckt wéi se et benotzen;
  • Opgepasst net ze vill op Detailer; zum Beispill Faarf a Gréisst sinn eng Saach vu Goût.

Wireframe Modelléierung

No detailléierte Feedback iwwer de Prototyp vum Beweis vum Konzept, ass et Zäit de Produktdesign ze iteréieren.

Produit Entwécklung Visual Aid: Design
Figur 2.4. Wireframe Modelléierungsstadium

De Wireframing-Prozess fänkt mat der Schafung vun héije Skizzen un, déi d'Erfahrung vum Gebrauch vum Produkt komplett beschreiwen. Mir nennen dëse Prozess Storyboards.

Produit Entwécklung Visual Aid: Design
Figur 2.5. Storyboard

E Storyboard hëlleft Firmegrënner duerch déi ganz Produktrees ze denken. Et gëtt benotzt fir ze beschreiwen:

  • Verpakung: wéi wäert et ausgesinn? Wéi beschreiwen Dir e Produit (Duerchschnëtt Pak Gréisst) an néng Wierder oder manner op engem Pak? Wéi eng Gréisst wäert d'Këscht sinn? Wou geet et am Geschäft / um Regal?
  • Verkaf: Wou gëtt de Produit verkaaft a wéi interagéieren d'Leit domat ier se kafen? Wäert interaktiv Affichage hëllefen? Musse Cliente vill iwwer de Produit wëssen oder wäert et en Impulskaaf sinn?
  • Unboxing: Wéi wäert d'Unboxing Erfahrung sinn? Et soll einfach, verständlech sinn a minimalen Effort erfuerderen.
  • Setup: Wéi eng Schrëtt musse Clienten huelen ier de Produkt prett ass fir den éischte Gebrauch? Wat brauch Dir nieft den abegraffen Accessoiren? Wat geschitt wann de Produit net funktionnéiert (et gëtt keng Wifi Verbindung oder d'Applikatioun ass net um Smartphone installéiert)?
  • Éischt Benotzungserfarung: Wéi soll de Produit entworf ginn, sou datt d'Benotzer séier kënnen ufänken et ze benotzen? Wéi soll e Produkt entworf ginn fir datt d'Benotzer mat enger positiver Erfahrung zréckkommen?
  • Weiderbenotzen oder speziell Notzung: wéi sécherzestellen datt d'Benotzer weider de Produit benotzen a genéissen? Wat geschitt a spezielle Benotzungsfäll: Verloscht vun der Verbindung / Service, Firmware Update, fehlend Accessoire, etc.?
  • Benotzer Ënnerstëtzung: wat maachen d'Benotzer wann se Problemer hunn? Wann se en Ersatzprodukt geschéckt ginn, wéi wäert dat geschéien?
  • Liewensdauer: Déi meescht Produkter lafen no 18 oder 24 Méint of. Wéi bezéie sech dës Statistike mat der Clientsrees? Erwaart Dir datt d'Benotzer en anert Produkt kafen? Wéi wäerte se vun engem Produkt op dat nächst plënneren?

Produit Entwécklung Visual Aid: Design
Figur 2.6. Schafft mat engem zukünftege Benotzer vun enger Applikatioun oder Webinterface

Wireframe Modelléierung ass och nëtzlech wann Äert Produkt eng digital Interface huet (embedded Interface, Web Interface, Smartphone App). Dëst sinn normalerweis einfach schwaarz-wäiss Zeechnungen, obwuel digital Tools och benotzt kënne ginn. Op der Foto uewen (2.6) kënnt Dir de Grënner vun der Firma gesinn (riets). Hien interviewt de Perspektiv (lénks) an hëlt Notizen wärend hien d'App op engem Pabeier Smartphone "Écran" benotzt. A wann dës Zort Testen vun digitale Workflows zimlech primitiv schéngen kann, ass et ganz effektiv.

Um Enn vun Ärem Wireframing sollt Dir en detailléierte Verständnis hunn wéi d'Benotzer mat all Deel vun Ärem Produkt interagéieren.

Visuelle Prototyp.

E visuelle Prototyp ass e Modell deen de finalen awer net funktionnéierende Produkt duerstellt. Wéi mat anere Stadien, ëmfaasst d'Schafung vun esou engem Modell (an assoziéiert wireframes) iterativ Interaktioun mat Benotzer.

Produit Entwécklung Visual Aid: Design
Figur 2.7. Visuell Prototyp Etapp

Fänkt mat enger breet Palette vun Iddien un a schafft fir e puer Konzepter ze wielen déi am Beschten de Critèrë vun Äre Benotzer entspriechen.

Produit Entwécklung Visual Aid: Design
Figur 2.8 Skizz

Visuelle Prototyp Design fänkt bal ëmmer mat High-Level Skizzen vum Produkt selwer un (am Géigesaz zu engem Storyboard, wat d'Erfahrung vum Gebrauch vum Produkt beschreift). Déi meescht industriell Designer maachen als éischt eng virleefeg Sich no ähnlechen Formen a Produkter. Den Designer vun DipJar huet vill aner Produkter studéiert a Skizzen op Basis vun hire Formen gemaach.

Produit Entwécklung Visual Aid: Design
Figur 2.9. Form Auswiel

Wann Dir e puer rau Konzepter ausgewielt hutt, musst Dir testen wéi se an der realer Welt ausgesinn. Op der Foto kënnt Dir rau Formen vun DipJar gesinn aus enger Schaumbasis a Röhre. Jiddereen dauert e puer Minutten fir ze kreéieren, an als Resultat kënnt Dir eng Iddi kréien wéi d'Form an der realer Welt ugesi gëtt. Ech hunn dës Modeller aus alles aus Lehm a Legos bis Schaum an Zännpick gemaach. Et gëtt eng wichteg Regel: maacht Modeller séier a bëlleg.

Produit Entwécklung Visual Aid: Design
Figur 2.10. Gréisst Auswiel

Nodeems Dir d'Basisform gewielt hutt, musst Dir op d'Gréisst vum Modell an d'Skala vun eenzelnen Deeler schaffen. Et ginn normalerweis zwee oder dräi Parameteren déi wichteg sinn fir de "richtege Gefill" vun engem Produkt. Am Fall vun DipJar war dëst d'Héicht vun der Dose selwer, den Duerchmiesser vum viischten Deel an d'Geometrie vum Fangerschlit. Fir dësen Zweck gi méi genee Modeller mat liicht Differenzen an Parameteren (vu Karton a Polystyrol-Schaum) gemaach.

Produit Entwécklung Visual Aid: Design
Figur 2.11. D'Benotzererfarung verstoen

Parallel mat der Formentwécklung gëtt et dacks offensichtlech datt e puer Benotzererfarung (UX) Feature musse erkläert ginn. D'DipJar Team huet festgestallt datt d'Wahrscheinlechkeet vu Generositéit eropgeet wann d'Persoun virun der Linn en Tipp léisst. Mir hu festgestallt datt Toun- a Liichtsignaler e ganz effektive Wee sinn fir Leit an der Linn unzezéien an doduerch d'Frequenz an d'Gréisst vun de Tipps ze erhéijen. Als Resultat hu mir vill gemaach fir déi bescht Plazéierung vun LEDs ze wielen an d'Kommunikatioun mat Liicht ze designen.

Produit Entwécklung Visual Aid: Design
Figur 2.12. Design Sprooch

All Produkt huet eng "Designsprooch", duerch déi et visuell oder experientiell mam Benotzer kommunizéiert. Fir DipJar war et wichteg de Benotzer séier ze vermëttelen wéi een eng Kaart setzt. D'Team huet vill Zäit verbruecht fir de Kaartlogo (Foto lénks) ze optimiséieren, sou datt d'Benotzer kloer kënne verstoen wéi d'Kaart richteg agefouert gëtt.

D'DipJar Team huet och geschafft fir d'LED-Beleuchtungsmuster ze optimiséieren. E roude Pfeil weist op d'LEDs ronderëm de Rand vum Gesiicht, déi spilleresch en Akt vu Generositéit signaliséieren. De bloe Pfeil weist d'Resultat vu laangen Diskussioune vum Team un - d'Fäegkeet vun de Bankbesëtzer fir déi gesammelt Betrag z'änneren. E personaliséierten digitale LED Display erlaabt dem Besëtzer vun DipJar d'Spëtzgréisst einfach z'änneren.

Produit Entwécklung Visual Aid: Design
Figur 2.13. Faarwen, Materialien, Finishen

Fir séier d'endgülteg Erscheinung vum Produkt ze bestëmmen, wielt Designer Faarwen, Materialien a Finishen (CMF). Dëst gëtt dacks digital gemaach (wéi hei uewen gewisen) an dann a kierperlech Echantillon a Modeller iwwersat. DipJar huet eng Vielfalt vu Metallkëschtstiler, Finishen a Plastiksfaarwen getest.

Produit Entwécklung Visual Aid: Design
Figur 2.14. Finale Render-

D'Resultat vun der initialer CMF Auswiel ass e qualitativ héichwäertegt digitale Produktmodell. Et enthält normalerweis all Elementer aus de fréiere Stadien: Form, Gréisst, Symboler, Benotzererfarung (UX), Beliichtung (LED), Faarwen, Texturen a Materialien. Esou qualitativ héichwäerteg Visualiséierungen, Rendering, sinn och d'Basis fir bal all Marketingmaterial (och Apple Marketing Götter benotzen Rendering fir alles).

Produit Entwécklung Visual Aid: Design
Figur 2.15. Web Applikatioun Design

Wann Äert Produkt en digitalen Interface huet, méi genee Mockups erstellen wäert extrem hëllefräich sinn fir d'Benotzererfarung vun Ärem Produkt ze definéieren. Dem DipJar säin Haapt digitale Verméigen ass e webbaséierte Kontrollpanel fir Buttekbesëtzer a karitativ Organisatiounen. Et ginn och Pläng fir eng mobil Applikatioun fir Mataarbechter a Leit déi Tipps hannerloossen.

Produit Entwécklung Visual Aid: Design
Figur 2.16. Auswiel vun Verpakung Configuratioun

Eng wichteg Etapp déi am Designstadium einfach vergiess gëtt ass d'Verpakung. Och e relativ einfache Produkt wéi DipJar ass duerch Iteratiounen an der Verpackungsentwécklung gaangen. Op der Foto lénks kënnt Dir déi éischt Versioun vun der Verpakung gesinn; op der rietser Foto ass eng méi beandrockend an elegant Verpackung vun der zweeter Generatioun. Designoptimiséierung ass e wichtege Bestanddeel fir eng positiv Benotzererfarung a Materialspezifizéierung ze kreéieren.

Produit Entwécklung Visual Aid: Design
Figur 2.17. Vergiesst net iwwer Iteratioun!

Eemol High-Fidelity visuell Prototypen produzéiert ginn, gi se un d'Clientë zréck fir vill vun den Hypothesen ze testen, déi während der Entwécklung gemaach goufen. Et ass genuch fir 2-3 Iteratiounen ze maachen fir e super visuelle Prototyp ze kréien.

Produit Entwécklung Visual Aid: Design
Figur 2.18. De finalen Prototyp visuell no beim Produkt

Wann den Designprozess fäerdeg ass, kënnt Dir mat engem schéine Modell ophalen, deen den Design Absicht weist, awer nach keng Funktionalitéit. Clienten an Investisseuren solle fäeg sinn Äert Produkt séier ze verstoen andeems se mat dësem Modell interagéieren. Awer loosst eis d'Wichtegkeet net vergiessen fir de Produkt funktionell ze maachen. Fir dëst ze maachen, daucht an Deel 3: Bau.

Dir hutt Deel zwee vun enger véier-Deel Serie iwwer kierperlech Produktentwécklung gelies. Ginn sécher ze liesen Deel vun 1: Iddi Formatioun. Dir kënnt geschwënn op Deel 3: Design an Deel 4: Validatioun weidergoen. Auteur: Ben Einstein. Original Iwwersetzung gemaach vun fablab Teams FABINKA a Projet Hänn.

Source: will.com

Setzt e Commentaire