Wenn die Kaffeezubereitung mit etwas Figma und JavaScript ernst wird

In den frühen Morgenstunden der Fernarbeit um 1 Uhr morgens hatte ich außer Kaffee kaum etwas zu trinken. Während Covid-19 mich zu einem echten Kaffee-Nerd gemacht hat, hat es auch mein Interesse an Produktentwicklung/-management gestärkt. Schon bald war ich tief im Kaninchenbau und beschloss, warum ich diese beiden Leidenschaften nicht kombinieren sollte. Wenn Sie sich für Produkt-Frameworks interessieren oder sich stark für Kaffee interessieren, ist dieser Artikel möglicherweise genau das Richtige für Sie. Wenn nicht, ist es mir eine Freude, Ihnen beide vorzustellen, und ich übernehme keine Verantwortung, wenn Sie sich entscheiden, in das Kaninchenloch von einem von beiden einzutauchen. :) :)

Das Problem

Als Heimbrauer seit über zwei Jahren hatte ich das Privileg, einige Kaffeemühlen zu besitzen und mir eine Reihe von YouTube-Videos zum Thema Kaffee angesehen, insbesondere wenn es um die Mahlgröße von Kaffee geht.

Manchmal, wenn ich mir ein Video von James Hoffmann, Kyle Roswell oder Lance Hedrick ansehe, könnte der Kaffeemahlgrad entweder als mittlerer Mahlgrad oder als 15 Klicks bei einem Comandante erwähnt werden. Da ich keine Comandante besaß, wünschte ich mir immer, ich könnte diesen Mahlgrad auf die von mir verwendete Kaffeemühle übertragen. Schon bald wurde mir klar, dass dies für viele ein ziemlicher Schmerzpunkt war, sei es durch die YouTube-Kommentare, Reddit-Beiträge oder Kaffeeforen. Da dachte ich mir:

Wie können wir die Mahlgrade zwischen den Mühlen genau umrechnen?

Lösung Nr. 1

Nachdem ich einige Nachforschungen darüber angestellt hatte, wie gern Kaffeemühlennutzer die Mahlgrade verschiedener Mühlen umwandeln könnten, wusste ich, dass die Lösung dieses How Might We etwas sein wird, das sich viele Kaffeemühlennutzer wünschen.

Daher begann ich mit der direktesten Lösung:

Eine Web-App, die es Benutzern ermöglicht, Mahlgrade basierend auf der ausgewählten Kaffeemühle umzurechnen

Bald kam die Figma-Iteration des Produkts, das ich mir vorgestellt hatte, um das Problem zu lösen. Eine einfache Webapp mit 3 Eingaben: Mühle A, Mahlgrad von Mühle A, Mühle B. Die Ausgabe wäre dann die Mahlgröße von Mühle B.

Es waren alles Regenbogen und Schmetterlinge, bis mir zwei Probleme auffielen:

1. Es war sehr schwierig, einen genauen Mahlgradbereich für zwei Mühlen zu ermitteln, da jedes Mahlwerk das Kaffeemehl unterschiedlich zerkleinert. Dies würde zu einer recht unterschiedlichen Süße und Fülle des Kaffees führen, insbesondere wenn man flache Mahlwerke mit konischen Mahlwerken vergleicht. Daher führt die einfache Gleichsetzung von Mikrometern von einer Kaffeemühle zu einer anderen zu einer ziemlich ungenauen Umrechnung. (Ich wette, die Kaffee-Nerds nicken gerade mit dem Kopf)
2. Aufgrund der geringen verfügbaren Stichprobengröße war es sehr schwierig, Daten darüber zu sammeln und festzustellen, wie ähnlich der Geschmack verschiedener Mühlen sein würde. Dies würde zu einer großen Verzerrung bei der Umrechnung führen, wenn die Umrechnungsgleichung berücksichtigt, was Besitzer von Kaffeemühlen über die Umstellung von Mühlen denken. Zur Zeit.

Da ich wusste, dass der aktuelle Ansatz in der Machbarkeitsabteilung schlecht abgeschnitten hatte, wussten meine Spinnensinne, dass es Zeit für einen Schwenk war. Es war ein wenig schade, aber Sturheit wird auf lange Sicht schmerzhafter sein. Schließlich glaube ich, dass Produktentwicklung/-management ein iterativer Prozess ist.

Oft ist es eine bessere Idee, über die Problemstellung nachzudenken, als sich auf die Änderung der Lösung zu konzentrieren

Das eigentliche Problem

