{"id":132095,"date":"2016-02-05T17:10:30","date_gmt":"2016-02-05T16:10:30","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototype-meet-skateboard-a-boosted-boards-case-study\/"},"modified":"2025-02-21T19:43:27","modified_gmt":"2025-02-21T18:43:27","slug":"prototype-meet-skateboard-a-boosted-boards-case-study","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/de\/kunden\/boosted","title":{"rendered":"Prototyp trifft Skateboard: eine Fallstudie von Boosted Boards"},"content":{"rendered":"

Interaktives Prototyping mit Justinmind beschleunigt den UX-Designprozess beim Elektro-Skateboard-Unternehmen Boosted Boards.<\/h2>\n

Wir haben uns k\u00fcrzlich mit dem gro\u00dfartigen Emilio Gonzalez<\/a>, dem Senior UX Designer von Boosted Board<\/a>, getroffen, der mit Justinmind die mobile iOS-App des Unternehmens designt hat. Boosted Boards designt elektrische Skateboards in Mountain View, in der San Francisco Bay Area in Nordkalifornien. <\/p>\n

Emilio arbeitete an der Boosted-App f\u00fcr iOS, die sich auf die Verbindung der elektrischen Skateboards mit anderen Ger\u00e4ten konzentriert. Die App ist Teil der Marketingkampagne des Unternehmens, die darauf abzielt, die Nutzung des Boards als Lebensstil f\u00fcr eine Vielzahl von Nutzerprofilen zu f\u00f6rdern. <\/p>\n

Justinmind war Emilios wichtigstes Prototyping-Tool w\u00e4hrend des App-Designs. Werfen wir einen Blick darauf, wie er mit Justinmind zurechtkommt: <\/p>\n

Der UX Arbeitsablauf bei Boosted Boards<\/h2>\n

Als Emilio bei Boosted Boards anfing, begann sein Designprozess damit, dass er die Funktionen des Boards auf Papier skizzierte. Dann baute er sie mit Photoshop oder Illustrator auf, f\u00fcgte mit Adobe Edge Animationen hinzu und pr\u00e4sentierte sie dann dem Team in einem Google Doc. Emilio stellte fest, dass einige der Programme, die er verwendete, nicht f\u00fcr die Interaktion mit mehreren Bildschirmen ausgelegt waren, und es fiel ihm schwer, Bildschirme miteinander zu verkn\u00fcpfen. Da stie\u00df er auf Justinmind. <\/p>\n

„Ich liebe es, dass ich vom Papier direkt zu Justinmind wechseln kann“, sagt Emilio. Er erkl\u00e4rt weiter, dass er bei seiner Arbeit gro\u00dfen Wert auf Benutzerfreundlichkeit legt und dass es ideal ist, alles per Drag & Drop und Wireframing mit nur wenigen Klicks zusammenzuf\u00fcgen. <\/p>\n

Wirklich schnelles, wirklich einfaches Prototyping: Emilio findet, dass die in Justinmind integrierten UI-Tools wirklich praktisch sind, sowohl f\u00fcr die Erstellung einfacher Designs als auch f\u00fcr komplexere Designs.<\/p>\n

Justinmind bietet einen nahtlosen Arbeitsablauf. Viele Apps sehen sich selbst als leistungsstarke Werkzeuge an, aber letztendlich muss der Designer die meiste Zeit damit verbringen, sich mit dem Tool vertraut zu machen und seinen Prozess an den des Tools anzupassen. Mit Justinmind ist Emilio in der Lage, Dinge einfach zusammenzuwerfen, indem er interne Widgets verwendet, ohne dass er eigene Bilder verwenden muss. <\/p>\n

„Es ist einfach, Dinge in Justinmind einzugeben und auch wieder herauszunehmen.“<\/p><\/blockquote>\n

\"Skateboard-Boosted-Boards-Skate\"<\/a><\/p>\n

Skaten und kreieren Sie mit Justinmind Prototyping<\/h2>\n

Emilio erz\u00e4hlt uns, dass ihm an Justinmind besonders gef\u00e4llt, dass es ein Desktop-Tool ist, das wirklich funktioniert. „Es passt in mein normales kreatives Umfeld“, sagt er, „und das ist f\u00fcr mich definitiv einer der wichtigsten Faktoren bei der Auswahl eines Design-Tools“. Viele Leute stellen Dinge online, weil sie auf diese Weise leichter zu entwickeln sind, aber das ist nicht immer gut f\u00fcr die Benutzer. <\/p>\n

F\u00fcr Emilio ist eines der besten Dinge, die er immer wieder gelernt hat, die Betrachtung Ihres Designs auf dem Bildschirm, im Kontext. Justinmind wurde von Designern f\u00fcr Designer entwickelt. Und es gibt Ihnen die M\u00f6glichkeit, Ihre Prototypen in jeder Phase des Prozesses im Webbrowser zu simulieren. <\/p>\n

„Ich schlie\u00dfe die L\u00fccke zwischen meinen einfacheren wireframes und interaktiven Prototypen. Ich habe mich f\u00fcr Justinmind entschieden, weil es ein Gleichgewicht schafft und genau das bietet, was ich beim Prototyping brauche.<\/p><\/blockquote>\n

“
\nF\u00fcr Emilio sind das Ereignissystem und die Animationen<\/a> eine gro\u00dfartige M\u00f6glichkeit, seine Prototypen zu erweitern. Es schlie\u00dft die L\u00fccke zwischen der einfach zu bedienenden Prototyping-Software und der komplexeren. Er konnte Interaktionen<\/a> in einer zeitleisten\u00e4hnlichen Form einf\u00fcgen und fand sie in Bezug auf die Benutzerfreundlichkeit sehr einfach: „Sie sind leicht zu verstehen und daher ist es einfach, die Dinge zusammenzustellen.“ <\/p>\n

Mit Justinmind k\u00f6nnen Sie auch bestehende Prototypen anpassen und erg\u00e4nzen, um zus\u00e4tzliche Bildschirme zu erstellen<\/a>. F\u00fcr Emilio war dies ein echter Bonus, da er mit diesem Aspekt bei fr\u00fcheren Tools Probleme hatte.<\/p>\n

Die Struktur der Bildschirme<\/strong> in der Justinmind-Plattform bedeutet, dass Sie ohne Nacharbeit eine Menge in Sachen Hi-Fi-Prototyping machen und dann problemlos zu anderen Bildschirmen \u00fcbergehen k\u00f6nnen. Dar\u00fcber hinaus, so betont er, sind die Bildl\u00e4ufe gro\u00dfartig: „Sie k\u00f6nnen die gesamte Seite scrollen lassen und es gibt auch ein Parallax-Element, mit dem Sie die Scroll-Geschwindigkeit \u00e4ndern<\/a> k\u00f6nnen, was ich sehr mag! <\/p>\n

Au\u00dferdem helfen die Justinmind Data Masters<\/a> Emilio dabei, Listen und Zeilen mit Informationen und Daten zu erstellen, und die Justinmind-Beispiele und -Tutorials haben ihm dabei geholfen, sich mit den Funktionen vertraut zu machen.<\/p>\n

\"Skateboard-Boosted-Boards\"<\/a><\/p>\n

\n
\n

Laden Sie Justinmind noch heute herunter und machen Sie Ihren UX-Designprozess ausfallsicher.<\/span><\/h2>\n

Kostenlos herunterladen<\/a><\/p>\n

\n<\/div>\n

Justinmind Funktionen f\u00fcr Teamarbeit und Feedback beim Prototyping<\/h2>\n

„<\/p>\n

Die Prototyping-Funktionen sind fantastisch, und das Kommentartool ist das T\u00fcpfelchen auf dem i.<\/p><\/blockquote>\n

“
\nBoosted Boards nutzt Justinmind, um Beta-Tests durchzuf\u00fchren und Feedback einzuholen<\/a>. Emilio erkl\u00e4rt, dass sein Team von Anfang an in der Lage war, die Tools problemlos zu nutzen: „Das Lustige ist, dass ich den Leuten nie von der Feedback-Funktion erz\u00e4hlen musste, sie haben sie gefunden und einfach angefangen, sie zu benutzen.“ <\/p>\n

Jeder ist immer besch\u00e4ftigt. Wenn wir eine E-Mail an unser Team schicken, um Feedback zu einem Design einzuholen, antworten sie nicht immer, weil sie so viel zu tun haben. Aber mit Justinmind k\u00f6nnen sie ihr Feedback direkt im Prototyp abgeben – das ist so einfach. Um Feedback zu erhalten, zeigt Emilio seinem Team den Prototyp auf einem mobilen Ger\u00e4t und nutzt dann die Freigabeoptionen<\/a>, um ihn per E-Mail an den CEO, die Marketingabteilung und andere Beteiligte zu senden. <\/p>\n

„Dieser Weg ist so viel einfacher, als einen Webserver zu betreiben!“ Mit den Feedback-Funktionen von Justinmind k\u00f6nnen die Leute auf Dinge klicken, sie lesen und tats\u00e4chlich ihre Kommentare abgeben. Das spart eine Menge Zeit<\/strong>, denn die Kollegen k\u00f6nnen bequem und in ihrer eigenen Zeit Feedback geben. Sie werden es nicht auf den Stapel der zu erledigenden Aufgaben schieben, zusammen mit all den E-Mails, die sie schreiben m\u00fcssen. <\/p>\n

„Ich mag das Kommentarsystem<\/a> sehr!“ verr\u00e4t Emilio. „Manchmal haben wir Meetings, bei denen wir einen Prototyp gemeinsam pr\u00fcfen, und dann gibt es Zeiten, in denen die Leute im Ausland sind. Dann ist es einfach gro\u00dfartig, dass sie denselben Prototyp aus der Ferne<\/strong> ansehen, kommentieren und \u00c4nderungen vornehmen k\u00f6nnen. Und irgendwann werden wir die App an externe Tester schicken und Skater auf der ganzen Welt um Feedback bitten m\u00fcssen. Mit dem \u00f6ffentlichen Link und den Review-Optionen<\/a>ist es sehr einfach, mit unseren Prototypen transparent und sichtbar zu sein, wenn sie leicht zu teilen und einfach zu benutzen sind. Das hat einen gro\u00dfen Einfluss auf die Qualit\u00e4t des Feedbacks.“ <\/p>\n

Ein neuer Schlittschuh des Geistes: Verbesserung des UX-Workflows<\/h2>\n

Justinmind hilft Ihnen bei der Erstellung von Prototypen ohne Kompromisse. F\u00fcr Kunden<\/a> bedeutet das, dass sie nicht \u00fcberlegen m\u00fcssen, welches Tool sie verwenden m\u00f6chten: Sie k\u00f6nnen sich einfach an Justinmind setzen und so bauen, wie sie es gerade m\u00f6chten. Es ist leistungsf\u00e4hig genug, um komplexe Designs mit Variablen zu erstellen und Dinge weiterzugeben oder ein schnelles wireframe zu erstellen und es dann als Bild zu exportieren<\/a>. <\/p>\n

Emilio muss sich nicht mehr viele Gedanken dar\u00fcber machen, was er mit dem fertigen Prototyp erreichen m\u00f6chte, je nachdem, ob das von ihm verwendete Tool daf\u00fcr geeignet ist oder nicht. Mit Justinmind kann er sich darauf verlassen, dass er mit Justinmind das erreichen kann, was er will. <\/p>\n

„Justinmind bestraft Sie nicht daf\u00fcr, dass Sie Dinge einfach machen wollen, aber es ist trotzdem sehr leistungsstark. Es ist so einfach oder komplex, wie Sie es machen.“ <\/p><\/blockquote>\n

\"Skateboard-Boosted-Boards-App\"<\/a><\/p>\n

Weiter geht’s: die n\u00e4chste Stufe mit Justinmind Prototyping<\/h2>\n

Was steht als n\u00e4chstes f\u00fcr Emilio und Justinmind an? Nun, er wird unsere Integration mit Illustrator<\/a> ausprobieren. F\u00fcr seine Arbeit ben\u00f6tigt er Adobe. Die M\u00f6glichkeit, Bilder und Hotspots aus Illustrator zu kopieren und einzuf\u00fcgen, sie per Drag & Drop zu verschieben und dann im Editor zu bearbeiten sowie benutzerdefinierte UI-Kits wie die iOS UI-Widgets auszuf\u00fcllen, sollte seine Arbeit sehr erleichtern! <\/p>\n

Oh, und die Simulation mehrerer Ger\u00e4te<\/a>! „Es sieht so aus, als ob das mit Justinmind gro\u00dfartig funktionieren wird“, sagt Emilio, „und ich m\u00f6chte diesen Punkt erreichen.“<\/p>\n

Und wir sagen: Machen Sie es! Und lassen Sie uns wissen, wie Sie mit diesen Funktionen zurechtkommen \ud83d\ude42 <\/p>\n

Wenn Sie mehr \u00fcber die mobile iOS-App von Booster Board wissen m\u00f6chten, finden Sie hier weitere Informationen<\/a>. Die Funktionen umfassen: <\/p>\n