Seit Anfang März ist unsere Werkstudentin Fanny dabei ihre Bachelorarbeit zum Thema Quantified Self bei uns zu schreiben. Grund genug sie hier nochmals nachträglich willkommen zu heißen und in einem Gespräch das Thema ihrer Arbeit kurz vorzustellen. Also: Willkommen bei think moto, liebe Fanny! Bevor Fanny uns von ihrer Arbeit erzählt, gibt es für alle Interessierten noch ein paar Infos zum Thema:

Was versteht man unter Quantified Self?

Quantified Selfers nutzen Smartphones, Apps, Gadgets und Tagebücher, um Daten über ihren Schlaf, Stress Level, ihre Herzfrequenz und Stimmung oder die allgemeine Luftqualität zu sammeln und aus ihnen zu lernen. Es geht nicht darum hinterher mit möglichst vielen Zahlen zu protzen, sondern diese Zahlen zum Verbessern der Gesundheit zu nutzen. Willkommen in der Welt des Quantified Self, zu deutsch Selbstquantifizierung!

Der Begriff Quantified Self (QS) entstammt der 2007 von den amerikanischen Wire-Journalisten Gary Wolf und Kevin Kelly online gestellten Website www.quantifiedself.com. Seitdem existiert eine Community, deren Anhänger durch das freiwillige Sammeln von Daten über sich, dem Self Tracking, hoffen mehr über sich selbst zu erfahren und so Lösungen zur Selbstoptimierung zu finden. Ganz nach dem gewählten Motto: „Self-knowledge through numbers.“ Dabei kann die Erfassung von Daten sowohl gesundheitliche und körperliche Aspekte, als auch alltägliche Routinen der Betreffenden umfassen. Die Analyse von Essgewohnheiten kann also genauso wie die tägliche Dosis Schlaf und psychische Verfassung dazu verwendet werden, diese gezielt zu überprüfen und gegebenenfalls auf seine eigenen Bedürfnisse hin zu optimieren. Der Begriff Self Hacking indessen bildet eine weitere Facette des QS, bei dem es sich um das Sammeln von Daten zur Erkennung von Verhaltensmustern und -gewohnheiten zur gezielten Persönlichkeitsentwicklung handelt. Dabei ist QS jedoch nicht mit Remote Health Monitoring zu verwechseln, da die Selbstvermessung erstens freiwillig geschieht und neben medizinisch oder gesundheitlich relevanten Daten auch Daten zu Umweltfaktoren oder Verhalten mit einschließt.

Quantified Self und Healthcare

Was auf den ersten Blick aussieht wie ein neues Hobby für Nerds, entpuppt sich auf den zweiten Blick als Chance zur Selbstmotivation und -Optimierung. Zwar gibt es die Möglichkeit zur Bestimmung körpereigener Daten durch Pulsuhren, Thermometer, Blutdruckmesser etc. schon lange, doch die Möglichkeit mit Hilfe alltäglicher Technologie Unmengen von Daten schnell und einfach grafisch darstellen und in Relation zu einander setzen zu können, ist neu. Das massenhaft automatisierte Sammeln und Austauschen von Daten inklusive Standortbestimmung und Umweltfaktoren durch den überall verfügbaren Zugang zum Internet mittels Smartphone ist ein entscheidender Faktor für das Aufkommen der QS-Bewegung. Ahänger der Bewegung sprechen von einer ultimativen Bestärkung des Individuums, denn jeder selbst kann die Gewalt über seine Daten haben. Mittlerweile lassen sich fast alle gesundheitsrelevanten Daten aufzeichnen und auswerten und noch vieles Mehr. Per App kann man beispielsweise ebenso leicht seine tagtäglich zurückgelegten Schritte, die dazugehörige Route sowie die daraus resultierende Entfernung aufzeichnen und analysieren, genauso wie die tägliche Arbeitszeit und den Kalorienverbrauch.

Die QS Technologie bietet vielfältige Lösungen für chronisch Kranke. So können bereits Daten von Allergikern mit aktuellen Pollenflug-Prognosen abgeglichen und im Voraus Empfehlungen für einen Hausaufenthalt gegeben werden. Die Palette der Anwendungen ist schier unendlich. Gut, dass Fanny uns dabei hilft den Durchblick zu bewahren. Mit welchen Aspekten des Qunatified Self sie sich bei think Moto im Rahmen ihrer Bachelorarbeit befasst, verrät sie Euch im Folgenden Gespräch:

