Wir öffnen unsere Tore! Diesen Donnerstag (9.2.2012) steht unser Büro den ganzen Tag für Kollegen, Kunden, angehende Gestalter und Designinteressierte offen.

Und nicht nur das: um 11 Uhr, 14 Uhr und 16 Uhr haben wir Präsentationen vorbereitet. Sie erzählen von den Vorgängen hinter den Kulissen von Projekten wie dem ZNT im Deutschen Museum, von Methoden des Interface Design und von unserer ganz persönlichen Entstehungsgeschichte.

Wo? In der Morassistraße 18 (Rückgebäude) in 80469 München.

Dieses Open Studio findet im Rahmen der Munich Creative Business Week statt. Die MCBW bildet auch den Kontext für unsere zweite Veranstaltung: die decoded@MCBW. Die dreitägige Konferenz bietet einzigartige Einblicke in die Beziehung von Kreativität und Geschäftsleben. Tickets sind noch verfügbar.

Flat hierarchies become more and more popular recently, especially in the realms of design and software development. One particular consequence of this appears to be an increase in discussions and exchange of opinions in many situations. While this approach has its upsides, it can also cost valuable work time as well as create tensions within a multidisciplinary team.

As for pirates, they’re a little like these multidisciplinary teams of professionals we enjoy to work in: Differing skills, sharing the will to achieve something and united by the fact that they act outside of common rule sets and will all be equally persecuted for being part of the pirate crew.

Now imagine what would happen if every pirate insisted on their very own opinion where to sail to, or what booty to chase, or only how much rum to be given today. Not much except for long hours of discussion. And the same can be observed with project teams in loose hierarchies.

While the unity and self-determination of the team is one of the essential principles e.g. of Scrum, which we’ve read about here recently, it also creates a problem. Democracy is noble and valid by valuing every single member of a group. But it’s got a weak spot and that’s quick decision processes. When everybody has the possibility to give their opinion, everybody will do so. A set of confident personalities, set up as self dependent democracy will produce elaborate results, but only for a few problems. Eventually some egos will be hurt as well.

In my experience, flat hierarchies are very motivational but lack a moderator to force decisions. This leader must not necessarily be defined as superior boss. He may be part of the team only his profession not being a cannoneer, UI designer or back-end developer but a moderator and decider. Arrrr.

Es ist wieder soweit. Die neue Januar/Februar-Ausgabe des WEAVE Magazin ist erhältlich. Dabei widme ich mich auf Seite 94 einem wichtigen Bestandteil eines jeden User Interfaces. Dem Text.

Was muss ich bei der Beschriftung von UI Elementen beachten? Welche Arten von Meldungen gibt es und wie formuliere ich diese so benutzerfreundlich wie möglich? Dazu habe ich zu Beginn ein kleines Experiment aufgestellt und alle textuellen Inhalte des WordPress-Backend entfernt. Stellt sich nun die Frage, wer kann das noch bedienen? Wie kann ich z.B. den Blogpost an einem gewissen Datum veröffentlichen? Fast unmöglich, ohne die Hilfe des Textes. Nur Umrisse der UI-Elemente und Icons können noch einen groben Anhaltspunkt liefern, sofern der Benutzer mit WordPress bereits vertraut ist.

Mehr zum Thema gibt es wie bereits erwähnt in der neuen WEAVE. Zum Artikel gibt es noch eine Linkliste mit relevanten Seiten zum Thema Text im UI sowie eine kompakte Checkliste, die jeder bei der Umsetzung eines User Interface Textes einmal durchgehen sollte.

Jedes Jahr finden im Herbst über 400 Kreative ihren Weg zur decoded conference nach München. Im Rahmen der Munich Creative Business Week wird nun von 08. – 10. Februar die Fachkonferenz decoded@mcbw in der BMW Welt München veranstaltet.

Unter dem Motto »Discover Interactive Opportunities« richten sich die Organisatoren dieses mal an Manager und Unternehmer, die über drei Tage hinweg exklusive Einblicke in digitale Trends der interaktiven Branche erhalten. In 15 Vorträgen stellen 17 Experten aus den Bereichen Design, Entwicklung, User Experience und Marketing ihre Projekte und Arbeitsweisen vor. Einen Überblick über das Programm gibt es hier.

