Design der Muro Box App

Brainstorming zu den App-Funktionen von Muro Box

Da Muro Box die weltweit erste per App steuerbare Spieluhr ist, hatte zuvor noch niemand eine mobile App zur Steuerung einer Spieluhr genutzt. Um eine benutzerfreundliche App zu entwerfen, haben wir die Bedürfnisse und Gewohnheiten der Nutzer sorgfältig untersucht.

Zu Beginn hielten wir wöchentlich eine Besprechung mit unserem Designer für die Benutzeroberfläche (User Interface, UI) und unserem Backend-Softwareentwickler ab, um die Struktur unserer App zu erörtern. Außerhalb der Besprechungen konzentrierten wir uns darauf, einen Prototyp von Muro Box sowie weitere visuelle Hilfsmittel zu entwerfen, die uns dabei helfen sollten, potenzielle Kunden zu finden.

Programmierbare Spieluhr Muro Box – UI-Designer mit dem Team in einer frühen Phase
Im Frühjahr 2017 befanden wir uns in einem Co-Working-Space in Taipeh. Im Besprechungsraum besprachen wir die Struktur der App mit unserem UI-Designer Shu-Hung Huang (in der rechten Ecke) und unserem Backend-Softwareentwickler Che-Ting Kuo (in der linken Ecke).
Dies ist die Übersicht über die Muro Box APP für die programmierbare Musikbox.
Dies ist die Übersicht unserer App, illustriert von unserem UI-Designer Shu-Hung Huang.

Am Ende entschieden wir uns, die folgenden Funktionen in unsere App aufzunehmen: 1) das Komponieren von Musik, 2) das Hochladen von Musik, 3) das Bearbeiten von Playlists, 4) die Stichwortsuche nach hochgeladenen Melodien, 5) das Einrichten eines intelligenten Weckers und 6) das Finden eines Komponisten, bei dem sich maßgeschneiderte Melodien für die Spieluhr bestellen lassen. Für unser Team ist die Kompositionsfunktion die größte Herausforderung, da die meisten von uns keine Noten lesen konnten. Nur die Mitgründerin, Dr. Tsai, kann Noten lesen, weil sie zwei Jahre lang Klavierspielen gelernt hat. Daher beschlossen wir, eine Beratungsperson zu engagieren, die die Kompositionskurse leitet, damitdass wir direkt von der Fachperson lernen und während des Kurses das Feedback der Nutzer einholen konnten.

Die Gestaltung des „Logos“ der Muro Box App

Um einen einheitlichen Stil für die App zu schaffen, war unser erster Schritt die Auswahl einer repräsentativen Farbe. Da es unser Ziel war, ein „neues Leben“ einer mechanischen Spieluhr mit „moderner Technologie“ zu präsentieren, schlug unser UI-Designer vor, eine Farbe zu wählen, die Grün und Blau miteinander verbindet. Denn Grün wird häufig mit „Leben und Natur“ assoziiert, Blau hingegen häufig mit „Technologie“.

Bei der Gestaltung des Logos unserer App haben wir die mechanische Struktur vereinfacht, indem wir ausschließlich den Kamm darstellen – jenes entscheidende Merkmal, an dem sich eine mechanische Spieluhr erkennen lässt. Anschließend hat unser UI-Designer die Form des Kamms mit der Form des Buchstabens M kombiniert, um den Anfangsbuchstaben von Muro Box darzustellen.

App-Symbol der programmierbaren Spieluhr Muro Box
In der Vergangenheit hat unser UI-Designer viele Icons für unsere App entworfen. Wir wählen dasjenige aus, das mit roter Tinte eingekreist ist.

Entwurf weiterer visueller Hilfsmittel für Muro Box