Hey Fanny, danke dass Du uns einen Einblick in Deine Arbeit gewährst. Wie kamst Du dazu Dich bei Deiner Bachelorarbeit für das Thema Quantified Self zu entscheiden?
Ich habe bereits im letzten Semester ein Konzept erarbeitet, wie Patienten in der Krankenhausumgebung mehr Verantwortungsgefühl für ihre Gesundheit erlangen, indem sie Zugriff auf ihre Befunde bekommen und aktiver Teil des Entscheidungsprozesses sind. Über dieses Projekt habe ich mich bereits mit der Zukunft des Gesundheitswesens beschäftigt und bin bei der Recherche auf die Quantified Self Bewegung gestoßen. Da es ein sehr umfassendes, spannendes Feld ist, das man in viele Richtungen bearbeiten kann, habe ich mich entschieden auf dem Gebiet auch das Bachelorprojekt anzusiedeln.

Wie bist Du auf think moto als Agentur für Deine Arbeit gekommen?
Das war ehrlich gesagt Zufall. Für das Fach Entrepreneurship habe ich im Team einen fiktiven Businessplan für eine Designagentur ausgearbeitet und war auf der Suche nach bereits bestehenden Agenturen, die ein spannendes Portfolio haben, um sie als Konkurrenzbeispiel anzuführen. Auf der think moto Website habe ich dann etwas länger verweilt und entdeckt, dass sie ein Forschungsprojekt zum Thema Gesundheit planen und Unterstützung suchen. Da habe ich Katja und Marco kurzerhand angeschrieben.

Quantified Self ist ein weites Feld, gibt es einen Themenschwerpunkt in Deiner Arbeit?
Ich habe mich auf Grund von erstellten Personas, ihrer Bedürfnisse und meiner Technologierecherche auf 4 Themen eingeschränkt, von denen ich im Endeffekt eins bearbeite. Die 4 Themen sind Diabetes, eMonitoring, Früherkennung von Krankheiten und Ungleichgewichten im Körper und das große Thema der Balance zwischen produktivem Stress und Ruhephasen.

Was sind Deine Favoriten im Bereich konkreter Anwendungen bei QS?
Das kann ich so pauschal nicht sagen da jeder andere Bedürfnisse und Erwartungen hat. So findet jedes Produkt seine Liebhaber. Da ich selbst noch keines ausprobiert habe, gibt es noch keinen Favoriten.

Warum glaubst Du sammeln Self-Tracker alle möglichen Daten über sich, stellen diese visuell dar und veröffentlichen sie sogar in sozialen Netzwerken?
Hmm, wahrscheinlich weil sie es können. Es gibt einfache Open-Source Programme, deren Sprache zu erlernen auch für Nichtinformatiker möglich ist. Zum anderen werden die technischen Hilfsmittel immer preiswerter und für Privatpersonen erschwinglich. Plattformen wie Arduino ermöglichen das Experimentieren mit Sensoren und das Austauschen in der Community. Über das mobile Internet können wir die Daten auswerten und sie mit anderen Umwelteinflüssen wie z.B. dem Wetter vergleichen. Den psychologischen Aspekt, dass wir in Zeiten der Wissensgesellschaft das Bedürfnis verspüren unseren Körper besser zu verstehen indem wir ihn vermessen, sollte man dabei nicht vergessen. In Zeiten des Gesundheitsbewusstseins und des Individualismus möchten wir unser Leben bewusst gestalten, QS-Anhänger im Einklang mit ihrem Körper. Sicher spielt dabei auch der Gedanke der maximalen Produktivität eine Rolle, wenn man weiß wann der Körper seine Leistungsspitzen hat und was sie beeinflusst.

Bildet QS eine Alternative zu Medikamenten oder zu pädagogisch psychotherapeutischen Anwendungen?
Nein, das ganz sicher nicht, aber es ist eine wichtige Erweiterung. Durch Langzeitaufzeichnungen kann ein Arzt gezieltere Diagnosen stellen und die Lebensumstände seines Patienten besser verstehen.

Im heutigen Gesundheitssystem wird die Verantwortung für einen Großteil der medizinischen Überwachung in die Hände der Familien und Patienten selbst abgegeben. Fördert und bestärkt das Aufkommen von Quantified Self / Self Tracking den Einfluss des Patienten auf seine Behandlung oder instrumentalisiert sie diesen? Wie siehst Du diese Entwicklung?
Ich denke sie fördert zu aller erst das Bewusstsein des Patienten, dass es sein Körper ist und er die Hauptrolle in seiner Krankengeschichte spielt. Der Arzt kann ihm bei aktuten Problemen helfen. Einen gesunden Lebensstil muss jeder selbst führen. Hier sind Daten, die messbar sind und visualisiert werden können, sicher eine bessere Motivation als das Bauchgefühl.

Bedeutet das eine Verschiebung des Machtgefälles in der Doktor-Patienten-Beziehung?
Das Bedeutet auf jeden Fall, dass der Patient mehr Entscheidungsgewalt einfordert. Der Experte für den eigenen Körper ist jeder Einzelne, der Arzt ist jedoch der Experte für die Medizin im Allgemeinen und hilft dem Patienten durch Vergleiche zu „Normalwerten“ seine Werte einzuordnen und schlägt ihm eine geeignete Therapie vor. Dem liegen viele Jahre der Wissenschaft zu Grunde, die sich der Einzelne nicht mal eben in seiner Freizeit aneignen kann.