Unter den Sprechern finden sich unter anderem namhafte Vertreter von Branchenführern wie Google, Adobe Systems, BMW, DATEV oder BurdaYukom (Sprecherübersicht). Das Ambiente der BMW Welt München liefert dabei einen würdigen Rahmen. Dabei wurde die Teilnehmeranzahl exklusiv auf 110 Besucher limitiert. Seien Sie dabei, wenn wir einen Blick auf neue Strategien und Trends werfen.

Beschäftigt man sich mit dem Design eines Software-Interfaces, machen die UI-Patterns einen wesentlichen Teil der Gestaltung aus und um diese zu definieren, ist der erste Schritt nahezu immer derselbe: »Wie machen das denn die anderen?«

Vorbilder hierzu gibt es reichlich, immerhin begegnen einem die verschiedensten Module – kaum bewusst wahrgenommen – tagtäglich, wo immer man klickt und scrollt. Und sollte die Inspiration noch ein wenig mehr Starthilfe benötigen, so bieten unzählige Seiten einen reichen Fundus an vorgefertigten UI-Bauteilen zur freien Verfügung.

Einmal großzügig bedienen, etwas aufhübschen und fertig ist ein weiteres elegantes Interface, konventionell und einfach (da gelernt) zu bedienen.

Alt(bekannt) ist immer besser

Während man nach einem solchen Vorgehen andernorts von einem simplen Abklatsch, im schlimmsten Fall sogar von einem Plagiat, sprechen würde, ist diese Arbeitsweise im interaktiven Sektor vollkommen legitim. Denn die Vorteile liegen auf der Hand:

Das höchste erklärte Ziel der Interfacegestaltung ist es, die Bedienung einfach, schnell und intuitiv zu gestalten. Und das erreicht man nun mal am sichersten, indem man den Benutzer nur mit bereits Bekanntem konfrontiert. Was der Bauer kennt, frisst er und wenn der Button einen Pfeil beinhaltet, erwartet man ein Dropdown-Menü.

Die Anforderung, an Konventionen festzuhalten, geht sogar soweit, dass das bewusste Kopieren der Konkurrenz nicht nur nicht verpönt ist, sondern tatsächlich ausdrücklich erwünscht wird. So kann man sich sicher sein: wenn das Interface am Ende dem eines bereits erfolgreichen Produkts ähnelt, hat man eine hervorragende Argumentationsgrundlage gegenüber dem Kunden und wird nur in den seltensten Fällen auf Widerstand stoßen.

Die Angst vor neuen Richtungen

Das Gestalten nach dem Strg-C-Prinzip bringt aber nicht nur Vorteile mit sich. Eine Konvention, die sich einmal etabliert hat, wird weitergetragen – ohne dass jemals ihr Sinn hinterfragt oder nach Alternativen gesucht würde.

Ein aktuelles Beispiel, dass es auch anders geht, liefert an dieser Stelle Mac OS X Lion mit seinem invertierten Scroll-Verhalten. Die zu Beginn definierte Scroll-Richtung stammt aus einer Zeit, in der Trackpads noch Science-Fiction waren und so gesehen machte sie damals metaphorisch durchaus Sinn. Doch die Dinge haben sich geändert, ein Trackpad mit Scroll-Funktion gehört zur Standardausstattung eines jeden Laptops und eine tatsächliche metaphorische Übersetzung des analogen ‘ein Blatt verschieben’ zum digitalen Scrollen wäre theoretisch endlich umsetzbar – herangetraut hat sich an dieses Thema jedoch niemand. Zu groß ist die Angst, den Nutzer in einer solch elementaren Funktion zu verwirren. Apple wagte mit seinem neusten Betriebssystem nun schließlich den Sprung und tatsächlich dauert die Umstellung auf das neue System trotz jahre- teilweise sogar jahrzehntelanger Konditionierung nur wenige Tage. Und genau hier wird deutlich, wie das Festhalten an Konventionen und der krampfhafte Versuch, die Lernkurve für den Nutzer so niedrig wie möglich zu halten, die Weiterentwicklung der Interfacegestaltung vollkommen lähmen kann.

Mut zur Freiheit

