Visuelle Hilfe für die Produktentwicklung: Design

Dies ist Teil zwei einer vierteiligen Serie zur physischen Produktentwicklung. Falls Du es verpasst hast Часть 1: Entstehung einer Idee, unbedingt lesen. Sie können bald mit Teil 3: Design und Teil 4: Validierung fortfahren. Autor: Ben Einstein. Original Die Übersetzung erfolgt durch Fablab-Teams FABINKA und Projekt HÄNDE.

Teil 2: Design

Jeder Schritt in der Entwurfsphase – Kundenrecherche, Wireframing, mehr auf Russisch), ein visueller Prototyp – wird benötigt, um Hypothesen darüber zu testen, wie das Produkt aussehen wird und wie Benutzer damit interagieren werden.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.1 Phasen des Produktdesigns

Kundenentwicklung und Feedback

Unternehmen, die sich auf Kundenfeedback konzentrieren, werden viel erfolgreicher sein als diejenigen, die endlos in der Werkstatt sitzen und sich weiterentwickeln. Am häufigsten sind davon Unternehmen betroffen, die materielle Produkte herstellen. Und obwohl die Kommunikation mit Kunden immer nützlich ist, ist sie in den frühen Phasen der Entwicklung äußerst wichtig.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.2. Kundenentwicklung und Feedback

für DipJar Es war schon immer sehr wichtig, Ihre Hypothesen an Kunden zu testen und zu bestätigen. Nach der Erstellung eines Proof-of-Concept-Prototyps (PoC) wurden Banken in die reale Welt entlassen.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.3. Echte Kundenfotos, die während der ersten Tests aufgenommen wurden

Einer meiner Mentoren sagte einmal: „Wissen Sie, wie Sie feststellen können, ob Ihr Produktdesign schlecht ist?“ Sehen Sie, wie die Leute es nutzen. Das DipJar-Team sah immer wieder das gleiche Problem (roter Pfeil im Foto): Benutzer versuchten, die Karte falsch einzuführen. Es wurde deutlich, dass dies eine wesentliche Designeinschränkung darstellte.

Empfehlungen für die Kommunikation mit Kunden in dieser Phase (im Gegensatz zur Phase der Problemforschung):

  • Bereiten Sie ein detailliertes Gesprächsskript vor und halten Sie sich daran;
  • Halten Sie alles, was Sie hören, detailliert schriftlich oder auf einem Diktiergerät fest;
  • Verfolgen Sie nach Möglichkeit Ihren Kundentreueindex (NPS, viele Unternehmen ziehen es vor, dies später zu tun, und das ist in Ordnung);
  • Lassen Sie Benutzer ohne vorherige Erklärung oder Einrichtung mit dem Produkt spielen (wenn Sie dazu bereit sind).
  • Fragen Sie Kunden nicht, was sie an dem Produkt ändern würden: Beobachten Sie stattdessen, wie sie es verwenden.
  • Achten Sie nicht zu sehr auf Details, zum Beispiel sind Farbe und Größe Geschmackssache.

Wireframe-Modellierung

Nach ausführlichem Feedback zum Proof-of-Concept-Prototyp ist es an der Zeit, das Produktdesign zu iterieren.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.4. Phase der Wireframe-Modellierung

Der Wireframing-Prozess beginnt mit der Erstellung von High-Level-Skizzen, die das Erlebnis bei der Verwendung des Produkts vollständig beschreiben. Wir nennen diesen Prozess Storyboards.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.5. Storyboard

Ein Storyboard hilft Unternehmensgründern, die gesamte Produktreise zu durchdenken. Es wird verwendet zur Beschreibung von:

  • Verpackung: Wie wird sie aussehen? Wie beschreibt man ein Produkt (durchschnittliche Packungsgröße) mit maximal neun Wörtern auf einer Packung? Welche Größe soll die Box haben? Wohin im Laden/im Regal?
  • Verkauf: Wo wird das Produkt verkauft und wie werden die Leute vor dem Kauf damit interagieren? Helfen interaktive Displays? Muss der Kunde viel über das Produkt wissen oder handelt es sich um einen Impulskauf?
  • Unboxing: Wie wird das Unboxing-Erlebnis sein? Es sollte einfach und verständlich sein und einen minimalen Aufwand erfordern.
  • Einrichtung: Welche Schritte müssen Kunden unternehmen, bevor das Produkt zum ersten Einsatz bereit ist? Was benötigen Sie außer dem mitgelieferten Zubehör? Was passiert, wenn das Produkt nicht funktioniert (keine WLAN-Verbindung besteht oder die Anwendung nicht auf dem Smartphone installiert ist)?
  • Erste Nutzungserfahrung: Wie sollte das Produkt gestaltet sein, damit Nutzer schnell mit der Nutzung beginnen können? Wie sollte ein Produkt gestaltet sein, um sicherzustellen, dass Benutzer mit einem positiven Erlebnis zurückkommen?
  • Wiederverwendung oder Sondernutzung: Wie kann sichergestellt werden, dass Benutzer das Produkt weiterhin verwenden und Freude daran haben? Was passiert in besonderen Anwendungsfällen: Verbindungs-/Dienstverlust, Firmware-Update, fehlendes Zubehör usw.?
  • Benutzerunterstützung: Was tun Benutzer, wenn sie Probleme haben? Wie geschieht dies, wenn ihnen ein Ersatzprodukt zugesandt wird?
  • Lebensdauer: Die meisten Produkte verfallen nach 18 oder 24 Monaten. Welchen Zusammenhang haben diese Statistiken mit der Customer Journey? Erwarten Sie, dass Benutzer ein anderes Produkt kaufen? Wie werden sie von einem Produkt zum nächsten wechseln?

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.6. Zusammenarbeit mit einem zukünftigen Benutzer einer Anwendung oder Weboberfläche