Wer profitiert und vor allem wie, wenn Patienten mehr Verantwortung für ihre Gesundheit und Gesundheitsfürsorge übernehmen?
Zu allererst der Patient selbst, da er einen gesünderen Lebensstil leben wird. Jeder Einzelne formt die Gesellschaft, die Schlussendlich enorm profitiert, indem wir uns unserer Körper bewusst werden und sorgsam mit ihnen umgehen. Das führt zu enormen Einsparungen im Gesundheitssystem und dieses gesparte Geld kann stattdessen an anderen Stellen sinnvoll eingesetzt werden kann. Bis dahin ist es jedoch noch ein langer Weg, da das Umdenken erst bei einigen wenigen stattgefunden hat und allein das bloße Wissen um den eigenen Körper oft keine langfristige Motivation ist, den Lebensstil umzustellen.

Vielen Dank für das Gespräch und weiterhin viel Erfolg bei Deiner Arbeit. Wir freuen uns bald mehr über Deine Fortschritte zu erfahren.

Links zum Thema
www.quantified-self.de
www.ted.com/talks/gary_wolf_the_quantified_self.html

Links zu Produkten
www.fitbit.com
www.mioglobal.com
www.jawbone.com/up
www.polar-deutschland.de
www.nikeplus.nike.com/plus
www.scosche.com/health-fitness/heart-rate-monitor

Anlässlich des New-Media-Festival Resonate 2013 waren wir letzte Woche in Belgrad. Die Atmosphäre dort war sehr inspirierend und motivierend. Wir fühlten uns sehr wohl und hatten eine Menge Spass.

Nach einer kurzen, aber anstrengenden Woche, freuten wir uns nun darauf, in den Flieger nach Belgrad zu steigen. Nach Problemen mit unserem Flug, reisten wir mit einer anderen Maschine gesund in die warme Hauptstadt Serbiens. Wir waren bereit für die nächsten aufregenden Tage.

Am Donnerstag fanden die Workshops statt. Ich nahm an dem “Computer Vision in Interactive Arts” Workshop mit Golan Levin and Kyle McDonald teil, worauf ich als Ton- und Bild-Ingenieur und Programmierer im Vorfeld sehr gespannt war. Wir haben verschiedene Signal-Verarbeitungs-Techniken und Entwicklungs-Toolkits, um tolle Interaktionen mit Processing und openFrameworks zu programmieren, kennen gelernt. Um nur einige zu nennen, hier eine kleine Auflistung: Face Tracking, Body Tracking, Bewegungserkennung, Projection Mapping, usw. Es war sehr inspirierend und die 6 Stunden Stehen (es gab nicht Platz für alle) haben sich gelohnt. Hier ein Foto von Kyle McDonald:

Im Anschluss besuchten wir alle das Konzert von Pantha du Prince, das im Rahmenprogramm des Festivals stattfand. Aufgeheizt durch die wunderbaren Klänge von ihm, gingen Andreas und Nadine erfolgreich auf Entdeckungstour durch das Nachtleben von Belgrad.

Am Freitag begann der Tag mit dem Vortrag der Spanierin Raquel Meyers und ihren Text-Mode-basierten Arbeiten: 8-bit-Grafik und Animationen. Danach sahen wir die Augmented-Reality-Projekte von Camille Scherrer. Sie stellte uns vor, wie man Tradition und neue Technologien miteinander verbinden kann. Sehr interessant waren die aus Berlin angereisten Game-Designer von Spaces of Play. In ihrem Vortrag präsentierten sie nicht nur ihre Arbeiten, sondern ihnen ging es mehr um neue Interaktionen und Emotionen in Videospielen. Besonders genial fanden wir das “4 Minutes and 33 Seconds of Uniqueness” Spiel, das auf dem Werk 4’33” von John Cage basierte. Wer neugierig ist, kann es hier kostenlos herunterladen. Es lohnt sich. Nach der Mittagspause sind wir ein bisschen Zeit spazieren gegangen, und sahen uns die Festung von Belgrad an. Da wir den Vortrag vom Media-Künstler und Ingenieur Golan Levin nicht verpassen wollten, sind wir schon kurz danach wieder in das Dom Omladine, wo das Festival stattfand, zurück. Golan hat über Defamiliarization, über neue Metaphern in der Interaktion gesprochen, und darüber, wie wir Inspiration in unserer eigenen Kindheit finden können.

Er bekam den größten Beifall des Tages. Abends gab es erneut ein Konzert, diesmal von Mouse On Mars.