Um potenzielle Kundinnen und Kunden zu finden und ihre Anregungen für unsere App zu sammeln, haben wir 2017–2018 eine Reihe von DIY-Kursen zum Bau von Spieluhren und Kurse für digitales Komponieren durchgeführt. Shu-Hung Huang hat das Logo und das T-Shirt für unser Unternehmen sowie zwei Poster entworfen, die sich an der Optik unseres frühen Prototyps orientieren. Dank seines Designs konnten wir einige an Muro Box interessierte Personen gewinnen, obwohl unser früher Prototyp nicht so ansprechend war wie das endgültige Produkt.

Auf diesem Foto sehen Sie links Shu-Hung, unsere UI-Designerin, und Willy Tsai, unseren Komponisten, der die Kompositionskurse unterrichtet hat.
Jedes Foto auf dem großen Poster stand für einen der Kurse, die wir veranstaltet haben, um potenzielle Kunden kennenzulernen. Auf diesem Foto sehen Sie links Shu-Hung, unsere UI-Designerin, und Willy Tsai, unseren Komponisten, der die Kurse für Musikkomposition unterrichtet hat.

Damals gingen wir davon aus, dass unsere potenziellen Kunden entweder Fans traditioneller Spieluhren oder Personen seien, die lernen wollten, eigene Musik zu komponieren. Mit der Zeit erkannten wir jedoch, dass die meisten Teilnehmenden der DIY-Kurse für Spieluhren nicht zu unserer Zielgruppe gehörten. Wenn Sie den Grund erfahren möchten, lesen Sie unseren früheren Beitrag: Design des Muro Box-Prototyps. Nur einige Teilnehmende unserer Kompositionskurse erwiesen sich als unsere Unterstützer in der erstenCrowdfunding-Kampagne in Taiwan im Jahr 2018.

Wir haben verschiedene Fragen von potenziellen Kundinnen und Kunden erhalten. Eine wiederkehrende Frage ist beispielsweise, ob wir unsere Programmierschnittstelle (API) öffnen werden. Diese Frage haben wir in unserem Facebook-Beitrag mit einem kreativen Bild und einer ausführlichen Erklärung beantwortet. In diesem Beitrag haben wir erläutert, warum es keine offene API geben wird; die Option für die Zukunft halten wir jedoch offen. Das Bild zeigt das Aussehen unseres früheren Prototyps. Wenn Sie mehr darüber erfahren möchten, wie wir das Design unserer Prototypen verbessert haben, sind Sie herzlich eingeladen, den vorherigen Beitrag zu lesen.Story: Design des Muro-Box-Prototyps.

Einige Fans haben uns gefragt, ob wir eine API bereitstellen werden.
Einige Fans waren Softwareentwickler und fragten uns 2018 auf unserer Facebook-Seite, ob wir eine API öffnen würden. Für einen App-Entwickler kann Muro Box nicht nur die Freiheit bieten, eigene Musik zu hören, sondern auch die Möglichkeit eröffnen, ein Musikinstrument mit eigenem Code zu steuern.

Beobachtung der Nutzerbedürfnisse im Musikkompositionsunterricht

Bevor wir die Entwicklung der App abgeschlossen hatten, veranstalteten wir Kurse für Musikkomposition, um zu beobachten, wie die Lernenden die kostenlose Kompositionssoftware LMMS und Studio One bedienten. In den Jahren 2017–2018 engagierten wir den Komponisten Willy Tsai, Erwachsenen beizubringen, mit kostenloser Software digitale Musik zu komponieren. Glücklicherweise hatten wir sowohl fortgeschrittene Lernende als auch Anfänger in unseren Kursen, sodass wir ihre unterschiedlichen Bedürfnisse beobachten konnten, bevor wir die Werkzeuge in unserer App festlegten. Diese Werkzeuge haben wir so gestaltet, dass sie unsere Nutzer dabei unterstützen, Melodien zügig zu erstellen und hochzuladen.

UI-Designer der Muro-Box-App für die programmierbare Musikbox
Die Person, auf die ein Pfeil zeigt, ist unser UI-Designer Shu-Hung Huang.

Unser UI-Designer besuchte im Herbst 2017 einen Kurs für Musikkomposition. Er fasste die notwendigen Schritte zur Erstellung einer Melodie zusammen und schlug anschließend vor, angesichts des begrenzten Platzes auf einem mobilen Bildschirm in der App nur die notwendigen Informationen darzustellen.