Natürlich ist es auch keine Lösung, das Rad immer wieder von Grund auf neu zu erfinden. Auf dem bereits Gelernten aufzubauen ist unabdingbar, um eine einigermaßen schnelle Einarbeitungsphase zu gewährleisten.

Aber möglicherweise muss der Weg ja weder Schwarz noch Weiss sein. Während des Studiums wird man sehr darin bestärkt »Out of the Box« zu denken und so unkonventionell zu überlegen wie möglich, frei nach dem Motto »Zurückschrauben geht immer«. In der wirklichen Welt bleibt dafür bei knappen Budgets und engen Zeitplänen leider kaum noch die Zeit. Aber vielleicht findet man ja gelegentlich ein kleines Fenster, um sich mal wieder aus all dem Altbewährten zu lösen. Und mit ein wenig Abstand und dem nötigen Mut zur Freiheit stößt der eine oder andere möglicherweise auf seine ganz eigene neue Scrollrichtung – und die Konvention von morgen.

Seit einigen Tagen ist die neue WEAVE 06.11 am Kiosk erhältlich. In der neuen Ausgabe haben wir wieder einige Inhalte beigesteuert. Besonders hervorzuheben ist das generative Coverdesign von unserer Mitarbeiterin Cora Droysen.

Mehr Infos über das Cover-Konzept findet sich auch im Magazin auf Seite 8. Ein paar Seiten danach (74) erklärt Philipp Sackl in einem Tutorial, wie man mit Hilfe von Processing und Mathematik auf ästhetische Endergebnisse kommen kann. Zusätzlich haben Markus Jaritz und Thomas Gläser fünf verschiedene Unternehmen (Google, Mutabor, precious, UID, WHITEvoid) aus dem interactive Bereich nach ihren Designprozessen und dem generellen Sinn von prozessorientiertem Design gefragt. Die Resultate finden sich auf Seite 98.

Die WEAVE ist an jedem gut sortierten Kiosk erhältlich. Ein Probe-Abo gibt es hier.

Werden wir mit einem Redesign einer Benutzeroberfläche beauftragt, dann fragen wir immer zuerst nach vorhandenen Designs oder Styleguides an denen wir uns orientieren können.

Besteht ein durchgängiges Corporate Design (CD), ist dies für uns der Maßstab für das User Interface (UI). Das Design soll die ästhetischen Vorgaben des Markendesigns konsequent wiedergeben und dadurch die Marke stärken. Dabei ist ist es gleich, ob es um eine Medieninstallation oder eine Benutzeroberfläche geht.

Zum Teil werden wir bei der Entwicklung mit UI-Styleguides konfrontiert, die speziell für dieses eine User Interface entwickelt wurden. Doch oft sind diese meilenweit von der Corporate Identity entfernt und wirken, als ob beim Verfassen des Styleguides mehr Motivation vorhanden war, als bei der Ausarbeitung von ästhetischen und adäquaten Designvariablen für die Benutzeroberfläche.

Markendesign ist Diktatur
Dabei sind Styleguides an sich eine essentielle Größe im Corporate Design. Ist die Marke erst einmal in all ihren Facetten formal beschrieben wird sie so schnell nicht mehr geändert (»Never touch the logo!«). Der Nutzen von Corporate Design ist unbestritten. Stärkt dieses doch den Wiedererkennungswert und visualisiert die Marke über die verschiedensten Medien hinweg.

Der Styleguide ist das zentrale Dokument, welches alle Gestaltungsparameter  wie Farben, Schriften, Abstände, Größen und Relationen beschreibt und zentral zusammenhält. Kreativität ist gut, doch bei der Umsetzung von markenkonsistenten Designs unerwünscht.

Die aufgeweichte Brand im User Interface
Doch gerade im Kontext interaktiver Applikationen beobachte ich immer wieder Designs für Business-Anwendungen und -Portale, die auf der einen Seite die Corporate Styleguides mit Füßen treten und andererseits in ihrer gestalterischen Qualität nicht überzeugen. So kann eine Marke Schritt für Schritt aufgeweicht werden wie Cornflakes, die stundenlang in der Milch schwimmen.