Der erste Vortrag am Samstag war von dem Berliner Studio NAND. Ihr Thema war das Experimentieren mit neuen Darstellungsformen im Austausch und in Zusammenarbeit mit Wissenschaftlern und Forschung-Labs. Danach präsentierte Cohen Van Balen ihre fiktive Arbeiten, die Biologie und Technologie vereinen. Eine Idee von ihr war, das Tauben mit einer bestimmten Bakterienart injiziert werden könnten, um ihre Exkremente zu Seife werden zu lassen. Für die Veranschaulichung zeigten sie Fotos und ein Video. Weitere Ideen waren ein Produkt, das nur hergestellt werden kann, wenn die Arbeiter am Fließband eine besondere Choreografie machen, oder die Produktion von Elektrizität durch das menschliche Appendix:

Über Expressivität in digitaler Kunst und Installationen hat Memo Akten geredet. Sein Vortrag war auch sehr inspirierend. Der letzte Vortrag vor der Mittagspause war von Klaus Obermeier. In seinen Arbeiten fokussierte er sich auf Tanz-Performances und Body-Projections. Nach dem Workshop am Donerstag mit Kyle McDonald, war ich auf seinen Vortrag besonders gespannt. Kyle McDonald ist der Community Manager von openFrameworks. Er hat opensource Computer Vision Bibliotheken entwickelt, besonders für Face und Body Tracking. Er ist auch ein Aktivist für die Demokratisierung des Internets und Open Source Codes. Da er seine Arbeiten immer veröffentlicht, verdient er nicht so viel, trotz der tollen Sachen, die er macht. Ihm ist es wichtiger, das die Menschen durch solche Veröffentlichungen, die Welt ändern können: “There is an infinite amount of energy out there. If you put more of your stuff out there and engage with people who are doing things because they love it and not because they are getting paid for it, you can’t go wrong. You can only benefit from that.”. Er hat auch gute Gründe für schüchterne Personen, wie ich es einer bin, um unser Code zu teilen:

Besonders lustig ist seine Theorie darüber, wie Leute auf ihre Rechner schauen. Er hat dafür eine App gemacht, die Gesichter erkennt, fotografiert und die Fotos an ihn sendet. Er installierte die App in die Rechner eines Apple Stores in NY und erhielt sogar ein Foto von einem der Apple-Hauptentwickler. Danach hatte er Probleme mit ihnen und den Behörden :). Andere Programmierer-Vorträge hörten wir von Karsten Schmidt und Casey Reas. Reas ist der Entwickler von Processing. Er redete darüber wie man mit Creative Coding Kunstwerke mit Code entwickeln kann. Das Ende des Festivals war der beeindruckende Vortrag mit Joachim Sauter von ART+COM. Er hat nicht nur über die Projekte, die sie gemacht haben gesprochen, sondern auch über die Konzeption- und Umsetzungsprozesse und von der Grundidee bis zum Endprodukt. Er erwähnte aber auch die Probleme und Bugs in der Umsetzung.

Das Resumee unseres Besuches ist: obgleich die Resonate ein junges Festival ist, spürt man, dass es mit viel Leidenschaft organisiert wurde. Wir fanden es schade, dass es am ersten Tag so wenige Workshop-Plätze gab, obwohl ich letztendlich doch an einem teilnehmen konnte. Ich hatte als Programmierer ziemlich Glück, dass so gute Leute, die ich schon lange bewundere, wie Golan Levin, Kyle McDonald oder Casey Reas, im Programm waren. Ich lernte aber auch andere Leute kennen, welche mich sehr inspirierten. Wir hoffen, dass das Festival weiter bestehend bleibt. Es hat großes Potential!

Wieder zurück in Berlin, sind unsere Köpfe voll mit neuen Ideen. Belgrad, wir sehen uns nächstes Jahr!

Web-Standards haben sich in den letzten Jahren, dank der Verwendung von HTML5 und CSS3 bei modernen (und mobilen) Browsern, sehr schnell entwickelt. Trotzdem sind Formulare immer noch ein schwarzes Loch: ihre Anpassung an ein Corporate Design kann wegen Crossbrowsing sehr aufwändig und problematisch sein. Auch wenn man dies schafft, Online-Formulare können sehr langweilig sein, besonders wenn man eine Umfrage oder ein Fragebogen ausfüllen muss.

Seit ungefähr 3 Jahren wird in meiner Heimatstadt Barcelona Typeform, ein neues Web-Tool für schicke interaktive Formulare, entwickelt. Und das Beste ist, es funktioniert auf allen Geräten. Verschiedene Beispiele sind im folgenden Video zu sehen:

Die Usability passt sich an jedes Gerät an: Maus und Tastatur am Desktop, Touch für Smartphones, minimalistische Animationen, um ein gutes Feedback zu haben, und eine sehr gute Performance.

Im Admin-Bereich können Benutzer sehr einfach Formulare erstellen, konfigurieren und das Design (Hintergrund, Schriften, Farben, Bilder hochladen) anpassen. Auch für Nicht-Designer gibt es vorgefertigte Templates. Wichtig ist: die Ergebnisse der Umfragen werden gesammelt und visualisiert.