Die Wireframe-Modellierung ist auch dann sinnvoll, wenn Ihr Produkt über eine digitale Schnittstelle verfügt (Embedded Interface, Web-Interface, Smartphone-App). Dabei handelt es sich in der Regel um einfache Schwarz-Weiß-Zeichnungen, es können jedoch auch digitale Werkzeuge verwendet werden. Auf dem Foto oben (2.6) sehen Sie den Firmengründer (rechts). Er interviewt den Interessenten (links) und macht sich Notizen, während er die App auf einem Smartphone-„Bildschirm“ aus Papier nutzt. Und obwohl diese Art des Testens digitaler Arbeitsabläufe recht primitiv erscheinen mag, ist sie sehr effektiv.

Am Ende Ihres Wireframings sollten Sie ein detailliertes Verständnis davon haben, wie Benutzer mit den einzelnen Teilen Ihres Produkts interagieren.

Visueller Prototyp.

Ein visueller Prototyp ist ein Modell, das das endgültige, aber nicht funktionierende Produkt darstellt. Wie in anderen Phasen erfordert die Erstellung eines solchen Modells (und der zugehörigen Wireframes) eine iterative Interaktion mit Benutzern.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.7. Visuelle Prototypenphase

Beginnen Sie mit einer breiten Palette von Ideen und arbeiten Sie daran, einige Konzepte auszuwählen, die den Kriterien Ihrer Benutzer am besten entsprechen.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.8 Skizze

Das visuelle Prototypendesign beginnt fast immer mit groben Skizzen des Produkts selbst (im Gegensatz zu einem Storyboard, das die Erfahrung bei der Verwendung des Produkts beschreibt). Die meisten Industriedesigner führen zunächst eine vorläufige Suche nach ähnlichen Formen und Produkten durch. Der Designer von DipJar hat viele andere Produkte studiert und anhand ihrer Formen Skizzen angefertigt.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.9. Formauswahl

Nachdem Sie einige grobe Konzepte ausgewählt haben, müssen Sie testen, wie sie in der realen Welt aussehen. Auf dem Foto sehen Sie grobe Formen von DipJar, die aus einer Schaumstoffbasis und einem Rohr bestehen. Die Erstellung dauert jeweils ein paar Minuten, und so können Sie sich ein Bild davon machen, wie die Form in der realen Welt wahrgenommen wird. Ich habe diese Modelle aus allem gemacht, von Ton und Legosteinen bis hin zu Schaumstoff und Zahnstochern. Es gibt eine wichtige Regel: Modelle schnell und günstig herstellen.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.10. Größenauswahl

Nachdem Sie die Grundform ausgewählt haben, müssen Sie an der Größe des Modells und dem Maßstab der einzelnen Teile arbeiten. Normalerweise sind es zwei oder drei Parameter, die für die „richtige Haptik“ eines Produkts wichtig sind. Im Fall von DipJar waren dies die Höhe der Dose selbst, der Durchmesser des Vorderteils und die Geometrie des Fingerschlitzes. Zu diesem Zweck werden genauere Modelle mit geringfügigen Parameterunterschieden (aus Pappe und Polystyrolschaum) hergestellt.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.11. Die Benutzererfahrung verstehen

Parallel zur Formularentwicklung zeigt sich oft, dass einige User Experience (UX)-Features erklärt werden müssen. Das DipJar-Team hat herausgefunden, dass die Wahrscheinlichkeit von Großzügigkeit steigt, wenn die Person vorn in der Schlange ein Trinkgeld gibt. Wir haben herausgefunden, dass Ton- und Lichtsignale ein sehr wirksames Mittel sind, um Menschen in der Warteschlange anzulocken und dadurch die Häufigkeit und Größe der Trinkgelder zu erhöhen. Daher haben wir viel getan, um die beste Platzierung der LEDs auszuwählen und die Kommunikation mit Licht zu gestalten.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.12. Designsprache