Wie kann es dazu kommen? Eine Erklärung wäre, dass sich die meisten Corporate-Styleguides klassische Medien fokusieren und zum Beispiel Geschäftspapiere wie das Briefpapier bis ins Detail beschreiben. Geht es um interaktive Medien, beschränken sich diese Beschreibungen meist auf die Firmen-Website. Mobile Apps, Desktop-Applikationen und Online-Portale werden dabei oft nicht beachtet.

Ein anderer Grund ist, dass unsere Branche des User Experience Designs noch zu jung ist und wir mit Benutzeroberflächen konfrontiert werden, die teilweise noch von der Programmier-Abteilung einfach auf Basis von Standard-Vorlagen aus Software-Frameworks wie Flex oder Silverlight gebaut wurden.

Es ist die Aufgabe von uns User Experience Designern, das wir Benutzeroberflächen gestalten die einerseits den Bedürfnissen der Benutzer gerecht werden, aber gleichzeitig auch die Markenwerte transportieren.

Styleguides für Corporate User Interfaces
Im Prinzip sind Styleguides ein gutes Mittel zur Kommunikation der grundlegenden Gestaltungsrichtlinien für jegliche Anwendung. Auch User Interface Styleguides bilden da keine Ausnahme – nur sollten sich diese am Corporate Design der Marke orientieren.

Selbst wenn das Interface zu einer Eigenmarke wird wie z.B. BMW iDrive, das multimediale Navigationssystem des bayrischen Automobilkonzerns, kann es sich zumindest visuell in Teilen von der Dachmarke ableiten. Nur so kann eine Markenkommunikation auch konsistent weitergeführt werden.

Der Corporate User Interface Styleguide sollte dabei aus weit mehr als nur Farbe und Schriftart bestehen. Es geht vor allem um die Beschreibung…

• eines durchgängigen Gestaltungsrastern für Interface-Layoutvarianten
• von definierten Größen, Abstände und Relationen von User Interface Elementen
• verschiedenen Zustände (Button Hover, Button Pressed, etc.)
• einer konsistente Icon-Sprache
• wiederkehrende Gestaltungselementen im Gesamtkontext der Anwendung
• eine passenden und schlüssige Szenografie aller „Interface-Darsteller“

Das reine Design einer Benutzeroberfläche bleibt dabei natürlich nur die eine Seite der Medaille. Zu einer guten User Experience gehört grundlegend ein funktionales und für den Benutzer einfach verständliches Interface. Die visuelle Erscheinung einer Anwendung ist zwar das erste, was der Benutzer sieht und was Kunden zuerst fordern, doch das „Schweinchen schminken“ reicht natürlich nicht. Aber das ist eine andere Geschichte…

We are are offering an internship position for an Interaction Designer for 6 months starting in March 2012! Just send us your application (Website or PDF) until the end of January 2012. For further details see the whole job description in German:

6 Monate Praktikum als Interaction Designer
(ab März 2012)

Wir sind
ein Münchner Studio für User Interface und Interaction Design. Wir gestalten und konzipieren Benutzeroberflächen für Software und interaktive Medieninstallationen für Messen und Museen. www.envis-precisely.com

Wir bieten

• Einblick in alle Bereiche des interaktiven Designprozesses von Konzeption bis zur prototypenhaften Umsetzung (Skizzen, Wireframes, Mock-Ups…) und fertigem User Interface
• verantwortungsvolle Aufgaben und Mitentscheidungsrecht
• ƒKontakt zu Kunden, Lieferanten und externen Kräften
• ƒjunges Team mit viel Freude an der Arbeit

Du kannst

• deine kreative Ideen einbringen und prototypisch umsetzen
• selbstständig und strukturiert arbeiten
• ƒProbleme lösen und Verantwortung übernehmen
• ƒklassische Werkzeuge wie Photoshop & Illustrator anwenden
• ƒGrundkenntnisse in der Programmierung vorweisen (z.B. Processing, AS3, objectiveC)

6 Monate Praktikum als Interaction Designer
bei envis precisely ab September 2011

Wir sind
ein Studio für Interface- und Interaction Design in München. Wir gestalten all das was ein Benutzer sieht, hört oder fühlt, wenn er mit einem Produkt interagiert – egal ob dieses Produkt ein UI, eine mobile App oder eine interaktive Installation ist.
www.envis-precisely.com