Typeform befindet sich gerade in der Beta-Version. Das bedeutet, es wird in der finalen Version noch weitere Features geben. Man kann sich auf ihrer Webseite kostenlos zur privaten Beta bewerben. Wir haben schon unseren Zugang bekommen, und haben diese Umfrage für euch vorbereitet.

Im Gegensatz zur Sonne, die sich zur Zeit nur spärlich am Horizont Berlins blicken lässt, können diese beiden strahlen und die Motos natürlich auch. Seit Februar beglücken Angela und Marius nun das Team von think moto.

Angela reiste aus dem wunderschönen Süden an, wo sie derzeitig ein Studium im Bereich Interaktionsgestaltung an der Hochschule für Gestaltung Schwäbisch Gmünd absolviert. Als Visual Design Praktikantin unterstützt sie uns während ihres Praxissemesters und das finden wir großartig.

Ebenfalls freuen wir uns auch über Marius, der an der UdK Berlin Sound Studies studierte, und unser Team als Praktikant für Strategie & Konzeption erweitert.

Wir finden es super, dass ihr an Bord seid und freuen uns auf tolle 6 Monate mit euch!
Herzlich Willkommen!

Dan Saffer mag ich als Autor sehr gerne, er hat gleich zwei interessante – nicht zu umfangreiche – Bücher geschrieben, die ich empfehlen möchte, die insbesondere auf gestische Interaktion eingehen: Designing for Interaction: Creating Innovative Applications and Devices und Designing Gestural Interfaces: Touchscreens and Interactive Devices.

Wer einen guten Überblick über den Prozess und die grundsätzlichen Methoden erhalten will, und dabei noch das ganze auf Deutsch lesen möchte, dem empfehle ich natürlich gerne mein eigenes Buch Branded Interactions. Einblicke ins Buch bekommt ihr hier und im Web gibt es auch einige Besprechungen des Buches. Es ist ausserdem der aktuellste Titel auf der Liste.

Es gibt natürlich unzählige weitere UX Bücher, aber das wäre sicher meine Top5, wenn es konkret um UX Handbücher geht, die Praxisanleitung geben.


Um erst einmal zu verstehen, was UX ist – und was nicht, hilft es, Jesse James Garrets Definition in Buchform zu lesen: The Elements of User Experience – und dazu Peter Moorvilles etwas in die Jahre gekommene Definition des UX Honeycomb, zu dem sich zahlreiche Verweise und Erweiterungen von anderen UX-Designern finden lassen.

Darüber hinaus gibt es einen Kanon von Literatur, die das Thema eher grundsätzlich behandelt und weniger konkrete Handlungsanleitung gibt. Dazu gehören die Bücher von Don Norman, allen voran The Design of Everyday Things. Zu den Klassikern müssen auch der leider im vergangenen Jahr verstorbene IDEO-Mitgründer Bill Moggridge und Jef Raskin, der nicht nur dem Apple Macintosh seinen Namen gab, sondern auch zahlreiche Interface-Paradigmen einführte, die für uns heute selbstverständlich sind.

Es gibt zahlreiche Leselisten zum Thema UX und Interaction Design online, hier seien mal zwei genannt:

• Usability und Interface Design Bücher bei Smashing Magazine
• 52weeksofux.com

Es gibt große Überschneidungen zwischen UX und Service Design, weshalb diese Seite auch sehr hilfreich ist:

http://www.servicedesignbooks.org/

Ausserdem gibt es natürlich zahlreiche UX Design Blogs, die sich immer aktuell mit neuen Fragestellungen beschäftigen,
allen voran:

• A list apart
• Boxes and Arrows
• Der Blog von Luke Wroblewski
• Der Blog von iA
• UX Matters

Über die hier genannten Titel hinaus gibt es viele Autoren, die sich mit angrenzenden Themen beschäftigen, die für UX Designer relevant sind, z.B. Informationsdesign (Edward Tufte), CSS und Responsive Design (siehe unsere Linkliste), Business Model Generation, Narration und Dramaturgie (Janet Murray), gesellschaftliche Aspekte (Guy Bonsiepe), Usability (Jakob Nielsen ist hier der Guru, aber ja, bitte nicht immer allzu ernst nehmen), Typografie (um mal nicht Spiekermann und Forssmann zu nennen, sei Ellen Lupton genannt, ihre Bücher sind sämtlich zu empfehlen…), Generative Gestaltung, etc…

Ein wichtiger US-Verlag für Publikationen aus dem UX Feld ist übrigens Rosenfeld.

“All knowledge that is about human society, and not about the natural world, is historical knowledge, and therefore rests upon judgment and interpretation. This is not to say that facts or data are nonexistent, but that facts get their importance from what is made of them in interpretation… for interpretations depend very much on who the interpreter is, who he or she is addressing, what his or her purpose is, at what historical moment the interpretation takes place.”
― Edward W. Said