Am Ende jedes Kurses füllten die Teilnehmenden eine Umfrage aus, um weitere Anregungen für das Design unserer App zu geben. Nach dem Kurs teilten wir unsere Beobachtungen mit unserem App-Entwickler Che-Ting Kuo und unserem UI-Designer Shu-Hung Huang. Wir haben das Design unserer App mehrfach überarbeitet, damit unsere Nutzerinnen und Nutzer sie auch ohne Vorkenntnisse im Komponieren einfach bedienen können. Das folgende Video zeigt beispielhaft, wie Sie durch Zeichnen in unserer App eine neue Melodie komponieren können.

Im Jahr 2018 stellte Dr. Tsai im Kurs für Musikkomposition die App von Muro Box (einer programmierbaren Spieluhr) vor.
Dr. Shiao-Chen Tsai stellte die Muro-Box-App 2018 im Kompositionskurs vor.

In den Kompositionskursen stellten wir fest, dass viele Anfänger in der Kompositionssoftware lediglich wahllos Noten hinzufügen konnten, weil sie die Notation von Notenblättern nicht in die digitale Notenschrift übertragen konnten. Deshalb kamen wir auf die Idee, unseren Komponisten Willy Tsai zu bitten, anhand einfacher Muster eine neue Melodie zu schaffen, die eine zufällige Zeichnung abbildet. Schließlich komponierte er in diesem Video ein Melodiestück, das die Form eines Fisches, eines lächelnden Gesichts und eines Herzens enthält. Als wir dieses Video später auf unserer Facebook-Fanseite teilten, half es zufällig… uns eine neue Zielgruppe zu erschließen: Lehrkräfte oder Eltern, die Kindern Musik mithilfe interaktiver Spiele vermitteln möchten.

Wir haben festgestellt, dass erfahrene Komponistinnen und Komponisten im Bereich digitaler Musik ihre Musik lieber mit professioneller Software als in unserer mobilen App bearbeiten. Der Grund dafür war, dass sie ihre Musik in der Software gleichzeitig abspielen und aufnehmen wollten. Dank ihrer Anregungen haben wir beschlossen, künftig eine webbasierte Anwendung für die Version der Muro Box mit 40 Tönen zu entwickeln, um Komponistinnen und Komponisten dabei zu unterstützen, komplexe Melodien effizienter und einfacher zu erstellen. Unsere aktuelle mobile App wurde so konzipiert, dass sie ausschließlich grundlegende Kompositionsfunktionen umfasst und auf die aktuelle Muro Box mit 20 Tönen abgestimmt ist.

Das folgende Video zeigt, wie Sie in unserer App eine neue Melodie erstellen oder hochladen können.

MIDI-Dateien können über die App auf der programmierbaren Spieluhr Muro Box abgespielt werden.
Die Muro Box App ist das Medium, über das eigene Musikstücke hochgeladen werden. Zahlreiche Programme können das Werk im MIDI-Format exportieren; hier sind nur einige gängige Programme aufgeführt.

Um Nutzern dabei zu helfen, ihre mit einer Drittanbieter-Software bearbeitete Musik hochzuladen, haben wir in unserer App drei Methoden bereitgestellt. Die erste Methode besteht darin, Musik aus dem Speicher ihres Smartphones hochzuladen; das bedeutet, die MIDI-Dateien zunächst auf ihr Smartphone zu übertragen. Bei der zweiten Methode wird eine URL aus dem Internet kopiert und anschließend in unsere App eingefügt. Unsere App lädt die MIDI-Datei automatisch von dieser URL herunter. Diese Methode kann Nutzern dabei helfen, MIDI-Dateien aus ihrem Cloud-Speicher, etwa Google Drive und Dropbox, zu exportieren. Die dritte Methode besteht darin, einen QR-Code zu scannen, um eine MIDI-Datei herunterzuladen, bevorHochladen in die Muro Box App. Diese Methode ist speziell dafür gedacht, eine besondere Melodie als Geschenk zu überreichen, indem der Download-Link für die Melodie als QR-Code auf eine Karte gedruckt wird, die dem Produkt beigelegt werden kann.