Jedes Produkt verfügt über eine „Designsprache“, durch die es visuell oder erfahrungsmäßig mit dem Benutzer kommuniziert. Für DipJar war es wichtig, dem Benutzer schnell zu vermitteln, wie man eine Karte einführt. Das Team hat viel Zeit damit verbracht, das Kartenlogo (Foto links) zu optimieren, damit Benutzer klar verstehen, wie sie die Karte richtig einführen.

Das DipJar-Team arbeitete auch an der Optimierung der LED-Hintergrundbeleuchtungsmuster. Ein roter Pfeil weist auf die LEDs am Gesichtsrand, die spielerisch einen Akt der Großzügigkeit signalisieren. Der blaue Pfeil zeigt das Ergebnis langer Diskussionen des Teams an – die Möglichkeit der Bankinhaber, die eingezogenen Beträge zu ändern. Eine benutzerdefinierte digitale LED-Anzeige ermöglicht es dem Besitzer von DipJar, die Spitzengröße einfach zu ändern.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.13. Farben, Materialien, Oberflächen

Um schnell das endgültige Erscheinungsbild des Produkts zu bestimmen, wählen Designer Farben, Materialien und Oberflächen (CMF) aus. Dies erfolgt häufig digital (wie oben gezeigt) und wird dann in physische Muster und Modelle übersetzt. DipJar testete eine Vielzahl von Metallgehäusestilen, -ausführungen und Kunststofffarben.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.14. Endgültige Renderings

Das Ergebnis der ersten CMF-Auswahl ist ein hochwertiges digitales Produktmodell. Es umfasst normalerweise alle Elemente der vorherigen Phasen: Form, Größe, Symbole, Benutzererfahrung (UX), Beleuchtung (LED), Farben, Texturen und Materialien. Solche hochwertigen Visualisierungen, Renderings, sind auch die Grundlage für fast alle Marketingmaterialien (sogar Apples Marketinggötter verwenden Renderings für alles).

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.15. Design von Webanwendungen

Wenn Ihr Produkt über eine digitale Schnittstelle verfügt, ist die Erstellung genauerer Modelle äußerst hilfreich bei der Definition der Benutzererfahrung Ihres Produkts. Das wichtigste digitale Asset von DipJar ist ein webbasiertes Control Panel für Ladenbesitzer und Wohltätigkeitsorganisationen. Es ist auch geplant, eine mobile Anwendung für Mitarbeiter und Trinkgeldgeber herauszubringen.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.16. Auswahl der Verpackungskonfiguration

Ein wichtiger Schritt, der in der Designphase leicht vergessen wird, ist die Verpackung. Sogar ein relativ einfaches Produkt wie DipJar durchlief Iterationen in der Verpackungsentwicklung. Auf dem Foto links sehen Sie die erste Version der Verpackung; Auf dem Foto rechts ist eine eindrucksvollere und elegantere Verpackung der zweiten Generation zu sehen. Designoptimierung ist ein wichtiger Teil der Schaffung einer positiven Benutzererfahrung und Materialspezifikation.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.17. Vergessen Sie nicht die Iteration!

Sobald hochauflösende visuelle Prototypen erstellt wurden, werden sie an die Kunden zurückgegeben, um viele der während der Entwicklung aufgestellten Hypothesen zu testen. Es reicht aus, 2-3 Iterationen durchzuführen, um einen großartigen visuellen Prototyp zu erhalten.

Visuelle Hilfe für die Produktentwicklung: Design
Abbildung 2.18. Der finale Prototyp optisch nah am Produkt

Sobald der Designprozess abgeschlossen ist, erhalten Sie ein schönes Modell, das die Designabsicht zeigt, aber noch keine Funktionalität aufweist. Kunden und Investoren sollen Ihr Produkt durch die Interaktion mit diesem Modell schnell verstehen können. Aber vergessen wir nicht, wie wichtig es ist, das Produkt funktionsfähig zu machen. Tauchen Sie dazu in Teil 3: Konstruktion ein.

Sie haben den zweiten Teil einer vierteiligen Serie zur physischen Produktentwicklung gelesen. Unbedingt lesen Часть 1: Ideenbildung. Sie können bald mit Teil 3: Design und Teil 4: Validierung fortfahren. Autor: Ben Einstein. Original Die Übersetzung erfolgt durch Fablab-Teams FABINKA und Projekt HÄNDE.

Source: habr.com

Kommentar hinzufügen