Bonsiepe ist daran gelgen, Design aus einen relevanzfreien Ästhetizismus (der aus Designobjekten Kunstobjekte macht) einerseits und der zunehmenden Aufweichung und Auffächerung des Begriffs (als Beispiel nennt er den Enthusiasmus für “Erlebnisdesign”) andererseits, zu befreien. Tatsächlich aber lassen sich die drei Fragen Saids durchaus auch auf den Bereich des Markendesigns anwenden – und führen im besten Fall dazu, dass Unternehmen nicht nur glaubhaft auftreten, sondern auch glaubhaft werden.

Branded Interaction Design (BIxD) – die Gestaltung von Markeninteraktion in digitalen Medien – baut auf ebendiesen Fragen auf: “Für wen” ist die (ernsthafte) Frage nach dem Nutzer, der nicht mehr nur als “Konsument” oder Teil einer “Zielgruppe” gesehen wird, sondern als Interaktionspartner mit sehr vielfältigen und individuellen Ansprüchen. “Unter welchen Umständen?” ist die komplexe Frage, die einerseits den Markt, andererseits aber auch das kulturelle und gesellschaftliche Umfeld, die technologische Entwicklung und diverse andere Rahmenfaktoren berücksichtigen muss – eine Frage, die u.U. Auswirkungen bis auf den Kern eines Unternehmens – das Busines Modell hat. Und die Frage nach dem “Wer?” ist die Frage nach dem Absender. Sie scheint auf den ersten Blick die einfachste: das Unternehmen, bzw. die Marke. Wer aber ist das Unternehmen? Wer gibt die Marke vor zu sein? Wer oder was gibt der Marke ein Gesicht? Und wie passt das alles zusammen?

Die Fragen nach Marke, Nutzer und Business stehen im Zentrum von Branded Interactions – und damit auch im Zentrum unseres gleichnamigen Buches. Sie sind konkret anwendbar in der alltäglichen Markenführung. Konsequent weitergedacht verweisen sie aber immer auch auf einen weiteren Kontext, auf gesellschaftliche, politische, technische und ökologische Zusammenhänge. Die Menschen erwarten diese Bezugnahme: kein Unternehmen agiert im luftleeren Raum. Daher braucht es seitens der Unternehmen eine transparente Offenlegung der geschäftlichen Interessen. Im besten Falle kann man als Unternehmen dann gemeinsam mit den Kunden sein Produkt oder seine Dienstleistung weiterentwickeln. Alternativlosigkeit wird hingegen nicht mehr akzeptiert. Wenn die etablierten Unternehmen nicht mehr glaubwürdig sind, werden neue Alternativen entwickelt: Plattformen für Crowdsourcing wie Kickstarter erlauben es, Start-ups ihre Ideen vorzustellen und Menschen als Sponsoren zu gewinnen. Das funktioniert noch nicht für alle Produkte und Branchen gleich gut. Aber der Mut und das Selbstbewußtsein der »Crowd« wächst, wie die stetig wachsende DIY-Bewegung oder politische Initiativen wie die Piraten zeigen. Marken sind gut beraten, sich dem nicht entgegenzustellen.

Links:
Branded Interaction Design (BIxD) bei think moto: http://www.thinkmoto.de/thinking/
Die Website zum Buch “Branded Interactions – Digitale Markenerlebnisse planen und gestalten”

Branded Interactions liegt derzeit beim Buchbinder und wird nun in wenigen Tagen erscheinen. Einige Vorab-Exemplare gab es bereits auf der Buchmesse zu sehen und auch die Fachpresse hat zum Teil schon das Buch bekommen. Infolge dessen ist bereits in der form (Ausgabe 244, Nov/Dez 2012) eine ganzseitige Rezension unter dem Titel “Branded Interactions – An Insider Guide for Digital Creatives” erschienen. Wir freuen uns sehr über die gute Besprechung. Prof. Stefan Wölwer schreibt:

Marco Spies hat ein wichtiges Buch geschrieben. Titel und Inhalt von “Branded Interactions” tragen endlich der Tatsache Rechnung, dass sich Markenentwicklung uns -Kommunikation im digitalen Zeitalter schon seit vielen Jahren grundlegend verändert haben. [...] “Branded Interactions” sollte in keiner Agentur, bei keinem Kunden und in keiner Hochschule fehlen. Das Buch erklärt das umfassende Thema zeitgemäßer Markenentwicklung und -führung auf sehr ansprechende Weise und wird sicherlich auch weitere Fachpublikationen zum Thema provozieren. Dadurch wird es dem Wesen des Interaction Design nur gerecht, da es nicht fertige, unverrückbare Werke und Erkenntnisse beschreibt, sondern den Prozess führt und begleitet und damit Vorbild ist gelungene “Branded Interactions”.

Prof. Stefan Wölwer in: form 244