Das eigentliche Problem bestand darin, dass Besitzer von Kaffeemühlen wissen möchten, wie hoch die geschätzte Einstellung des Kaffeemahlgrades sein sollte. Was auch immer das Mittel ist, spielt keine so große Rolle, solange es einfach und genau gehalten wird. Das zweite „How Might We“ entstand bald:

Wie könnten wir es Besitzern von Kaffeemühlen ermöglichen, ihre Kaffeemühlen einfach und genau auf die richtige Einstellung einzustellen?

Das Element der Einfachheit ist wichtig, da es die Akzeptanzrate des Produkts bestimmt und die Genauigkeit selbstverständlich ist. Daher begann die Mission, Einfachheit und Genauigkeit in Einklang zu bringen.

Lösung Nr. 2

Nach eingehender Recherche und unter Berücksichtigung der Machbarkeit der Lösung gelangte ich zu Cruler, einer Web-App, in der die Mahlgrade von Kaffeemehl basierend auf dem vom Benutzer verwendeten Gerät eingegeben werden, sei es ein mobiles Gerät oder ein Computer .

Dies wurde stark von einem physischen Produkt inspiriert, bei dem Kaffeemehl in Mikrometern gemessen werden kann. Bei diesem Produkt muss das physische Produkt jedoch mitgeführt werden. Ich dachte, warum nicht ein Produkt haben, das überall hin mitgenommen werden kann? Daher der Glaube an eine Webapp.

Nichtsdestotrotz sollten Benutzer mobiler Geräte und nicht eines Computers die Hauptnutzer sein, da sie eher ein mobiles Gerät in der Hand halten, um den Kaffeesatz zu messen. Daher wurde die zweite Lösung entwickelt:

Eine Webapp, die es ermöglicht, je nach verwendetem Gerät unterschiedliche Mahlgrade einzugeben

Dies ermöglicht es Besitzern von Kaffeemühlen, ihren Kaffeemahlgrad anhand einer universellen Dimension, Mikrometer, zu messen.

Verlasse das Gebäude

Inspiriert von Steve Blank glaubte ich daran, das Ausmaß des Interesses an einem solchen Produkt und, was noch wichtiger ist, besser einschätzen zu können, wie viel sie für ein solches Produkt bezahlen werden, bevor auf meiner Seite noch mehr Ressourcen verschwendet würden. Mit anderen Worten: Ich habe meine kostbare Zeit damit verbracht, an dieser Webanwendung zu programmieren, während ich mir eine andere Netflix-Serie ansehen konnte.

Da ich wusste, dass Café-Baristas eine gute Person für den Anfang sein könnten, da sie die besten Verfechter und intensivsten Nutzer eines solchen Produkts sein werden, begann ich, meine Hypothesen zu bestätigen und ihre Meinung einzuholen. Glücklicherweise hatte ich Gelegenheit, mit über 10 von ihnen zu sprechen, und die Ergebnisse deuteten auf grünes Licht für die Weiterentwicklung eines solchen Produkts hin. Die Iterationen der Lösung wurden bald eingeführt.

Iteration 1

Die erste Iteration war für Benutzer unkomplizierter, da sie die Medienabfrage Window.matchMedia() verwendet , um die Auflösung des Geräts des Benutzers zu ermitteln und die Größe des Kaffeemehls in aufsteigender Reihenfolge einzugeben. Dies wurde bald zu einem Frontend-Problem, da die Ergebnisse aufgrund der mangelnden Kompatibilität mit verschiedenen Geräten, insbesondere Mobilgeräten und Safari, äußerst ungenau waren.

Auf die Iteration wurde dann verzichtet und mit Iteration 2 begonnen.

Iteration 2

Bei der zweiten Iteration mussten Benutzer das verwendete Gerät auswählen. Die verschiedenen Kaffeemahlgrößen werden dann entsprechend bestückt.

Obwohl Iteration 2 nicht ganz genau ist, ist sie dennoch genauer als Lösung 1 und Iteration 1. Es ist definitiv auch nicht die schönste Seite da draußen, da ich an das Konzept eines MVP – Minimum Viable Product – glaube.

Kontrollpunkt

Was als nächstes? Ich erreiche nun einen Kontrollpunkt, an dem ich entscheide, ob dieses Projekt weitergeführt werden soll und welche weiteren Funktionen ich priorisieren möchte. Wenn Sie es also geschafft haben, den gesamten Artikel durchzulesen, möchte ich Sie bitten, ihn sich anzusehenhttps://desitatest.netlify.app/und schreiben Sie Ihre Gedanken an [email protected].

Ihre Meinung, ob positiv oder negativ, ist für mich von großer Bedeutung. Ansonsten hoffe ich, dass Sie heute eine köstliche Tasse Joe trinken und auf ein besseres Morgen!