Wir bieten
- Einblick in alle Bereiche des Designprozesses von Konzeption bis zur prototypenhaften Umsetzung und fertigem Interface
-ƒ verantwortungsvolle Aufgaben und Mitentscheidungsrecht
- ƒKontakt zu Kunden, Lieferanten und externen Kräften
- ƒjunges Team mit viel Freude an der Arbeit

Du kannst
- ƒdeine kreative Ideen einbringen und prototypisch umsetzen
- selbstständig und strukturiert arbeiten
- ƒProbleme lösen und Verantwortung übernehmen
- ƒklassische Werkzeuge wie Photoshop & Illustrator
- ƒGrundkenntnisse in der Programmierung vorweisen (z.B. Processing, AS3, objectiveC)

I‘m proud to say that there is a new issue of WEAVE magazine out there. This time myself and our electronic guru Chicco contributed an article about the possibilities of the Tinkerbox.

The Tinkerbox describes all elements for your Arduino Tinkering activities. We grouped all 74 elements into categories like tools, material, input (digital/analog) and output (digital/analog) and rated them from basics to useful and nice to have. If you want to find out more about the Tinkerbox grab yourself a WEAVE.

The new issue also features some cool content from authors like Cedric Kiefer, Jens Franke, Danny Franzreb, Stefan Wölwer and precious forever. It‘s worth buying…

Despite the avalanche of projects that is currently rolling over us, we had to take some time yesterday to celebrate our own Birthday. The Birthday of envis precisely. We founded our company  in 2009 on a sunny Monday morning which happened to be the 26th of January. It has been only two years, but we feel like we have been working together for a much longer time. I think that this feeling arises from the diversified experiences we made in the last 24 months.

If someone would have told us, that we will do interactive stuff for BMW, Deutsches Museum, Ravensburger and EnBW (just to name a few), we probably would have said something like:»Oh, come on. Really?«

If someone had added things like: You guys will be writing many articles for WEAVE magazine, teaching young interaction designers at the university in Schwäbisch Gmünd and lead your own workshops for generative design?

»Aha…«

envis precisely will have its own design conference called decoded (together with Reppa.Net) and you will have our own office in the heart of Munich working together with staff, freelancers and partners.

We would have said:»Stop kidding us.«

But all this things happened to envis precisely and it feels like a dream came true.

After this first two exciting years for envis precisely, we want to thank our families, friends and people who supported us from the early days on. We are extremely happy and looking forward to a prosperous future.

Let‘s rock!

The new year has just started and already a new WEAVE is out!

This time, we contributed an article on storytelling and its importance for interface- and interaction design. Stories are essentially causal connections – the very thing that our brain uses to memorize things. Therefore they play an important role in almost every step of the design process.

Besides, we also teamed up with the publishers of WEAVE and PAGE to bring you a full day of hands-on training in processing and generative design. The workshop will take place in Hamburg on the 10th of June. You can sign up on this page (German).

Once again, a new issue of the design magazine WEAVE has arrived. And once again we contributed an article. It is titled »Dr. Trend & Mr. Hype«. We examine trends, our habit to make forecasts and how we are trying to order the chaotic world around us. So if you’re in the German speaking part of Europe, make sure to grab a copy! The magazine has posted some further information about the article on it’s website.

The whole design concept of the decoded conference is based on a graphic coding of words. The code creates generative forms which represent the name of the speaker, mottoes or any text you want.

The visual coding concept consists of few specified rules for each single letter. The basic geometrie is based on a triangle, each corner stands for a letter within the prompted word. All characters are located on a specific angle of a circle depending on the last position. Triangles are always built on two existing corners together with the currently created vertex. Furthermore this means that new triangles always have a same side with the previous triangle. For shaping the generative appearance the triplets of letters are therefore more important than single letters.

Color and shapes are based on the letter frequency in german. The letter »E« (17,4%) occurs more often then the a »Q« (0,02%) for example. For this purpose the guiding principle is, that less frequent letters need a more noticeable graphical change. Coming back to our example the »Q« has a more saturated color than the »E« which is setting an emphasis within the whole generative structure.

If you want, you can try to type in your own name:
http://decoded-conference.com/generator