Auch das neue Design-Magazin GRID von Chefredakteur Gerrit Terstiege und Editorial Designer Mario Lombardo macht in seiner Erstausgabe “Strategisch kommunizieren im Web” zum (Titel-)Thema. In einem mehrseitigen Artikel beschreibt Marco seine Thesen zum Wandel des Gestaltungsprozesses und der neuen Rolle von Designern und Kunden in der Markenkommunikation. Die spannende erste Ausgabe der GRID mit weiteren Beiträgen von Erik Spiekermann, Gui Bonsiepe und Oliver Grabes erscheint am 6. November und wird morgen im Gestalten Space der Öffentlichkeit vorgestellt.

Das Buch Branded Interactions ist Anleitung, Hilfe und Inspiration für all jene, die mit der Gestaltung von Interaktiven Anwendungen für Marken befasst sind, vom freiberuflichen Einzelkämpfer, über Produkt- und Markenmanager in Unternehmen bis hin zu strategischen Planern, Konzeptern und Designern, die in einem größeren Agenturteam an internationalen Markenauftritten arbeiten. Das Buch führt durch den Prozess und die Methoden des Branded Interaction Design und enthält 10 Interviews mit Experten der Branche, 150 Diagramme, Musterformulare und Piktogramme und ca. 150 vierfarbige Abbildungen zu Fallstudien, sowie eine 10-seitige Klapptafel mit Regeln für gute Branded Interactions zum Heraustrennen.

Marco Spies: Branded Interactions – Digitale Markenerlebnisse planen & gestalten
362 Seiten, durchgehend mit 3 je Kapitel verschiedenen Sonderfarben gedruckt, Design: Katrin Schacke, Format 20 x 26,5 cm, fadengehefteter Festeinband, mit UV Lackierung und geradem Rücken
Hermann Schmidt Verlag Mainz, 2012. ISBN 978-3-87439-830-5

Mehr zum Buch – und erste Einblicke – gibt es unter www.brandedinteractions.de

Das Thema Responsive Design wurde auf Brandnewthinking.de bereits aus unterschiedlichen Perspektiven besprochen. Vom Mobile First Ansatz über die Diskussion native vs. web, bzw. Apps oder Web Apps bis hin zu technischen Aspekten oder aus UX-Sicht.

Für viele Webdesigner ist das Thema ein alter Hut, aber die Überraschung bei Menschen, die nicht so tief im Thema sind, wenn sie eine wirklich gut funktionierende responsive Seite sehen, ist immer noch groß und so scheint das Thema aktuell genug, um einmal die wichtigsten Online Artikel zusammenzustellen.

BASICS

Responsive Webdesign mit HTML5 und CSS3 – Grundlagen

Allein die Vielzahl zu bedienender Bildschirmauflösungen, die bei weitem nicht mehr nur ein Minimallayout sinnvoll erscheinen lassen, will künftig mit bedienbaren Designs bestückt werden. Auch die Ansprüche an Funktionalität der Websites auf mobilen Geräten steigen. Das korrespondiert mit den Möglichkeiten der Geräte.

Guidelines for Responsive Web Design by Smashing Magazine

Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course.

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

Responsive Web Design by Ethan Marcotte

“Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts. That’s not to say there isn’t a business case for separate sites geared toward specific devices; for example, if the user goals for your mobile site are more limited in scope than its desktop equivalent, then serving different content to each might be the best approach.”

Responsive Typography: The Basics by Oliver Reichenstein

“When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. Used to. Until recently, screen resolution was more or less homogenous. Today we deal with a variation of screen sizes and resolutions. This makes things much more complicated.”

Designing for a Responsive Web with Heuristic Methods by Design Reviver

“Sites that look different for different users depending upon their screen size are not a new thing, mobilesites have been around for years, but responsive design proposes something else entirely, designs which scale to anything from a iPhone right up to a 52″ high definition television screen.”

2 Indispensable Elements of Excellent Mobile Responsive Design by studiopress

It’s the idea that you are not building a web “page” anymore but rather a “network of content” that can be arranged and displayed to show it off in the best way possible, no matter where it is being viewed.

Responsive Logo Design by Anthony Calzadilla

As the content area and device capabilities increase, designers are justified in adding additional details to the logo graphic itself.

The top responsive web design problems … and how to avoid them! by net magazine

One of the things many designers are struggling with is how to explain to clients that there isn’t really a ‘visuals stage’ any more. Responsive design is a much more fluid process and wireframing, sketching and prototyping are typically more powerful tools.

A better way to explain responsive design is to actually show a client what it can do. Don’t just talk about breakpoints and media queries and multi-device functionality – it’s easy to forget how meaningless these terms can be, even if some of them sound very obvious.

This is responsive

Patterns, resources and news for creating responsive web experiences.

Improving Your Responsive Workflow with Style Guides by Luke Brooker

Think of it as a universal system with a consistent experience design.

NATIVE VS. WEB

