Der Kurs vermittelt theoretische und praktische Grundlagen, eigene Konzepte in kurzer Zeit effizient als mobile Prototypen zu realisieren. Wenn Skizzen und Wireframes an ihre Grenzen stoßen, die eigenen (App-) Ideen verständlich an Kunden, Teamkollegen oder Andere zu vermitteln, dann helfen digitale Prototypen zu überzeugen und zu begeistern. Sie ermöglichen die Darstellung von Animationen, Navigations- oder Interaktions-Konzepten und geben dem Betrachter die Möglichkeit die App selbst zu testen. Anhand eines praktischen Projektes lernen und erarbeiten die Studenten die notwendigen Grundlagen vom Konzept bis zum interaktiven Prototypen. In mehreren Iterationen werden die Prototypen evaluiert. Wir starten mit nicht code basierten Tools, die Basis-Animationen ermöglichen und Navigationsstrukturen erfahrbar machen. Der Schwerpunkt im Laufe des Kurses wird auf framerjs (und CoffeeScript) liegen, die einen schnellen und einfachen Einstieg ins Programmieren und die Entwicklung dynamischer Prototypen erlauben. Das Projekt wird für mobile Endgeräte konzipiert - generell lassen sich aber später mit framerjs auch Prototypen für Desktop Applikationen gestalten.

Ich habe von diesem Kurs einen Einstieg ins App-Design erwartet. Vor diesem Kurs hatte ich mich noch nie aktiv mit App-Design oder Prototyping beschäftigt, allerdings hatte ich einige Erfahrungen im Webdesign gemacht die mir hier helfen konnten.

Laut Pierre's Vorgaben sollten wir einen App-Prototypen entwickeln der sich mit irgendeiner Art von Veranstaltungen befasst und zugleich monetarisierbar ist. Diese Apps sollten Ihre Daten möglichst von anderen Medien erhalten, wir sollten also keine Plattformen entwickeln die sich auf user user-generated content stützen.

Da ich seit zwei Jahren selbst Techno-Events organisiere habe ich mich schnell auf Ideen zu Party bzw. Konzert Apps festgelegt.

Copyright

©Theodor Hillmann

Für mich gab es in den letzten Jahren zwei Systeme die mir das Feiern erleichtert haben:

1. [Restrealität](https://www.restrealitaet.de/rr/index.html „Restrealität“) Eine geschlossene auf Berlin beschränkte Community. Hier wird Szene-Intern für Veranstaltungen geworben. War vor allem beliebt, da es immer Informationen zu aktuellen Illegalen Raves gab, man konnte aber auch immer an der Beteiligung in den Strängen sehen welche Partys gerade besonders beliebt und gut besucht sind. Mittlerweile eher ein Artefakt früherer Tage.

2. Facebook. Kennen wir alle. Ab jetzt konnte jeder Partys ohne großen Aufwand publik machen. Das System der Facebook-Events hat sich schnell gegenüber den klassischen Medien durchgesetzt, da fast alle bei Facebook sind und man so (theoretisch) genaue Angaben über die Teilnehmerzahlen erhält. Hier zeichnen sich schnell trends ab, also welche Partys Interesse wecken, allerdings sind diese Zahlen oft weit von der Realität entfernt. Das mag mit Schmummeleien der Promoter zutun haben aber meistens tickt die Schwarmintelligenz im Internet auch einfach anders als auf der Straße. Außerdem ist Facebook furchtbar breit gefächert und Veranstaltungen findet man hauptsächlich durch Einladungen.

Wie können wie nun aus diesen Erfahrungen lernen und ein System für die Mobile Jugend entwickeln?

Ein neues innovatives System für Techno-Partys sollte meiner Meinung nach folgende Kriterien erfüllen:

• Enge Zielgruppen. Lieber Lokal anstatt International.
• Nur Veranstaltungen die ihren Fokus auf Musik haben.
• Auch Spontane Partys bzw. Illegale werden sichtbar.
• Es sollte ein genaues Bild der aktuellen Lage zeichen.
• Verfälschungen durch Promoter sollen erschwert werden.
• Natürlich sollte alles möglichst schlicht verpackt und intuitiv zu bedienen sein.

Musikerkennungsdienste wie Shazam haben mich auf die Idee gebracht, dass man durch Geräuschproben feststellen könnte wo in der Stadt gerade Partys stattfinden. Eine App würde dann in regelmäßigen Abstanden Stichproben nehmen, diese durch einen Algorithmus bewerten und die Ergebnisse zusammen mit einem Geo-Tag in die Cloud senden. Durch diese Proben ließe sich dann, in Echtzeit, eine Karte für alle User der App zeichnen, die die aktuellen Party-Brennpunkte aufzeigt. Diese Hotspots könnten dann mithilfe des Ortungsdaten einzelnen Festivitäten oder Clubs zugeordnet und mit Informationen zu den aktuellen Veranstaltungen versehen werden.

Damit würden dann nicht nur gut besuchte Clubs deutlich, sondern auch Veranstaltungen die sonst aus dem Raster fallen, wie zum Beispiel WG-Partys oder Raves. Man könnte, wenn man abenteuerlustig ist, genau diese Unbekannten ausfindig machen und mitfeiern.

Besonders wichtig sind mir hier die Privatsphäre , deswegen werden die Proben auf dem Smartphone bereits ausgewertet und die Daten werden anonym an den Server gesendet, damit keine Bewegungsprofile erstellt werden können.

Algorithmus = Lautstärke x n x Musik(j/n)

Lautstärke der aufgenommen Proben mal der Anzahl der Proben an diesem Ort (verschiedener User). Falls nicht als Musik erkannt wird die Probe ungültig*

Copyright

©Theodor Hillmann

Innerhalb des Kurses haben wir uns mit verschiedenen Tools zum erstellen von Prototypen beschäftigt. Eine App hierzu die mir auf anhieb gut gefallen hat ist POP, im prinzip verbindet man seine Skizzen nur digital zu einem Prototypen. Das geht erstaunlich schnell und macht freude.

Hier der erste Klick-Prototyp.

PDF Copyright

©Theodor Hillmann

Aufbauend auf unsere ersten Ideen und Skizzen sollten wir Personas und Nutzungs-Szenarien entwickeln. Dabei ist mir aufgefallen wie die Echtzeit-Abbildungen von Daten abhängig von der Uhrzeit der Nutzung macht. Am frühen Abend müssten man wahrscheinlich auf Daten der letzten Tage zurückgreifen und den Nutzer müsste darauf Aufmerksam gemacht werden.

Kritikpunkte:
1. Misst nur Lautstärke-Werte
2. Kann zuviel auf einmal (Wollsauschwein) 3. Benötigt großen Pool an Usern

Meine Lösungen: 1. Prüft ob es sich um Musik handelt 2. Bewertungsmechanismen gestrichen 3. Dieses Problem ließe sich nur Indirekt lösen, ich wollte es daran aber nicht scheitern lassen.

Copyright

©Theodor Hillmann

Am Anfang habe ich mich am längsten damit beschäftigt einen schönen Methode zur Markierung von Werten auf der Karte zu finden. In dieser Version waren es noch spitze Haken, die ich mir nett zu animieren vorgestellt hatte.

Copyright

©Theodor Hillmann

Übergehend zu den ersten animierten Prototypen habe ich mich für eine dunkle Oberfläche in Anthrazit und Rot entschieden, da die App hauptsächlich Nachts genutzt werden und dadurch die Augen schont. Die Markierungen auf der Map habe ich durch diese leicht flackernden Punkte ersetzt, da sie vor allem beim scrollen stimmiger aussehen und weniger kleinteilig wirken.

Das arbeiten mit Principle als Alternative zu Framer hat mir viel spaß gemacht, da Ergebnisse sehr schnell sichtbar wurden und Übergänge extrem einfach zu erstellen sind, im Vergleich zu Framer.

Durch das Anzeigen des Inhalts von Vimeo akzeptieren Sie die Datenschutzbestimmungen des Anbieters.

Vimeo vertrauen und Inhalt immer anzeigen

Anzeigen

©Theodor Hillmann

Vimeo

Der fertige Framer-Prototyp [](http://share.framerjs.com/5m360x0nd2y8/ „Framer Prototyp“)

Im letzten Iterationsschritt, in Framer-Studio, habe ich einen zum Rest passenden animierten Introscreen entwickelt. Die Listenansicht in Coffeescript geschrieben und Übergänge hinzugefügt.

Meine Erwartungen an den Kurs wurden nicht enttäuscht, er gab mir einen Einblick in die Welt der verschiedenen Prototyping-Tools und App-Design im allgemeinen. Die intensive Beschäftigung mit Framer Studio hat meine Liebe zum arbeiten mit Code wieder aufflammen lassen. Besonders Gefallen haben mir Pierres Einblicke in den Studio-Alltag und worauf der Fokus dort bei der Bewältigung ihrer Projekte liegt. Sehr Interessant! Vielen Dank.