Wir haben die QR-Code-Methode entwickelt, weil wir unserem ersten Nutzer in den USA dabei helfen wollten, ein bedeutungsvolles Hochzeitsgeschenk für seine Tochter vorzubereiten. Er wollte das Lied „You'll be in my heart“ von Phil Collins auf der Muro Box spielen und hoffte daher, dass wir dem Paket eine Karte beilegen, auf der erklärt wird, wie er diese Melodie herunterladen kann. Wenn Sie mehr darüber lesen möchten, wie es seiner Tochter erging, als sie die Muro Box erhielt, können Sie gerne diese Geschichte lesen.

Feedback echter Nutzer auf Facebook einholen

Im Mai 2019 veröffentlichten wir die Beta-Version unserer App in Taiwan und kündigten sie zudem in der Facebook-Gruppe unserer Nutzer an. Dank zahlreicher taiwanesischer Unterstützer, die uns bei der Fehlersuche halfen, konnten wir unsere App effizient verbessern. Im Juni 2019 veröffentlichten wir die offizielle App, um internationale Nutzer zu unterstützen.

Die App der programmierbaren Spieluhr Muro Box
Dies ist ein Screenshot unserer Muro-App im App Store, als sie im Frühjahr 2019 erstmals veröffentlicht wurde.
Debuggen Sie im Jahr 2019 gemeinsam mit unseren Teammitgliedern die App von Muro Box (programmierbare Spieluhr).
Unser Entwicklungsteam testete die App sowohl auf iOS- als auch auf Android-Smartphones, bevor sie im Mai 2019 veröffentlicht wurde.

Als unsere App offiziell veröffentlicht wurde, war unser erstes Kind bereits 11 Monate alt. Unser Baby hat die Entwicklung der Muro Box-Prototypen und der zugehörigen App miterlebt, weil es stets an den Treffen unserer Ingenieure am Dienstagabend teilnahm. Seit 2018 hört es außerdem die Musik, die von den frühen Prototypen der Muro Box gespielt wird.

Das folgende Video zeigt einen der Prototypen, die unser Baby gehört hat; die Melodie stammt von unserem Komponisten Willy Tsai. Sie entstand auf Grundlage eines Briefes, den ich (Dr. Tsai) verfasst habe, als ich erwartete, dass er in einem Monat zur Welt kommen würde.

2018 war für uns ein besonderes Jahr. In jenem Jahr mussten wir uns um unsere beiden Babys kümmern (Muro Box und unseren Sohn). Unser erstes Kind wurde einen Monat nach der ersten Crowdfunding-Kampagne von Muro Box im Jahr 2018 geboren. Durch all den Stress und die vielen späten Nächte hindurch wissen wir diese Herausforderungen heute zu schätzen, denn sie haben unser Leben mit denkwürdigen und bedeutungsvollen Geschichten erfüllt. Im Rückblick auf den Entwicklungsweg des Pilotprodukts gab es viele Erkenntnisse, die es wert sind, mit Freunden und Familie geteilt zu werden. Heute ist Muro Box zum Erbstück geworden, das die Erinnerungen unserer Familie bewahrt. Wir hoffen, dass die Nutzer von Muro Box, wenn sie …der Schlüssel, um ihre eigene Musik zu spielen – auch sie werden viele ihrer eigenen kostbaren Erinnerungen wachrufen, so wie wir es tun.

Der nächste Beitrag, Die Pilotserienproduktion von Muro Box, wird dokumentieren, wie wir bei der Produktion dieser intelligenten, aber anspruchsvollen Musikbox in Zusammenarbeit mit vielen Fabriken in Taiwan verschiedene Herausforderungen gemeistert haben.

Nächste Geschichte: Die Pilotserienfertigung der Muro Box