Separate Mobile Website Vs. Responsive Website By Brad Frost

The US presidential race is heading into full swing, which means we’ll soon see the candidates intensely debate the country’s hot-button issues. While the candidates are busy battling it out, the Web design world is entrenched in its own debate about how to address the mobile Web: creating separate mobile websites versus creating responsive websites.

Which One: Responsive Design, Device Experiences, or RESS?

As more organizations realize they need to invest heavily in multi-device Web designs, the inevitable question of “how” comes up. Responsive Web design, separate sites, or something in between?

BEST PRACTICE BEISPIELE

MediaQueries.es

A collection of inspirational websites using media queries and responsive web design. Curated by Eivind Uggedal.

BBC TV Channel Homepages: Responsive Design by Ste Everington

Navigation varies across devices more than anything else. For example, the use of a back button across Android and iOS devices – Android includes a global back button as part of its hardware, whereas iOS only ever has software back buttons.

Adhering to all the different UI patterns across devices, from the hierarchy to the position of the navigation, would make it very difficult to achieve a consistent BBC experience across all devices – not to mention any new devices that may come out in the future.

25 Beautiful Responsive Web Design Examples for Inspiration

Responsive web design is the practice of enhancing the experience of the user by adapting the web page layout to the device he or she is using when accessing the site. There are several ways to create a responsive web design, media queries being the standard technique.

UX AND RESPONSIVE DESIGN

Design, User Experience: Wireframing for responsive Design by Leigh Howells

We now have to design and think responsively. Our layouts and our pages need to gracefully fit the device they are being viewed on. Whilst they don’t necessarily have to be perfect in all browsers across all devices, they do have to look good and present a better user experience when compared to pinching and zooming a mobile browser rendering our pages at desktop size. With statistics on mobile browsing indicating that more people will soon be accessing the web from mobile than from desktop, we have to think carefully right from the beginning of any new site we design.

Multi-Device Layout Patterns

Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we’re not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.

Responsive Design Template for Axure

An easy to use tool that helps design a responsive project with a few breakpoints in mind while allowing you to constantly examine the design on different devices.

FLEXIBLE / FLUID GRIDS AND LAYOUTS

Designing With Grid-Based Approach by  Smashing Magazine

“The main idea behind grid-based designs is a solid visual and structural balance of web-sites you can create with them. […] In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way.”

Five steps to gettin’ flexy in responsive web design by net magazine

The idea of ‘common breakpoints’ is a lie and chasing after them is, as we like to say in Texas, “spittin’ into the wind.

Golden Grid System

A folding grid for responsive design.

Glücklich sind unsere Kunden auch über unseren ersten Projektmanager Andreas Stolz. Andreas studierte Betriebswirtschaft in Köln und Budapest und war zuletzt bei different Strategieagentur.

Wir freuen uns, dass ihr dabei seid!

Endlich gibt es LernCoachies in the Box auch für iPhones, Android tablets und Android smartphones! Nach der positiven Resonanz zur Whiteboard und iPad-Version konnten wir nun das Spiel zur Online-Lernplattform des Cornelsen Schulbuch Verlags für weitere Plattformen und Geräte umsetzen.

LernCoachies in the Box kam schon auf der Didacta-Messe 2012 als Whiteboard-Version nicht nur bei den SchülerInnen gut an: Gegen Ende des Messetages waren es vor allem Erwachsene, die sich ins Zeug warfen, um möglichst viele Coachies einzusammeln.

Für den Sommer brachten wir die iPad Version in den Store, sodass LernCoachies in the Box mit den SchülerInnen in die großen Ferien gehen konnte. Manche meinen, das Spiel sei mit seinen vier Levels zu schnell durchgespielt. Viele Schüler spielen die Levels des Reaktionsspiels aber immer wieder durch, um immer mehr Coachies zu fangen.

Während wir wie wild LernCoachies in the Box gespielt haben, um die Android-Versionen zu testen, kamen uns schon wieder viele neue Ideen für spannende Levels, wobei einige der besten von unserer 9-jährigen Hobby-Testerin Carla kamen.

Die physics engine Box2D (die zB auch für Angry-Birds verwendet wird) macht unsere Ideen möglich: Sie gibt der Coachie-Welt ihre Schwerkraft und steuert die Bewegung beim Fallen, Auftreffen und Abprallen der Coachies. Die reale Physik macht jeden Spieldurchgang einzigartig und sorgt somit dafür, dass das Spiel nie langweilig wird. Diese Verbindung aus echter Physik und der Welt der Coachies macht das Spiel und das Entwickeln der Levels für uns so spannend. Und wie gefällt es euch?

Jetzt runterladen und Coachies fangen: LernCoachies in the Box gibt es kostenlos im App Store für iPad, iPhone und iPod Touch unter http://bit.ly/NED59o und im Google Play Store für Android smartphones und tablets unter http://bit.ly/QokzlK.