Ihr Input ist uns wichtig. Deshalb rufen wir die Aktion „Gut kommentiert!“ ins Leben und prämieren hochwertige Kommentare und Anmerkungen von Lesern des //SEIBERT/MEDIA-Blogs! (Ja, wir haben die Idee ein bisschen im Design-Tagebuch bei Achim Schaffrina abgeguckt.)

Natürlich freuen wir uns, dass Kunden, Interessenten, Leser und Mitarbeiter auch jetzt schon immer wieder Artikel durch konstruktive Anmerkungen aufwerten. Das möchten wir weiter fördern und noch mehr Kommentare generieren, die wertvolle Ergänzungen zu unseren Fachbeiträgen bilden: Lassen Sie uns Ihre Meinung zu interessanten Entwicklungen, Trends und Technologien wissen, die wir an dieser Stelle drei Mal pro Woche thematisieren!

Und wir sind gerne bereit, einen kleinen Anreiz dafür zu schaffen: Ende September stellen wir nach einer qualitativen Vorauswahl die zehn unserer Meinung nach besten bis dahin neu eingegangenen Kommentare hier im Blog für Sie zusammen. Bei der Auswahl behalten wir uns vor, zwei Kommentare von unseren Kunden und einen Kommentar von einem //SEIBERT/MEDIA-Mitarbeiter zu nominieren.

Entscheiden, wer das iPad gewinnt, tun jedoch allein Sie. Wir geben Ihnen die Möglichkeit, diese Beiträge über eine Umfrage auf unserer Facebook-Fanpage zu bewerten. Wenn uns bis dahin nicht noch etwas besseres einfällt, wird das einfach eine Meldung auf der Fanpage sein. Als Stimmen zählen dann Ihre Kommentare. Jeder kann beliebig oft kommentieren, es wird aber nur die letzte Stimme gezählt.

Dem Gewinner mit den meisten Stimmen winkt ein nagelneues iPad von Apple!

Abb.: Der Lohn für Ihren guten Kommentar (Bild-Quelle: apple.de)

Warum wir ein Gewinnspiel veranstalten

Warum machen wir das eigentlich? Aus mehreren Gründen: Zunächst sind wir an Ihrem wichtigen Feedback interessiert. Der Blog ist einer unserer wichtigsten Kommunikationskanäle und ein bedeutendes Vertriebsinstrument, das wir ständig optimieren und inhaltlich weiter verbessern möchten. Dafür eignen sich, wie wir meinen, fachliche Diskussionen mit unseren interessierten Lesern, die oft selbst eine große Expertise auf dem Gebiet der Unternehmenskommunikation mitbringen, bestens.

Zweitens ist uns freilich auch daran gelegen, unsere Reichweite zu vergrößern und mit einem Anreiz weitere Interessenten, Leser und Abonnenten zu gewinnen. Drittens ist in unserem eigenen Unternehmen viel, viel Spezial-Know-how vorhanden. Also wollen wir auch unsere Mitarbeiter motivieren, sich an der Außenkommunikation zu beteiligen und sie somit qualitativ zu verbessern. Und nicht zuletzt, da sind wir ganz ehrlich, sehen wir rege diskutierte Artikel einfach lieber als Beiträge, die zwar von vielen Leuten gelesen werden, aber ohne Feedback bleiben.

Wir sind gespannt, wie die Aktion „Gut kommentiert!“ anläuft und wir freuen uns auf Ihre Anmerkungen und gerne auf weitere Aktionen dieser Art. Also:

Selbst kommentieren, Ende September den wertvollsten Kommentar wählen und mit Ihrer Meinung ein iPad gewinnen!

Weiterführende Informationen

Rückblick: Die Themen des Jahres im //SEIBERT/MEDIA-Blog
Presseecho: Wiesbadener Kurier greift //SEIBERT/MEDIA-Blog-Artikel auf
Auswirkungen eines Gast-Blog-Artikels bei TechCrunch
Blog-Artikel im Corporate Weblog: Von der Ideenfindung zur Veröffentlichung

Teilnahmebedingungen: Veranstalterin des Gewinnspiels ist die //SEIBERT/MEDIA GmbH, Söhnleinstraße 8, 65201 Wiesbaden, Deutschland. Die Teilnahme am Gewinnspiel ist kostenlos und unabhängig vom Erwerb von Dienstleistungen. Teilnahmeberechtigt sind nur Personen, die das 18. Lebensjahr vollendet haben. Ein eventueller Gewinn ist nicht übertragbar und kann nicht ausgezahlt, aufgeschoben oder eingetauscht werden. Der Rechtsweg ist ausgeschlossen.

Ich gebe zu: Als ich dieses Tool zum ersten Mal gesehen habe, war ich ziemlich begeistert und beeindruckt und bin es immer noch. Die Wibiya-Toolbar ist eine tolle Sache für Websites und Blogs: Sie lässt sich leicht einbinden, ist – auch in Sachen Design – sehr gut anpassbar und bietet zahlreiche kostenlose Apps. Sie vereint viele wichtige (und weniger wichtige) Social-Media-Anbindungen in einer schlanken Lösung, ohne dass jeweils eigene Widgets und Teaser für Twitter, Facebook, YouTube etc. nötig sind. Nutzer können twittern und Inhalte auf der Facebook-Fanseite teilen, ohne die Website zu verlassen. Der Seiteninhalt kann durch große 3D-Galerien, Spiele, Live-Chats und andere interessante Anwendungen aufgewertet werden. Ein richtiges Allround-Talent!

Betrachten wir anhand der //SEIBERT/MEDIA-Websites, wie die Wibiya-Toolbar sich im Unternehmensumfeld macht und was sie bringt.

Funktionen und Anwendung

Die Installation der Wibiya-Toolbar ist denkbar einfach: Sie lässt sich mit einem ganz kurzen Snippet integrieren, das Layout ist vollständig anpassbar. Sowohl Farben als auch sämtliche Buttons können ausgetauscht und spezifiziert werden, alle Online-Portale und Inhalte, die //SEIBERT/MEDIA betreibt, lassen sich einbinden. Diese Elemente sind in unsere angepasste Toolbar integriert:

• universelle Suche über alle öffentlichen Sites mithilfe von Google Custom Search (derzeit mehrere tausend Seiten)
• Direktansicht der letzten Microblog-Nachrichten als Ausklappliste
• Direktansicht der letzten Weblog-Fachbeiträge als Ausklappliste
• Direktansicht der letzten Änderungen im neuen öffentlichen Wiki von //SEIBERT/MEDIA als Ausklappliste
• die Möglichkeit, jede Seite, auf der die Toolbar implementiert ist, bei Facebook mit „Gefällt mir“ zu bewerten
• eine einfache und schnelle Möglichkeit, die Inhalte via AddThis zu teilen
• ein Live-Chat via IRC über den Channel #seibertmedia
• eine Möglichkeit, die RSS-Feeds von //SEIBERT/MEDIA für Weblog, Microblog, Podcasts und öffentliches Wiki zu abonnieren
• eine Inline-Ansicht der Facebook-Fanpage von //SEIBERT/MEDIA mit der Möglichkeit, direkt Fan zu werden
• eine Inline-Ansicht des //SEIBERT/MEDIA-Twitter-Accounts und die Möglichkeit, ihm zu folgen
• ein kleiner Layer mit einer einstellbaren Nachricht, die darauf hinweist, dass eine Anfrage gestellt werden kann

Die Wibiya-Toolbar ist kostenlos, sofern man ein kleines Icon „Powered by wibiya“ akzeptiert. Für eine nicht gebrandete Version, wie wir sie verwenden, ist ein Premium-Account nötig.

Vorteile

Grundsätzlich ist die Wibiya-Web-Toolbar eine solide und ziemlich coole Sache, wie wir finden. Aus unserer Sicht sind diese Vorteile überzeugend:

• einfache Einbindung in beliebige Websites
• Integration aller //SEIBERT/MEDIA-Websites inkl. Landing-Pages
• endlich eine einheitliche Suche über alle Seiten und Inhalte (inkl. Anhänge)
• ein richtiges Überraschungsei mit mehr als einem Dutzend Funktionen in einer Leiste, die sich vollständig an vorhandene Design-Anforderungen anpassen lässt
• eine dezente, aber recht beeindruckende Demonstration unseres erfolgreichen Ansatzes, interessanten, hochwertigen Content zu produzieren und sich mehrere Kommunikationskanäle zunutze zu machen
• Promotion der RSS-Feeds und des Newsletters
• mehr Follower und Fans auf Twitter und Facebook
• mehr Interaktion mit den //SEIBERT/MEDIA-Kunden über einen sehr einfach zu bedienenden Live-Chat mit Web-Oberfläche
• geringe Kosten für eine ausgereifte Lösung

Nachteile

Freilich ist leider keine Software die eierlegende Wollmilchsau und es hat jede Anwendung auch die eine oder andere Schwachstelle. Diese Nachteile könnten mit der Integration der Wibiya-Toolbar einhergehen:

• Die Toolbar kann zu Usability-Problemen führen, wenn Nutzer nicht zwischen Navigation und Toolbar unterscheiden können.
• mögliche Ablenkung von den eigentlichen Inhalten der Seite
• Kosten in Höhe von immerhin 9,90 US-Dollar pro Monat für eine nicht gebrandete Version
• Ggf. sind die Icons zu aktiv und aufgesetzt.
• Mit vollem Funktionsumfang ist die Toolbar ziemlich überladen und wird aus Design-Perspektive zu einem Problem.
• Ein Element von einer fremden Website stellt immer ein gewisses Sicherheitsrisiko dar.
• Die Toolbar kann unter Umständen die Ladezeiten der Website negativ beeinflussen.
• Ohne Anpassung verfälscht die Toolbar einige Messungen von Google Analytics massiv (Absprungrate und Seitenzugriffe pro Besuch). Hier ist ein Fix nötig.

Fazit

Unserer Ansicht nach überwiegen die Vorzüge die Probleme. Die  Wibiya-Toolbar ist eine professionelle, ausgereifte, schlanke und vollständig anpassbare Lösung, die relativ wenig Aufwand und geringe Kosten verursacht – vor allem angesichts der Alternative, die oben aufgezählten Funktionen auf die klassische Weise mithilfe einzelner Teaser und Widgets abzubilden, die ja erstens alle gestaltet und implementiert werden müssen und zweitens eine Seite schnell überfrachten.

Sicherlich sind aber vor allem gewisse Usability-Risiken nicht zu unterschätzen, die das Mehr an Funktionalität mit sich bringen kann. Wir werden die Nutzung unserer Websites und die Reaktionen unserer User jedenfalls im Auge behalten.

Wie steht es mit Ihnen: Sehen Sie diese Toolbar hier zum ersten Mal? Oder haben Sie im //SEIBERT/MEDIA-Blog oder anderswo schon mit ihr interagiert und erste Erfahrungen gesammelt? Wir würden uns sehr über Ihr Feedback freuen, nutzen Sie doch einfach die Kommentarfunktion unten.

Um den renommierten Preis haben sich Unternehmen aus 26 Ländern beworben und insgesamt 1.687 Beiträge eingereicht, die von der hochkarätig besetzten, internationalen Jury in Sachen Zielgruppenansprache und Inhalt, Usability, Look and Feel und Einzigartigkeit/Originalität begutachtet wurden. Nun ist unser Design-Team für die Gestaltung des neuen Social-Media-Auswertungs-Tools TwentyFeet in der Kategorie Digital Media – Screendesign ausgezeichnet worden.

Eingereicht hat //SEIBERT/MEDIA/DESIGN unter anderem dieses Bewerbungsvideo:

Mit dem iF award sieht sich das ganze Team bestätigt, das fieberhaft an TwentyFeet arbeitet, denn von Anfang an haben wir großen Wert auf ein hochqualitatives, originelles, nutzerfreundliches Design gelegt. Und bis zur offiziellen Preisverleihung im September wird die Anwendung natürlich online sein. (Gerne können Sie sich auf der Website jetzt schon vorregistrieren, so bleiben Sie über alle Entwicklungen auf dem Laufenden.)

Anschließend wird der Beitrag von //SEIBERT/MEDIA/DESIGN in der iF online exhibition zu sehen sein und im weltweit vertriebenen iF-Jahrbuch ausführlich vorgestellt werden.

Herzlichen Glückwunsch //SEIBERT/MEDIA/DESIGN!

Weitere Informationen:
Die Website mit Vorab-Informationen zu TwentyFeet
Die Website von //SEIBERT/MEDIA/DESIGN
Design-Auszeichnung: //SEIBERT/MEDIA/DESIGN erhält den iF award
Video im Web: Neue Kommunikationsmöglichkeiten für Unternehmen
Die Website des International Forum Design

Bewegtbild ist aus dem Netz nicht mehr wegzudenken. 62% aller deutschen Nutzer sehen sich zumindest ab und zu Videos im Internet an, 52% aller User greifen regelmäßig auf Video-Portale mit nutzergenerierten Inhalten zu, in den jüngeren Nutzergruppen ist die Durchdringung sogar nahezu vollständig (siehe ARD-ZDF-Online-Studie 2009). Videoportale, Web-TV und Videobanner sind voll im Trend und im Grunde Pflichtprogramm für diejenigen, die ihre Zielgruppe bei Laune halten wollen und sie emotional in die Inhalte involvieren möchten.

Heute nutzen Internet-User das Web sowohl als Informationsquelle als auch zur Unterhaltung. Der Einsatz von Online-Videos, die nicht nur unterhalten, sondern vor allem überraschen, kann deshalb eine sinnvolle Ergänzung zum bisherigen Informationsangebot sein.

Eigentlich ist Bewegtbild im Web nichts Neues: Schon seit langer Zeit ist es möglich, digitale Videos in Websites einzubinden. Die große Welle ist aber erst vor ca. drei Jahren mit YouTube und Co. ins Rollen gekommen. Seitdem werden jährlich neue Rekorde in Sachen Nutzerzahlen vermeldet, IPTV, das Fernsehen im Netz, verzeichnet sensationelle Zuwachsraten im dreistelligen Prozentbereich.

Infrastruktur und verändertes Nutzerverhalten begünstigen Bewegtbild

Zu diesem Erfolg haben einerseits die immer bessere technologische Infrastruktur und andererseits das veränderte Nutzungsverhalten geführt: In mehr als 70% aller deutschen Haushalte ist ein Breitbandanschluss vorhanden, über 20% verfügen bereits über einen VDSL-Anschluss mit Übertragungsraten bis zu 50 Megabit. Und dank Plattformen wie YouTube haben Nutzer gelernt, im Internet aktiv nach Videomaterial zu suchen.

Neben Web-TV und nutzergenerierten Clips auf YouTube & Co. gewinnt Bewegtbild seit einigen Jahren nun auch auf Websites an Präsenz und Bedeutung. In diesem Zusammenhang fällt immer häufiger der Begriff “Web-Special”. Damit sind Websites gemeint, die unter massivem Einsatz von Flash und Videos Produkte auf unterhaltsame Weise vorstellen und die Interaktivität großschreiben. Portale wie zum Beispiel Mercedes-Benz.tv gehen noch einen Schritt weiter und eröffnen gleich einen eigenen Online-Sender mit zielgruppenspezifischen Inhalten.

Videos bieten neue Kommunikationsmöglichkeiten

Videos bieten neue Möglichkeiten der Kommunikation. Das Mercedes-Beispiel macht es deutlich: Ein Auto ist ein Fortbewegungsmittel und das tolle Fahrerlebnis lässt sich mithilfe bewegter Bilder besser und intensiver transportieren. Videos vermitteln Botschaften auf eingängige Weise, Videos sind intuitiv. Der Nutzer muss nicht wie sonst Texte lesen und einzelne Bilder betrachten, sondern befindet sich sofort direkt in der Handlung.

Zudem macht sich die Zielgruppe aktiv auf die Suche nach Inhalten. Theoretisch und praktisch kann sich im Web jeder Nutzer sein individuelles, abendfüllendes Programm selbst zusammenstellen: Der Trend geht weg vom Massenprogramm und hin zu individuellem Content, den der User selbst ausfindig macht. Über ein Videoportal kann das werbende Unternehmen mit dem Kunden also direkt in Kontakt treten (was TV-Werbung nicht leistet) und pflegt gleichzeitig sein Image als modern und up-to-date.

Bewegtbild im Netz braucht Web-Fachwissen und Film-Know-how

Die Argumente für den Einsatz von Videos im Internet sind überzeugend. Doch der Aufwand für ihre Produktion und die Einstiegshürden sind nicht zu unterschätzen, denn für ein gut funktionierendes, professionelles Videoportal ist Web-Fachwissen ebenso gefragt wie Know-how in Sachen Film oder TV. Sämtliche Komponenten müssen eine sinnvolle Einheit bilden, darüber hinaus müssen Interaktionsmöglichkeiten für den User integriert werden – keine einfache Aufgabe.

Gerade die „Notlösung“, dass die Agentur selbst die Videoproduktion übernimmt, kann schnell nach hinten losgehen. Das notwendige Equipment – professionelle Kamera, Beleuchtungstechnik, Postproduktions-Software etc. – kann man zwar recht günstig leihen oder kaufen, doch auch die beste Software kann schlecht gedrehtes Material nicht retten. Vor allem werden die nur scheinbar einfachen Dinge wie Beleuchtung und Ton gerne unterschätzt und aus Notlösungen hervorgegangene Ergebnisse genügen oft weder den Ansprüchen der Kunden noch denen der Agentur selbst. Die nötige Erfahrung bringt in der Regel eben nur ein Profi aus dem jeweiligen Bereich mit.

Ein gutes Zusammenspiel von Agentur und Produktionsfirmen bzw. Freelancern aus dem Film- und Animationsbereich ist essenziell für den Erfolg. //SEIBERT/MEDIA ist Spezialist im Bereich Web und kooperiert bei Projekten dieser Art mit erfahrenen Produktionsfirmen und Freelancern aus dem Filmbereich.

Ein aktuelles Beispiel ist ein Produktvideo für unseren Kunden StepStone, das //SEIBERT/MEDIA in Zusammenarbeit mit einem 3D-Artist und einem professionellen Sprecher produziert hat. Ein weiteres Projekt, bei dem mit Bewegtbild gearbeitet worden ist, ist der Online-Adventskalender für die Fink & Fuchs Public Relations AG. Professionelle Videos kommen zudem auch auf i-wie-ida.de zum Einsatz, der von //SEIBERT/MEDIA realisierten und mit dem iF Award ausgezeichneten Website.

Weiterführende Informationen

Die Website von //SEIBERT/MEDIA/DESIGN
Video-Podcasts von //SEIBERT/MEDIA
Video im Web: Kennen Sie die Trends?

Schlanke und übersichtliche Seiten durch ausgeblendete Inhalte

Zunächst einmal sind Akkordeon-Effekte eine tolle Möglichkeit, viel Inhalt auf wenig Raum darzustellen. Es geht dabei um die effektive Nutzung des sog. Screen Real Estate. Akkordeon-Effekte eignen sich bestens, um auf einer Seite detaillierte Inhalte zu unterschiedlichen Themen abzubilden. Häufig haben Informationen für sich genommen einen zu geringen Umfang, um eine eigene Seite zu füllen. Würde man die Informationen jedoch alle auf einer Seite darstellen, wäre die Seite viel zu lang und unübersichtlich. Genau für diesen Anwendungsfall sind Akkordeon-Effekte wie gemacht.

Die vielen voneinander unabhängigen Detailinformationen werden einfach by default ausgeblendet und über ein Akkordeon verfügbar gemacht. Die Seite bleibt so schlank und übersichtlich. Eine praktische Lösung, wie einige von //SEIBERT/MEDIA umgesetzte Beispiele zeigen:

Abb. 1–3: Akkordeon-Effekte auf den Websites i-wie-ida.de, metafinanz.de und matador-ofen.de

Haben die Akkordeon-Inhalte den richtigen Umfang?

Allerdings muss man sich als Konzeptioner oder Designer immer die Frage stellen, ob eine Seite wirklich zu unübersichtlich wird, wenn alle Inhalte direkt angezeigt werden. Denn nur, wenn das der Fall ist, sollte man Akkordeon-Effekte zum Einsatz bringen. Wenn sich die Inhalte ohne größere Probleme by default vollständig darstellen lassen, sollte man das auch tun.

Akkordeon-Effekte sind auch dann keine gute Wahl, wenn man Inhalte ausblenden will, die für sich genommen so umfangreich sind, dass sie problemlos eine eigene Seite füllen würden. In diesem Fall sollte man eigene Seiten für diese Inhalte anlegen und sie nicht im Akkordeon verstecken.

Nachteile von Akkordeon-Effekten

So praktisch und sinnvoll Akkordeon-Effekte häufig sein mögen, so sind auch einige grundsätzliche Nachteile mit ihnen verbunden. Vier Probleme wollen wir besonders hervorheben.

Nutzeraktivität ist erforderlich
Ein Web-Akkordeon erfordert die Aktivität des Nutzers: Zunächst sind die Inhalte ausgeblendet und müssen vom User aktiv eingeblendet werden. Das birgt die Gefahr, dass die Inhalte verborgen bleiben, weil der Nutzer sie aus irgendwelchen Gründen nicht aufruft: Vielleicht versteht er das Prinzip nicht, vielleicht versteht er den spezifischen Link zum Einblenden nicht, vielleicht ist er schlicht zu bequem zum Klicken, vielleicht übt der Teaser auch keinen ausreichenden Klickreiz aus.

Geringe Keyword-Dichte auf Seiten
Zweitens werden Seiten durch schlechte Akkordeon-Effekte unspezifisch, weil sie sehr viele Inhalte umfassen. Das kann sich negativ auf das Ranking in Suchmaschinen auswirken, weil die Seiten eine geringe Keyword-Dichte aufweisen und von Google unter Umständen nicht als spezifische Quellen zu einem bestimmten Thema eingestuft werden.

Suchbegriff und Seiteninhalt scheinen nicht deckungsgleich
Drittens besteht ein weiteres SEO-Problem darin, dass die per JavaScript ausgeblendeten Inhalte zwar von Suchmaschinen indiziert und oft auch in Form von Kurztexten auf den Ergebnisseiten angezeigt werden. Wenn der Nutzer den Treffer aber anklickt und auf die Zielseite gelangt, ist der gesuchte Begriff für ihn nicht sichtbar. Auch eine seiteninterne Suche nach dem Begriff mit der Tastenkombination Strg+F führt zu keinem Ergebnis. Das kann zu Nutzungsabbrüchen führen, weil die User glauben, auf der falschen Seite gelandet zu sein.

Deaktiviertes JavaScript öffnet gesamtes Akkordeon
Das vierte Problem ist technischer Natur: Wie angesprochen wird für Akkordeon-Effekte in der Regel JavaScript verwendet. Allerdings haben einige User JavaScript deaktiviert. Nun sind die Inhalte ja eigentlich sichtbar und werden lediglich per JavaScript ausgeblendet. Hat ein Nutzer dieses aber deaktiviert, wird direkt der gesamte Inhalt angezeigt – das Akkordeon ist also vollständig geöffnet. In den meisten Fällen sieht das nicht besonders hübsch aus und kann den User verwirren – nicht umsonst hat man sich ja für diesen Effekt entschieden.

Allerdings betrifft dies nur eine relativ kleine Gruppe von Nutzern (in den meisten Fällen deutlich weniger als 10%). Hier empfiehlt es sich jedoch, einen Blick in die Analytics-Daten seiner Seite zu werfen. Von den Usern unseres Blogs haben bspw. 16% JavaScript deaktiviert, Akkordeon-Effekte hätten hier also für eine signifikante Zahl an Nutzern negative Auswirkungen.

Fazit

Akkordeon-Effekte sind moderne und in vielen Fällen sehr gut geeignete Darstellungsformen. Man sollte es jedoch nicht übertreiben und sie wirklich nur einsetzen, wenn es sinnvoll ist. Hierfür können wir zwei Faustregeln formulieren:

• Sind die per Akkordeon ausgeblendeten Inhalte so umfangreich, dass sie eine eigene Seite rechtfertigen, sollte man sie auch auf eine eigene Seite stellen.
• Wenn die per Akkordeon ausgeblendeten Inhalte in ihrer Gesamtheit so überschaubar sind, dass sie die Seite nicht „ungenießbar“ machen, sollte man sie direkt auf dieser Seite anzeigen.

Wenn diese zwei Regeln befolgt werden, sind Akkordeon-Effekte in den allermeisten Fällen zielführend. Der angesprochenen Nachteile sollte man sich dabei allerdings bewusst sein. Für ein gutes Design und eine gute Usability muss man manchmal kleine Einschränkungen auf anderen Ebenen in Kauf nehmen.

Weiterführende Informationen

Web-Design-Trends: Mit intuitiver Navigation und informativen Mouseover-Effekten schnell ans Ziel
Informationsarchitekturen: Fünf Probleme durch schlechte Navigation
Reihenfolge-Effekte: Die Link-Position beeinflusst das Klickverhalten

Innovative Navigation

Erfahrungsgemäß sind es oft Verbesserungen im Detail, die zur besseren Nutzererlebnissen und zufriedeneren Usern führen. Es gibt mehrere interessante Ansätze, um falsche Klicks zu vermeiden und dem Nutzer zu helfen, sein Ziel möglichst schnell und intuitiv zu erreichen. Wir haben einige exemplarische Beispiele gesammelt.

Entega.de verwendet beispielsweise drei Hauptnavigationspunkte, die zugleich die drei inhaltlichen Bereiche der Website abbilden. Klickt man einen Bereich an, klappt dieser auf, wobei die anderen weiterhin sichtbar bleiben. Die Unterpunkte sind dann im jeweiligen Bereich platziert.

Dieses Beispiel ist durchaus interessant, aber es belegt ebenso, dass gutes Web-Design insbesondere im Zusammenhang mit Usability ein schmaler Grat ist: Wird durch die innovative Navigation auch die Nutzerfreundlichkeit verbessert? Verstehen vor allem wenig Internet-affine User diese Navigation intuitiv? Hier sind – auch ohne die Website einer Usability-Analyse unterzogen zu haben – Zweifel sicherlich zulässig, und solche Fragen muss sich jede gelaunchte Website natürlich gefallen lassen.

Informative Mouseover-Effekte, Dropdown-Menüs und Teaser

Andere Websites nutzen die Navigation für die Darstellung weiterführender Inhalte bzw. von Detailinformationen: Durch den innovativen Einsatz von Mouseover-Effekten mit inhaltlichem Mehrwert soll der Nutzer schon vor dem Klick wissen, ob er sich auf dem richtigen Weg befindet.

Darüber hinaus haben vor allem Aufklappmenüs zuletzt eine spannende Entwicklung genommen: Immer häufiger werden sie genutzt, um einzelne Punkte gezielt besonders hervorzuheben. Auch Teaser-Boxen füllen heute Funktionen aus, die weit über die Darstellung von Links hinausgehen. Auf der Audi-Website öffnen sich beispielsweise in der Teaserbox „Konfigurator“ direkt Eingabefelder beim Mouseover, sodass der Nutzer einen Klick spart. Auffällig ist hier zudem die Schiebenavigation von der linken Seite.

Weitere gelungene Beispiele

Es ist erfreulich, dass immer mehr Unternehmen grundsätzlich nicht nur gesteigerten Wert auf intuitive, nutzerfreundliche Navigationskonzepte legen, sondern diese auch in Form von hochwertigen, originellen Design-Lösungen abbilden. Natürlich eignet sich nicht jeder Ansatz für jede Website, denn grundsätzlich muss beim Einsatz von innovativen Konzepten immer die Zielgruppe im Auge behalten werden: So kann beispielsweise eine dreidimensionale und animierte Navigation zwar sehr ästhetisch sein, stellt aber nicht in jedem Fall die geeignete Lösung dar und dürfte Nutzergruppen mit eher geringer Internet-Affinität überfordern.

Einige weitere innovative Beispiele für moderne Navigationslösungen, die für sich selbst sprechen:

Haben Sie Fragen zum Thema Web-Design? Benötigen Sie Unterstützung bei Web-Projekten oder bei der Modifikation Ihres Erscheinungsbilds im Internet? Bitte sprechen Sie uns an.

Weiterführende Informationen

Die Website von //SEIBERT/MEDIA/DESIGN
Navigationsmenüs: Trends und Beispiele
Experten-Interview: Was machen Web-Designer eigentlich genau?
Design-Auszeichnung: //SEIBERT/MEDIA/DESIGN erhält den iF-Award

Mut zur Reduktion

Typisch für aktuelle Websites ist ihre großzügige, leichte Wirkung: Dezente Verläufe und Transparenzen sorgen für eine hochwertige Anmutung. Es kommen weiter verstärkt große Bilder zum Einsatz. Viele Websites werden zentriert im Browser-Rahmen platziert, um auch auf großen Bildschirmen nicht verloren zu wirken. Häufig fällt auf, dass sich die Layout-Raster ziemlich ähnlich sind – die mitunter erheblichen Unterschiede liegen im Detail.

Eine interessante Entwicklung ist zudem der zunehmende Mut zur Reduktion und zu weniger Text auf Startseiten von Web-Portalen. Umfangreiche Navigationen werden häufig in Form von Drop-down-Menüs umgesetzt. Nicht eingeklappte Navigationsmenüs finden sich heute oft im Footer-Bereich.

Zielgruppenorientierung

Auffällig ist auch die zunehmende Fokussierung auf die User: Gerade Texte und Teaser sind heute deutlich zielgruppenorientierter konzipiert und gestaltet als etwa noch 2008. Es wird sich immer stärker um eine intuitive Nutzerführung bemüht. Websites bieten mehrere Einstiegspunkte und Möglichkeiten zur Interaktion. Auch große Bildbereiche vermitteln nicht nur Image, sondern werden häufig mit weiterführenden Inhalten verlinkt.

Dezente Animationen und professionelles Bewegtbild

Sinnvoll eingesetzte Animationen erhöhen auf vielen Websites den Joy of Use. Einfacher Content wird immer häufiger in Form sorgfältig aufbereiteter Infografiken abgebildet und dadurch schneller erfassbar. Auch der Einsatz von professionell erstelltem, hochwertigem Bewegtbild ist inzwischen Standard im Web. Nicht selten werden Videos direkt in Anwendungen integriert, wodurch nun sehr spannende und anschauliche Ergebnisse dort erzielt werden, wo Nutzer sich vor nicht allzu langer Zeit noch mit langweiligen Suchformularen konfrontiert sahen.

Inhalte im interessanten und innovativen Gewand

Grundsätzlich gelingt es immer mehr Unternehmen und Organisationen, sich im Internet ebenso unaufdringlich wie lebendig zu präsentieren und sogar eigentlich recht langweilige (oder gar ungeliebte) Inhalte interessant und innovativ zu verpacken. Ein Paradebeispiel hierfür ist die Website der GEZ:

Diesen Trends und Phänomenen widmen wir uns in den folgenden Artikeln ausführlicher und gehen z.B. auf die Zielgruppenorientierung, auf Navigation und Effekte, auf die Art und den Einsatz von Grafiken und auf besondere Features und Funktionen ein.

Haben Sie Fragen zum Thema Web-Design? Benötigen Sie Unterstützung bei Web-Projekten oder bei der Modifikation Ihres Erscheinungsbilds im Internet? Bitte sprechen Sie uns an.

Weiterführende Informationen

Die Website von //SEIBERT/MEDIA/DESIGN
Navigationsmenüs: Trends und Beispiele
Experten-Interview: Was machen Web-Designer eigentlich genau?
Design-Auszeichnung: //SEIBERT/MEDIA/DESIGN erhält den iF-Award

Für welche Unternehmen ist Corporate Sound sinnvoll?

Im Grunde genommen ist es für jedes Unternehmen sinnvoll, sich über den Einsatz von Corporate Sound Gedanken zu machen. Vor allem große Unternehmen, die nicht nur über das Internet, sondern auch über Medien wie TV und Radio kommunizieren, erkennen den Vorteil von akustischem Branding und setzen immer mehr auf ganzheitliche Klangwelten in Form eines Corporate Sounds. Einzelanwendungen sind jedoch auch für kleinere Unternehmen sinnvoll, beispielsweise in Form einer zum Unternehmen passenden Telefonwarteschleife.

Verschiedene Strategien zum Einsatz eine Corporate Sounds

Campaign Driven Strategy
Bei diesem Ansatz handelt es sich um eine Audio-Branding-Strategie, die nur auf einer einzelnen Kampagne basiert. Diese Strategie ist kurzfristig angelegt und kann deshalb nicht zum nachhaltigen Markenwert beitragen.

Integrated Strategy
Dieser Ansatz geht davon aus, dass alle akustischen Berührungspunkte der Zielgruppe mit der Marke aufeinander abgestimmt werden sollten. Eine akustische Leitidee findet sich dabei in sämtlichen Corporate-Sound-Elementen wieder. Diese Strategie wirkt sich dank ihrer Stringenz positiv auf den Wiedererkennungswert einer Marke aus.

Logo-Focused Strategy
Hier konzentriert sich Corporate Sound auf das Logo. Neben einem konsequent und stringent eingesetzten Audio-Logo werden zumeist noch weitere musikalische Elemente eingesetzt, die jedoch keine Ähnlichkeit mit dem Audio-Logo aufweisen.

(Quelle für diesen Abschnitt: Audio-Branding.de)

Anwendung in der externen Kommunikation

Internet-Auftritt
Hier können ein Audio-Logo und evtl. die passende Soundscape sinnvoll sein. Die immer wieder gerne „vertonten“ Menü-Buttons sind jedoch mit Bedacht anzugehen: Schnell wird ein sich wiederholender Ton bei der Navigation durch eine Website als anstrengend empfunden, geht auf die Nerven und führt womöglich zum Nutzungsabbruch.

Unternehmens-Präsentation
Präsentationen mit Beamer und Sound sind ein weiteres Anwendungsgebiet für den Corporate Sound eines Unternehmens. Das Sound-Logo zur Einleitung des Vortrags und eine nicht allzu ablenkende Soundscape während der Präsentation bilden eine gute Möglichkeit, wichtigen Personen das eigene Unternehmensbild „einzubrennen“.

Messestand
An Messeständen kommen immer öfter Soundscapes zum Einsatz. Allerdings sollte man die Besonderheiten der Raumakustik berücksichtigen und die Soundscape an diese anpassen.

Warteschleifen
In Warteschleifen können Soundscapes und auch das Audio-Logo zum Einsatz kommen.

Acoustic Brand Placement
Ein für das Audio-Branding interessanter Ansatz ist das sog. Acoustic Brand Placement, das immer häufiger Anwendung findet. So ertönt beispielsweise im Kinohit „Transformers“ bei der Verwandlung einer XBox 360 das Audio-Logo der Spielekonsole. Ein weiteres Beispiel ist der neue Pixar-Film „Wall-e“: Die Roboterheldin gibt beim Neustart die akustische Apple-Kennung von sich.
.

Corporate-Sound-Anwendungen in der internen Kommunikation

Rechner
Auf jedem Betriebsrechner sind System-Sounds integriert (Start, Klickgeräusche etc.), die an die Corporate-Sound-Vorgaben angepasst werden können.

Aufzug
Für eine Corporate-Sound-konforme Klangkulisse im Fahrstuhl empfiehlt sich ein Soundscape-Einsatz.

Eingang/Ausgang
Selbst der Sound der Türklingel ist eine elegante Möglichkeit, dem einheitlichen akustischen Bild Ausdruck zu verleihen.

Fazit

Wegschauen ist leichter als Weghören. Gerade deshalb ist Corporate Sound ein Thema, an das mit viel Sensibilität und Feingefühl herangegangen sein will. Es besteht immer die Gefahr, statt professionellen Audio-Brandings akustische Umweltverschmutzung zu betreiben.

Dennoch hat Corporate Sound erhebliches Potenzial: Er wird sich mit Sicherheit nach und nach als fester Bestandteil der Corporate Identity etablieren und sollte bereits bei der Entwicklung eines visuellen Erscheinungsbildes bedacht werden, damit nicht (wie heute oft üblich) zu einem bestehenden Logo nachträglich noch eine einigermaßen passende Melodie komponiert werden muss.

Dass das Thema Corporate Sound mittlerweile sehr ernst genommen wird, sieht man nicht zuletzt daran, dass bereits einige sehr renommierte Design-Agenturen wie Metadesign oder die Peter Schmidt Group entsprechende Abteilungen gegründet haben.

Weiterführende Informationen

Der Corporate-Sound-Blog
Hörmarke.de
Audio-Branding.de
Corporate Sound bei Wikipedia

Begriffseigener Klang

Grundlage hier ist, dass mit dem erzeugten Klangbild eines Markennamens oder Slogans bestimmte Eigenschaften assoziiert werden. Dunkle Vokale wie U und O werden eher mit Größe und Kraft assoziiert, I dagegen verweist auf etwas Kleines („Mini“). Harte Konsonanten K, P oder T bringt man eher mit Schnelligkeit in Verbindung, stimmhafte wie B, D und G klingen eher sanft und mild.

Auch die Nachahmung von Geräuschen, die Assoziationen mit dem Produkt oder Gefühle wecken – z.B. bei „Taft“ (Haarspray) oder „Bizzl“ (spritzige Limo) – tragen zur Merkbarkeit bei. Zudem können lautmalerische Stilelemente wie Alliteration und Reim die Eingängigkeit von Slogans steigern („Actimel aktiviert Abwehrkräfte“, „Geiz ist geil“ oder „Haribo macht Kinder froh, und Erwachsene ebenso“).

Dass bei der Namensfindung indes auch einiges schiefgehen kann, zeigt diese nette Liste mit Markennamen-Flops.

Produkteigener Klang

Beim produkteigenen Klang geht es nicht nur darum, lästige, unerwünschte Geräusche zu reduzieren (Sound Cleaning), sondern auch um die bewusste Gestaltung von Geräuschen wie etwa das Brummen eines Porsche-Motors oder aber auch einfach eines Staubsaugers. Kunden haben oft eine präzise Vorstellung davon, wie sich ein Produkt anhören „muss“, damit es seinen Zweck erfüllt. Der Klang kann somit Kaufargument sein. Wenn ein Keks z.B. nicht richtig knackt, klingt er eben nicht frisch.

Bekannte Beispiele für einen auffälligen produkteigenen Klang sind das „Popp“ der Pringles-Verpackung und das charakteristische Geräusch beim Öffnen einer Flensburger-Flasche. Durch den Klang wird hier die Verpackung an sich zum Marketing-Instrument.

Interaktiver Klang (Sound Object)

Heute wird fast jedes Gerät digital gesteuert, weshalb der Bedarf an interaktiven Klängen deutlich gestiegen ist. Auf Websites dienen akustische Signale dazu, Handlungen zu steuern oder zu strukturieren. Hierzu gehören z. B. Signale bei einer Fehlermeldung oder dem Eingang einer E-Mail.

Bei Produkten werden interaktive Klänge oft verwendet, um durch technologische Verbesserungen weggefallene mechanische Geräusche durch künstlich erzeugte Klänge zu ersetzen und dem Anwender eine Kontrolle seiner Eingabe zu ermöglichen, z. B. bei einem Touch-Screen.

Sound-Logo (Audio-Logo)

Ein Sound-Logo kann eine kurze, einprägsame Melodie, ein Klang oder auch ein Geräusch sein. Häufig wird es am Anfang oder am Ende eines Werbespots eingesetzt, kommt aber auch darüber hinaus zur Anwendung.

Das Sound-Logo kann als akustisches Äquivalent zum visuellen Logo gesehen werden. Oft treten beide gemeinsam auf, um den Wiedererkennungswert der Marke zu erhöhen. Marken mit bekannten Sound-Logos sind beispielsweise die Telekom und Nokia. Einige Hörbeispiele nebst Bewertungen in Sachen Bekanntheit und korrekter Zuordnung finden sich in diesem interessanten Sound-Logo-Check.

Jingle

Ein Jingle ist eine kurze, einprägsame Tonfolge oder Melodie in Verbindung mit gesprochenem Text. Man kennt Jingles als ein akustisches Erkennungsmerkmal eines Radio- oder TV-Senders oder einer bestimmten Sendung. Ein Jingle kann aber auch der vertonte Slogan eines beworbenen Produktes sein. Bei steigendem Bekanntheitsgrad werden die Texte manchmal irgendwann weggelassen, wie es z. B. bei Haribo der Fall ist. Spannend ist die Entwicklung des Tagesschau-Jingles im Laufe der Zeit.

Markenlied (Corporate Song, Brand Song)

Markenlieder transportieren eine Atmosphäre, die der Marke angemessen sein soll. Dabei handelt es sich entweder um eigens zu diesem Zweck produzierte Stücke (an denen die werbenden Unternehmen also die Rechte besitzen) oder aber um lizenzierte Songs – bekannte Beispiele sind „Summer Dreamin’“ aus der Bacardi-Werbung oder der Stones-Klassiker „Start me up“, dessen Nutzungslizenz sich Microsoft im Zuge der Marketing-Kampagne für Windows 95 seinerzeit kolportierte 18 Millionen Dollar hat kosten lassen.

Ein Spot erscheint durch die Untermalung mit angenehmer Musik schöner und attraktiver. Solche Songs stehen nicht immer direkt mit dem Corporate Sound eines Unternehmens in Verbindung, es gibt aber auch Song-Beispiele, die auf einer für das Unternehmen typischen Tonfolge aufbauen oder in die spezifische Geräusche integriert sind.

Nicht selten schaffen es durch Werbung gepushte Songs bis in die Charts, prominente Beispiele dafür sind etwa „Little less Conversation“ (Elvis), „Adiemus“ (Adiemus), „It’s cool Man“ (XXL feat. Peter Steiner) oder „Bohemian like you“ (The Dandy Warhols). Zahlreiche Beispiele sind in der Werbe-Song-Liste zusammengestellt: Werbe-Songs bis 2004, Werbe-Songs ab 2005.

Brand Voice

Stimme ist ein sehr variabel anwendbares Instrument des Corporate Sounds. Gezielt eingesetzt besitzt eine Stimme die Fähigkeit, eine sehr emotionale Verbindung zwischen Sender und Empfänger herzustellen. Je nach Stimmfarbe, Aussprache, Akzent und Betonung variiert die Anmutung. Passende Sprecher finden Agenturen heute problemlos online in Sprecherdateien. Beliebt sind Synchronsprecher, die den Konsumenten bekannt sind und die deshalb Vertrautheit erzeugen. Einige Beispiele für Stimmlagen und ihre Wirkung (Quelle: Audio-Branding.de):

Männer:

• Bass-Stimmlage: beruhigend, warm, vertrauensvoll
• Junge Bariton-Stimmlage: jung, dynamisch
• Hohe Tenor-Stimmlage: humoristisch, skurril, amüsant

Frauen:

• Alt-Stimmlage: sanft, ruhig, vertrauensvoll, mütterlich
• Junge Mezzosopran-Stimmlage: innovativ, dynamisch

Kinderstimmen:

• Junge/Mädchen (4 bis 10 Jahre): unschuldig, frech, naiv

Soundscape

Jeder Raum besitzt seine eigene Klangumgebung: die Soundscape. So klingt ein Wald anders als ein Fußballstadion oder ein Büro. Die gezielte Gestaltung einer Soundscape ist eine unterschwellige Art des Audio-Branding und kann beispielsweise in einem Geschäft oder an einem Messestand sinnvoll sein. Ohne dass die Zielgruppe sich bewusst mit der Soundscape auseinandersetzen muss, kann ein Gefühl des Vertrauens geweckt oder die gewünschte Stimmung ausgelöst werden.

Das Thema Corporate Sound und Anwendung in der Praxis wird in unserem dritten und abschließenden Artikel über Audio-Branding behandelt.

Weiterführende Informationen

Der Corporate-Sound-Blog
Hörmarke.de
Audio-Branding.de
Corporate Sound bei Wikipedia

„Musik ist hochgradig assoziativ und gerade deshalb der kürzeste Weg in das Unterbewusstsein der Konsumenten.“ (John Groves – Musikproduzent für Werbung und Kommunikation aus Hamburg)

Der gesungene Slogan von Milka, das Da-da-da-di-daa der Telekom, das Herzpochen von Audi, Becks’ „Sail away“, der charakteristische Sound beim Starten eines Macs, das Ploppen der Pringles-Packung oder aber auch einfach das Läuten der Kirchenglocken: Beim Corporate Sound (auch Audio-Branding) handelt es sich um die akustische Markenführung eines Unternehmens. Er sorgt dafür, dass eine Marke hörbar wird, und ist wie das Corporate Design oder die Corporate Language als Element der Corporate Identity zu verstehen.

Corporate Sound schließt sämtliche akustischen Aktivitäten einer Marke mit ein, die das Ziel haben, das eigene Angebot wiedererkennbar aus der Masse hervorzuheben. Es geht also darum, über Klänge eine emotionale Bindung an ein Unternehmen oder ein Produkt aufzubauen. Durch das Einbeziehen verschiedener Sinne ist es möglich, ein Unternehmens-Image noch tiefer zu verankern als allein durch visuelle Reize.

Bedeutung von Corporate Sound

Im Zeitalter extremer Reizüberflutung ist es schwierig, die Zielgruppen noch auf rein visuelle Art und Weise zu erreichen. Die sog. Multisensualität gewinnt an Bedeutung und Corporate Sound ist neben visuellen und haptischen Elementen zu einem wichtigen Teil einer Markenwelt geworden. Print-Medien verlieren mehr und mehr an Bedeutung und die neuen Medien bieten vielfältige Möglichkeiten des Soundeinsatzes.

Das Thema Sound als Bestandteil der Corporate Identity ist noch relativ neu, seine Bedeutung als strategisches Instrument in der Markenführung wird jedoch weiter wachsen.

Bestimmte Melodien oder Klänge lösen Erinnerungen und Empfindungen aus, das erleben wir auch immer wieder im Kino, wenn dramatische Musik den Spannungsaufbau begleitet.

In Verbindung mit anderen Sinneseindrücken kann die emotionale Wirkung von Klängen strategisch für die Markeninszenierung genutzt werden. Die Kunst besteht darin, mit Sound genau die Gefühle auszulösen, die mit der Marke assoziiert werden: So transportiert der doppelte Herzschlag von Audi z.B. „Menschlichkeit“ und „positive Aufregung“.

Entwicklung eines Corporate Sounds

Am Anfang der Arbeit von Designern steht immer zuerst die Analyse der Kernwerte einer Marke oder eines Unternehmens. Dies ist beim Sound-Designer nicht anders.

Er analysiert die Corporate Identity, den Markenkern, die Zielgruppe, die Marketingziele, das Design usw. Erst dann skizziert er eine dazu passende Klangwelt. Diese kann laut oder leise sein, harmonisch oder dissonant, modern oder klassisch, Saxophon oder Leierkasten, auffällig oder unterschwellig … Soll sich zum Beispiel eine Biermarke nach Natur und Entspannung anhören, ist klassische Musik passend (Krombacher). Eine raue Stimme und rockige Klänge bringen eine andere Biermarke (Becks) dagegen in Verbindung mit Abenteuer.

Steht die Klangwelt fest, werden verschiedene Sound-Elemente für den unterschiedlichen Einsatz erstellt. Wie beim Corporate Design wird ein Manual entwickelt welches vorgibt, welche Sound-Elemente wo, wie und wann eingesetzt werden. Auch Faktoren wie Klangfarbe, Lautstärke, Dauer oder auch eine zeitliche Dramaturgie werden in diesem Manual definiert.

Die vier Basiselemente des Corporate Sounds sind Corporate Music, Corporate Soundscape, Corporate Voice und das Sound-Logo. All diese Basiselemente leiten sich aus der Leitidee und der Tonalität der Marke ab.

Klangidentität ist für die Sound-Designer ein Gesamtkunstwerk. Sie soll sich zeigen, wo immer der Kunde mit einem Unternehmen in Kontakt kommt: In Werbespots, Telefonwarteschleifen, Verkaufsräumen, an Messeständen, bei Präsentationen usw.

In den anschließenden Artikeln zum Thema Audio-Branding stehen Corporate Sound und seine Elemente sowie Corporate Sound und die Anwendung in der Praxis im Mittelpunkt.

Weiterführende Informationen

Der Corporate-Sound-Blog
Hörmarke.de
Audio-Branding.de
Corporate Sound bei Wikipedia

Design quantifizieren? Nicht möglich! Oder doch?

Design soll also Mehrwert schaffen, und durch professionelles Design gelingt das auch. Problematisch ist in vielen Fällen jedoch, dass die Wirkung, der Return on Investment, nicht  gemessen werden kann. Um zu zeigen, warum Unternehmen an hochwertigem, professionellem Design nicht vorbeikommen, bricht der Unternehmer und Autor Stewart Emery Design auf eine zentrale Frage herunter:

„Wird Ihr Kunde um Sie weinen, wenn es Sie morgen nicht mehr gibt?“

Stellen Sie sich diese Frage doch einmal. Und versuchen Sie, Ihr Unternehmen aus der Sicht Ihrer Kunden zu betrachten. Wenn Ihr Kunde nicht um Sie trauern würde, dann benötigt er Ihre Leistungen nicht. Er geht einfach zum nächsten Anbieter.

Märkte sind heute überwiegend homogen, die Chancen, Kunden durch reine Produktvorteile zu begeistern, sinken seit langem. Umso wichtiger ist es, Ihrem Kunden eine Eintrittskarte zu einer Erlebniswelt zu schenken. Diese Eintrittskarte ist Design.

Design-Potenziale richtig genutzt

Design spielt nämlich eine zentrale Rolle wenn es darum geht, den Leuten eine Idee nahezubringen, sie zu überzeugen und zu binden – und diese Bindung zu steuern.

Der Kunde soll die Leistungen verstehen, und deshalb müssen Prozesse und Produkte auf ihn ausgerichtet sein – auch in Sachen Design. Wenn Design den gesamten Wertschöpfungsprozess begleitet, können die Design-Potenziale auch ausgeschöpft werden. Eine Analyse Ihres Unternehmens ermöglicht es Ihnen, Ihre Werte und Ihre Absichten zu visualisieren. Was soll Ihr Kunde denken und fühlen, wenn er mit Ihrem Logo oder Ihrer Website in Berührung kommt?

Gutes Design kostet nicht, es wirtschaftet

Ein starkes, aussagekräftiges Design kommuniziert Ihre Werte, weckt Begehrlichkeit und führt im Idealfall dazu, dass Ihr Kunde sich aus eigenem Antrieb mit Ihrem Unternehmen beschäftigt und Sie aktiv weiterempfiehlt. So kann eine attraktive und benutzerfreundliche Website den persönlichen Kontakt zu einem Mitarbeiter ersetzen, wodurch Sie entsprechende Margen einsparen können. Voraussetzung ist ein ganzheitlicher Design-Ansatz, eine ausführliche Analyse Ihres Konzeptes und eine klare Positionierung.

Design ist nicht hüsch und nett. Deshalb sprechen professionelle Designer auch nicht von hübschen Sachen, sondern von richtigen Lösungen, die Unternehmen voranbringen.

Haben Sie Fragen? //SEIBERT/MEDIA/DESIGN hilft Ihnen gerne dabei, Ihr Design zu erarbeiten, zu überarbeiten bzw. neu auszurichten. Bitte nutzen Sie das Kontaktformular auf unserer speziellen Seite zum Thema Corporate Design.

Weiterführende Informationen

Die Website von //SEIBERT/MEDIA/DESIGN
Acht Vorurteile gegenüber Design und Designern
Design-Auszeichnung: //SEIBERT/MEDIA/DESIGN erhält den iF-Award
Studie bestätigt: Design macht Unternehmen erfolgreicher

An zahllosen Stellen im Web und auch in diesem Blog ist immer wieder die Rede von der Bedeutung von Usability und der Notwendigkeit eines professionellen Designs für Unternehmen, die im Internet erfolgreich sein und Umsatz generieren wollen. Und man möchte meinen, inzwischen hätten alle Unternehmen zumindest schon einmal davon gehört, dass Nutzerfreundlichkeit und Design Erfolgsfaktoren sind.

Doch weit gefehlt, denn nach wie vor gibt es zahlreiche wahrlich unerschrockene Firmen, die (unfreiwillig) auf Schocktherapie setzen. Wir haben uns einmal umgesehen und stellen Ihnen zehn kommerzielle Websites vor, die es in sich haben – ein Kuriositätenkabinett mit Augenzwinkern. (Um die Websites aufzurufen, klicken Sie die Screenshots an, die Links öffnen im neuen Tab.)

Platz 10: Dinghyinsurance.com

Konservative Zurückhaltung in Sachen Layout ist auf der Website der W. H. Insurance Consultants Trumpf. Den Unterschied macht jedoch das revolutionäre Navigationskonzept: Ein Alleinstellungsmerkmal wird nämlich dadurch geschaffen, dass unterstrichene Wörter hier einmal keine Links sind. (Sie müssen schon auf die gelb-schwarzen Buttons klicken.) Allein deshalb hat dinghyinsurance.com einen Platz in dieser Liste redlich verdient.

Platz 9: Stexps.com

„Back to the Roots“ heißt es auch auf der Website des Sarasota-Tampa-Express stexps.com. Doch nicht der (fast) konsequent durchgezogene Retro-Stil, nicht die Inverted-L-Navigation mit den gleichen Links im vertikalen und im horizontalen Menü, nicht der animierte Cursor, der eine wogende Schlange roter Buchstaben in einer anderen Schriftart hinter sich herzieht, nicht die in spacigen Regenbogenfarben blinkenden NEW-Elemente haben uns überzeugt, sondern das unübertrefflich hektische FlightView-Widget rechts, das Sie sich gerne auch als Bildschirmschoner herunterladen können.

Platz 8: CWOL.com

Wenn Websites aussehen wie das Faltblatt des 1-Euro-Marktes am Ende der Fußgängerzone, das man im Briefkasten findet, schlagen Designer-Herzen naturgemäß höher. Zudem sorgt der Web-Auftritt der Technikfachleute von CWOL dafür, dass nicht nur die Preise den Nutzer in erhöhte Alarmbereitschaft versetzen, sondern auch das Farbkonzept.

Platz 7: 5safepoints.com

Zwar pfeifen die Leute der 5 Points Driving School unter anderem auf ein homogenes Bild- und Typografiekonzept, dafür berücksichtigen sie zwei andere interessante Usability- und Design-Erkenntnisse: 1) Heute haben User kein Problem mehr damit, nach unten zu scrollen. 2) Weißraum sorgt für Ruhe. Das nimmt man sich auf 5safepoints.com zu Herzen und verbindet dieses Wissen kongenial – lassen Sie sich überraschen! (Und wenn Ihnen das zu ruhig ist, können Sie Ihren Geist auf dieser Unterseite wieder in Schwung bringen.)

Platz 6: Videosoniclab.com

Eine Zeitreise in die Gründerzeit des Internets erwartet den Nutzer auf der Website von Videosonic, wobei gemütlichem Schwarz tatsächlich eine zentrale Bedeutung zukommt. Auch interessant: Die Buttons im linken Bereich sind zwar nicht anklickbar, sorgen aber beim genaueren Betrachten für Kopfschmerzen. Einen Blick wert ist zudem der Online-Shop.

Platz 5: Webking.com

Zum Dienstleistungsumfang der Web King Internet Services LLC gehören nicht nur Online-Marketing, E-Commerce-Expertise und Hosting, sondern auch Web-Design. Hier muss die eigene Website natürlich als Referenz herhalten. Ein Klick auf den entsprechenden Menüpunkt hat den schönen Nebeneffekt, dass man seinen künftigen Dienstleister gleich einmal persönlich kennenlernt – eine wichtige vertrauensbildende Maßnahme und Grundlage für eine enge, fruchtbare Zusammenarbeit.

Platz 4: Lingscars.com

An Ideen mangelt es nicht: Zunächst klettert uns Autohändlerin Ling vom Header entgegen. Und was es nicht noch alles zu entdecken gibt! Live-Chat, Twitter-Integration, Office-TV, ein Quiz, ein ominöses Game namens „Hang Me“, es blinkt und flackert an allen Ecken und Enden … man könnte sich wahrscheinlich stundenlang auf dieser Website amüsieren. Das ist alles so cool und offensichtlich gutgemeint, dass wir lingscars.com nur sehr schweren Herzens in diese Liste aufnehmen und das leise Gefühl haben, dieser ambitionierten Dame unrecht zu tun.

Platz 3: Yvettesbridalformal.com

Man muss sich schon etwas Zeit nehmen, um herauszufinden, was Yvette nun genau verkauft. Nach einigen (von zentralasiatischen Klängen begleiteten) Klicks findet man immerhin heraus, dass Yvette nicht nur einen Shop betreibt, sondern offenbar auch Plätzchen liebt: Irgendwo gibt es eine Seite mit Rezepten (die leider nach fünfminütiger Suche nicht wiederzufinden ist und deshalb hier nicht verlinkt werden kann). Ohne diese Anleitungen eingehender studiert zu haben, drängt sich angesichts der Website der Verdacht auf, dass sich unter den Zutaten für die Kekse auch die eine oder andere … sagen wir bewusstseinserweiternde Substanz befindet. Wie dem auch sei: Unser dritter Platz geht an yvettesformalbridal.com.

Platz 2: Arngren.net

Nur haarscharf am ersten Platz schrammt arngren.net vorbei. Beim Aufrufen der Seite stellt sich nur eine einzige Frage: Meinen die das ernst oder ist das ein Scherz? Ja, die meinen das ernst.

Platz 1: Havenworks.com

Sicherlich ist Content nach wie vor King. Doch wie teasert man das gesamte politische Wissen der Welt auf einer einzigen Web-Page an? Diese Frage beantwortet unser Sieger havenworks.com. Nehmen Sie sich gefühlte fünf Minuten Zeit für den Ladeprozess – auch Ihnen werden anschließend wahrscheinlich die Worte fehlen

Kennen Sie weitere Beispiele?

Dies sind zehn eindrucksvolle Beispiele dafür, wie blauäugig auch heute noch manche Unternehmen im Web zugange sind und wie man Potenziale und Geld mit vollen Händen zum Fenster hinauswerfen kann. Wir wollen gewiss nicht hämisch sein oder hochnäsig wirken – manchmal verschlägt es einem aber eben schier die Sprache, wenn man durchs Web surft …

Oder sind manche dieser Seiten vielleicht sogar schon wieder so strange, dass sie innovativ sind? Kennen Sie andere kuriose Beispiele, die unter Mottos wie „… hat sich bemüht …“ oder auch „… ist dieser Zeit voraus …“ stehen? Wir freuen uns auf Ihre inspirierenden Hinweise, bitte nutzen Sie die Kommentarfunktion unten.

Betreff

Ein vager, zu unverbindlicher Betreff führt wahrscheinlich dazu, dass der Empfänger die Nachricht löscht. Dabei sind die Anforderungen an den Betreff eigentlich eindeutig: Aus ihm soll hervorgehen, dass es sich nicht etwa um eine Werbe-E-Mail, sondern um die Bestätigung einer ganz bestimmten Transaktion handelt; er soll sich eindeutig und unmissverständlich auf ein getätigtes Geschäft beziehen.

Ein Betreff wie „Wichtige Nachricht“ wird mit hoher Wahrscheinlichkeit als Spam angesehen und sofort gelöscht – wenn die E-Mail nicht vorher schon dem Spam-Filter zum Opfer fällt. Der beispielhafte Betreff „Bestellbestätigung“ ist schon besser geeignet, jedoch zu vage, wenn keine weiterführenden Informationen wie eine Vorgangsnummer im E-Mail-Kopf enthalten sind.

Die Information „Ihre Bestellung wurde verschickt: [Bestellnummer]“ hingegen ist eindeutig. Zwar kann sie wiederum dazu führen, dass die E-Mail gar nicht erst geöffnet wird, aber das ist auch in Ordnung, wenn die Nachricht über diese Mitteilung hinaus keine relevanten Informationen enthält, die die unmittelbare Aufmerksamkeit des Benutzers erfordern. Diese Nachricht werden die meisten Nutzer wahrscheinlich höchstens zu einem späteren Zeitpunkt tatsächlich öffnen, und zwar dann, wenn eine Sendung nicht ankommt.

Absender

Neben einem aussagekräftigen Betreff ist ein eindeutiger Absender von entscheidender Bedeutung, im Idealfall der konkrete Unternehmensname. E-Mails, die keinem eindeutigen Absender zugeordnet werden können oder von einem unbekannten Absender stammen, bringen User in der Regel wenig Vertrauen entgegen und viele werden möglicherweise darauf verzichten, sie zu öffnen. Selbst Bestätigungs-E-Mails, die Nutzer erwarten, werden mitunter als Spam eingestuft, wenn sie nicht vom erwarteten Absender stammen.

(Tatsächlich haben wir in der Projektpraxis erlebt, dass Anfragen über ein Kontaktformular auf der Website eines Kunden nicht an einen Verteiler, sondern an die individuelle E-Mail-Adresse eines Mitarbeiters geleitet und auch von diesem beantwortet worden sind. Potenzielle Kunden haben sich eine Zeitlang über ein Usability-Erlebnis der besonderen Art gewundert – auf ihre Anfrage hin erhielten sie eine automatisierte Nachricht des Mitarbeiters, der freundlich mitteilte, sich noch bis dann und dann im Urlaub zu befinden.)

Auch kann sich ein langer Unternehmensname als problematisch erweisen, da kaum ein E-Mail-Programm oder Web-Mail-Dienst mehr als ca. 20 Zeichen darstellt und den Namen dann gegebenenfalls einfach abbricht. So, wie Unternehmen mit langen Firmennamen im Geschäftsalltag ggf. griffige Abkürzungen verwenden, sollte auch bei E-Mails auf „und Söhne GmbH & Co. KG“ verzichtet werden. Außer in der Signatur, wie in einem früheren Blog-Artikel Pflichtangaben für Geschäftsbriefe auch in E-Mails? dargestellt wurde.

Inhalt

Im Rahmen einer Studie von Jakob Nielsen wurden Nutzer gebeten, Inhalte zu priorisieren, die sie nach einer Bestellung in einer automatisierten Bestätigungs-E-Mail wünschen. Die Anforderungen unterscheiden sich je nach Gegenstand der Bestätigung etwas, doch einige Informationen werden grundsätzlich erwartet:

• Bestellnummer
• Inhalt der Bestellung
• Status der Bearbeitung bzw. Versandstatus
• Informationen, dass es tatsächlich eine Sendung gibt und dass diese tatsächlich auf dem Weg ist bzw. dass eine konkrete Transaktion oder Conversion abgeschlossen wurde
• Informationen, was zu tun ist, wenn etwas nicht funktioniert und die Sendung z.B. nicht ankommt

Auch vor dem Hintergrund der Wiederauffindbarkeit sind eindeutige, klare Bezeichnungen und Beschreibungen von Bedeutung. Möglicherweise will oder muss der Empfänger die E-Mail auch zu einem späteren Zeitpunkt noch einmal öffnen: Gerade wenn etwas nicht funktioniert hat, will der Nutzer die gewünschten Informationen rasch wiederfinden.

Alle Inhalte, die über die gerade angeführten Informationen hinausgehen, sind aus Sicht der meisten Nutzer nicht nur überflüssig, sondern ärgerlich. Vor allem zusätzliche Marketing-Inhalte empfinden die meisten Nutzer Nielsens Studie zufolge als unseriös und zudem geeignet, von tatsächlich wichtigen Inhalten abzulenken.

Mit automatisierten E-Mails Vertrauen aufbauen

Gute Bestätigungs-E-Mails können im Hinblick auf das Ansehen eines Unternehmens Wunder wirken. Erst wenn Kunden wissen, dass etwas passiert und dass alles seine Ordnung hat, ist eine Transaktion im Web zufriedenstellend abgeschlossen: Offenbar ist der Nutzer auf eine Website gestoßen, hinter der ein seriöses Unternehmen steht. Gleichzeitig kann eine schlechte automatisierte E-Mail-Kommunikation der Glaubwürdigkeit eines Unternehmens schaden: E-Mails, die dem Nutzer nicht helfen und die nicht für Klarheit sorgen, sondern die ihn vielmehr belasten, lösen keine Probleme, sondern sind selbst ein Problem.

Haben Sie zuletzt besonders gute oder schlechte Erfahrungen mit automatisierten E-Mails gemacht? Welche Best und Worst Practices würden Sie noch anführen? Wir freuen uns auf Ihr Feedback, bitte nutzen Sie die Kommentarfunktion unten.

Weiterführende Informationen

E-Mail-Missbrauch: Warum der Siegeszug der E-Mail zu weit gegangen ist
E-Mail-Werbung: Missverständnisse und Fallstricke
Nicht relevante E-Mails sind böse
Lohnen sich Spam-Filter in Unternehmen?

Auf den Punkt gebracht

Grundsätzlich vereint ein Corporate-Design-Manual die grafischen Richtlinien des Corporate Designs einer Marke oder eines Unternehmens, indem die einzelnen Design-Grundelemente näher definiert und in einer abschließenden Dokumentation festgehalten werden. Das Manual dient also der Vereinheitlichung und der Professionalisierung des Außenbildes. Und bei jedem Design-Projekt kann auf die gleichen verbindlichen Gestaltungsrichtlinien zurückgegriffen werden.

Dabei geht es weniger darum, ein festes Korsett zu schnüren, als vielmehr um die Balance zwischen variablen und konstanten Elementen. Die Dokumentation ist somit Informations-, Arbeits- und Orientierungsinstrument gleichermaßen.

Das Corporate Design ist erstellt, wozu noch ein Manual?

Vorab: Die Erstellung eines Corporate-Design-Manuals ist eine Leistung, die über die Entwicklung des eigentlichen Corporate Designs hinausgeht und mit zusätzlichen Kosten verbunden ist.

Diese Dokumentation ermöglicht Ihnen allerdings Kosteneinsparungen, die die Investition mehr als bezahlt machen. Zum einen bewahren Sie sich Flexibilität bei der Wahl Ihrer künftigen Dienstleister, zum anderen werden die beteiligten Designer bei kommenden Projekten wesentlich effizienter arbeiten, da die Rahmenbedingungen bereits definiert sind und man sich somit auf die Besonderheiten des jeweiligen Mediums konzentrieren kann.

Und neben einer effizienten internen und externen Kommunikation stellt ein CD-Manual einen rundum konsistenten Auftritt Ihres Unternehmens sicher. Diese Dokumentation hat also einen tatsächlichen Mehrwert, denn gerade ein konsistenter Auftritt vermittelt Ihren Kunden Beständigkeit und Professionalität. Nicht nur Ihre Kunden, auch Ihre Mitarbeiter werden dies honorieren.

Welche Lösungen gibt es?

Ein CD-Manual kann auf unterschiedliche Weise strukturiert werden. Die gängige Lösung ist indes ein allgemeines Corporate-Design-Manual, das in Sachen Umfang jedoch sehr variieren kann. Dabei gilt zumeist: Je größer ein Unternehmens ist und je mehr ausgearbeitete Medien abgebildet werden müssen, desto umfangreicher ist freilich auch das Manual.

Aus Gründen der Übersichtlichkeit ist es oft sinnvoll, das allgemeine Manual relativ kompakt zu halten und es stattdessen um medienspezifische Ausführungen zu ergänzen (z.B. mit separaten Styleguides für das Web oder für Kataloge etc.).

Die fertige Dokumentation kann gebunden, aber auch als Buch oder handliche Broschüre gedruckt werden. Eine weitere Möglichkeit ist ein Online-Manual im Inter- bzw. Intranet. Der Vorteil hierbei ist, dass Logos, Farben, Richtlinien und weitere Dokumente besonders schnell zur Verfügung stehen und bei Bedarf auch ebenso rasch aktualisiert werden können.

Ein professionelles CD-Manual als Bedienungsanleitung für Ihren ganzheitlichen Unternehmensauftritt enthält die Informationen, die Designer benötigen, um Ihre Medien konsistent und homogen zu gestalten. Mögliche Inhalte eines Corporate-Design-Manuals sind diese:

• Angaben zum Logo (Vermaßung, Schutzraum, zulässige Anwendungen)
• Farbkonzept (Unternehmensfarben mit allen relevanten Farbwerten, Verwendung der Farben)
• Schriftkonzept (Schriftarten, -größen, -hierarchien)
• Bildkonzept/Bildsprache
• Sekundäre Gestaltungselemente
• Layoutvorgaben/-prinzipien: Raster, Grundaufbau, Satzspiegel
• Anwendungsbeispiele
• Sprache: Claim, einheitliche Bezeichnungen, Formulierungen und Sprachstile
• Zusätzliche medienspezifische Aspekte: z. B. bei Websites: Seitentypen, Navigation, Buttons, Icons, Tabellen etc.; z. B. beim Katalog: Seitentypen, Seitenabfolge, konkreter Umgang mit dem Raster, ausführliche Schriftanwendung usw.

Um eine konkrete Vorstellung und ein Gefühl für die Ergebnisse zu bekommen, die aus einem hochwertigen CD-Manual hervorgehen, schauen Sie sich doch einmal einige unsere Arbeitsergebnisse an:

• SnowTrex (CD-Manual, Katalog- und Web-Styleguide)
• Beilstein-Institut (Web-Styleguide)
• $Foo-Magazin (Magazin-Styleguide)
• DG-Verlag (Web-Styleguide)

Weitere Informationen und Kontaktmöglichkeiten finden Sie auf unserer speziellen Seite zum Thema Corporate Design.

Weiterführende Artikel

Die Website von //SEIBERT/MEDIA/DESIGN
Kleider machen Leute, Design macht Unternehmen
Acht Vorurteile gegenüber Design und Designern
Einen Designer besser verstehen: So denkt und arbeitet er

Das TTN-Hessen ist der Zusammenschluss der hessischen Hochschulen mit den führenden hessischen Wirtschaftsverbänden. Ziel des Netzwerks ist es, Transfer-Aktivitäten von Wissenschaft und Wirtschaft zu bündeln und zu vermarkten, sowie den Wissens- und Technologietransfer in Hessen zu fördern.

Die Aufgabe von //SEIBERT/MEDIA besteht nun darin, ein konsequentes Corporate Design zu schaffen, welches sich in das Design des Landes Hessen integrieren lässt. Gemeinsam mit dem Kunden werden wir in diesem Rahmen zuerst den neuen Internetauftritt konzipieren und umsetzen.

Wir freuen uns auf die Zusammenarbeit im neuen Jahr und auf ein spannendes Projekt.

Abb.: Zugriffsentwicklung im 12-Monats-Verlauf, Grafik realisiert mit Confluence-Charts

Schwerpunkt Film

Zunächst zu einem konzeptionellen Schwerpunkt. Wir haben 2009 auf bewährte Formate gesetzt und mehr als 40 neue Podcasts produziert, aber auch neue Konzepte integriert: Seit diesem Jahr bereichert mit nützlichen Tutorials und vielen Vodcasts das Format Bewegtbild unseren Blog.

• Alle Vodcasts von //SEIBERT/MEDIA

Schwerpunkt Unternehmenskommunikation

Kollaborative Tools gehören zu den Themen des Jahres und das Stichwort Enterprise 2.0 ist eines der meistgebrauchten Buzzwords, wenn es um Intranet-Technologien geht. Hinter diesem Hype steckt tatsächlich etwas, denn Unternehmen können von Social-Media-Konzepten und -Tools signifikant profitieren – eine geeignete Einführungsstrategie und eine entsprechende Unternehmenskultur vorausgesetzt.

2009 haben wir mehr als 30 Wiki-Artikel publiziert, die sich mit Potenzialen, Funktionen und Anwendungsfällen von Enterprise Wikis befassen, und Wissenswertes über Projektabläufe veröffentlicht. Darüber hinaus sind die Anwendung des Micro-Blogging-Konzepts im Unternehmen und das systematische Aufgabenmanagement mit professionellen Tools in mehreren ausführlichen Beiträgen thematisiert worden.

Und nicht zuletzt haben wir uns Google Wave gewidmet, dem Thema der Stunde weit über Unternehmensgrenzen hinaus. Unser vielbeachteter Beitrag blickt auf Google Wave voraus, stellt die zu erwartenden Features vor und wagt eine erste Prognose. Ein halbes Jahr später haben wir die Beta-Version von Google Wave testen können und eine ausführliche Bestandsaufnahme erarbeitet, die auch im TechCrunch-Blog erschienen ist und dort erhebliche Resonanz hervorgerufen hat. Unser Zwischenfazit:

Wenn man sich ansieht, wie die Waves in einer Geschwindigkeit, der kein Mensch folgen kann, aktualisiert werden, wird klar, warum vor allem wenig Technologie-affine Nutzer Google Wave als zu komplex empfinden werden. Für professionelle Zusammenarbeit empfehle ich nach wie vor Wikis. Wer jedoch tatsächlich an Echtzeit-Kollaboration interessiert ist, wird mittelfristig wohl kaum um Google Wave herum kommen. Allerdings sind sehr gute Web-Kenntnisse und Technologie-Know-how im Unternehmen unverzichtbar.

Die wichtigsten Artikel zum Thema Social Media:

• Architektur eines Wiki-Projekts: Elemente, Ablauf, Vorgehen, Regeln
• Google Wave: Ein Ausblick auf eine neue Stufe der Unternehmenskommunikation
• Warum Google Wave nichts taugt und warum es trotzdem alle nutzen werden
• Micro-Blogging im Unternehmen: Potenziale und Anwendung am Beispiel des //SEIBERT/MEDIA-Micro-Blogs
• Aufgabenmanagement: Argumente für JIRA

Schwerpunkt Web 2.0 und Internet-Nutzung

Nachdem sich der Hype um das Web 2.0 in den letzten Jahren etwas gelegt hat, beschreiben immer mehr seriöse Studien den tatsächlichen Stand der Dinge in Sachen Web-Nutzung sowie die Möglichkeiten und auch die Schwierigkeiten, mit denen das Web-2.0-Umfeld zu schaffen hat. Diese Entwicklung haben wir auch 2009 intensiv verfolgt und regelmäßig aktuelle Forschungsergebnisse aufgegriffen, kommentiert und interpretiert. Unser Zwischenbilanz:

Man wird im Zusammenhang mit dem Web 2.0 sozusagen von einer Zwei-Klassen-Gesellschaft sprechen dürfen: Einerseits bedienen Angebote wie die großen Portale und die privaten Netzwerke ein Mainstream-Publikum und haben es teilweise auf eine beeindruckende Durchdringung des Webs gebracht, andererseits stagnieren die Zahlen bei Angeboten, die „nur“ Partikularinteressen entgegenkommen und von den Zielgruppen auch intensiv genutzt werden, aber sich der Mehrheit der User verschließen. Tatsächlich kann man wohl auch davon ausgehen, dass hier die Nutzerpotenziale weitgehend ausgeschöpft sind.

Die wichtigsten Artikel zum Thema Web-Nutzung:

• Internet Nutzung: Nutzerzahlen auf höchstem Niveau, Web-Bindung immer enger
• Web 2.0 und der Stand der Dinge: Wer generiert die Inhalte?
• Web 2.0 und der Stand der Dinge: Wer nutzt das Web 2.0 eigentlich?

Schwerpunkt Usability

Wie wichtig Usability im Web ist, hat sich glücklicherweise herumgesprochen. Wir beobachten nun, dass immer mehr Unternehmen auch die Nutzerfreundlichkeit ihrer Intranet-Anwendungen verbessern möchten. Vor diesem Hintergrund haben wir in diesem Jahr neben Personas insbesondere User-Tests thematisiert und deren Bedeutung gerade im Zusammenhang mit der Optimierung von Intranet-Software hervorgehoben:

Vor einem User-Test wird häufig leidenschaftlich diskutiert, und die Beteiligten klammern sich an ihre Überzeugungen. Nach einem User-Test gibt es keine Diskussionen mehr, die Fakten sprechen eine klare Sprache. Entscheidern fällt es wie Schuppen von den Augen, wenn sie in den Highlight-Videos sehen, wie ein Proband nach dem anderen über ein Problem stolpert.

Die exklusiven deutschen Übersetzungen der Fachartikel des renommierten Usability-Experten Jared M. Spool, dessen Kompetenz Leser in aller Welt ebenso schätzen wie seine sprachliche Verve, runden unser Portfolio an Usability-Beiträgen ab.

Die wichtigsten Usability-Artikel:

• Die politische Komponente von User-Tests
• Mehr als nice-to-have: In welchen Projekten Personas unverzichtbar sind
• Warum Mailto-Links auf Websites vermieden werden sollten
• Der Moderator als multiple Persönlichkeit: Drei Rollen bei der Durchführung von User-Tests

Schwerpunkt Design

Auch die Design-Abteilung hat im Jahr 2009 einmal mehr Akzente im //SEIBERT/MEDIA-Blog gesetzt. Neben aktuellen Artikeln rund um interessante Projekte sind unsere Design-Fachleute in Form ausführlicher Experten-Interviews zu den Themen Logo-Entwicklung und Web-Design zu Wort gekommen. Die Schlagzeile des Jahres aber ist und bleibt:

//SEIBERT/MEDIA/DESIGN erhält den iF-Award!

Die wichtigsten Design-Artikel:

• Design-Auszeichnung: //SEIBERT/MEDIA erhält den iF-Award
• Experten-Interview: Logo-Analyse, geschichtenerzählende Logos und Logo-Trends
• Experten-Interview: Was machen Web-Designer eigentlich genau?
• Sichtweisen auf Tag-Clouds: Wortwolken unter Design-Aspekten

Schwerpunkt Online-Marketing

Der Bereich Online-Marketing spielt im //SEIBERT/MEDIA-Blog nach wie vor eine gewichtige Rolle. Im Mittelpunkt steht vor allem Google, dessen Dienste natürlich zentrale Instrumente in Sachen Werbung und Marketing sind – doch wir blicken auch über den Tellerrand hinaus. Und im Zusammenhang mit Google, SEO und SEM sind auch Landing-Pages eines der Themen der Stunde, dem wir uns intensiv widmen:

Wir beobachten den Trend, dass normale Unternehmens-Websites im Zuge eines viel bewussteren und zielstrebigeren Online-Marketings immer weniger Chancen gegenüber klar positionierten Landing-Pages haben. Viele Websites entstanden unter dem „Wir-müssen-im-Web-sein“-Ansatz und wiesen vor allem beschreibende Inhalte auf. Eine eigens auf die Leistung oder das Produkt ausgerichtete Landing-Page bietet dagegen das, wonach der User sucht, nämlich die wichtigsten Informationen zum Thema ohne Ablenkungen oder Alternativen und eine eindeutige, konkrete Aufforderung zu einer erfolgversprechenden Handlung.

Die wichtigsten Artikel zum Thema Online-Marketing:

• Landing-Pages und Corporate Websites: Goldgrube und Millionengrab?
• Google AdWord vs. Bannerwerbung: Ein Bericht aus der Online-Marketing-Praxis
• Globales Suchmaschinen-Marketing darf nicht nur auf Google setzen
• Online-Werbung trotz Krise auf Wachstumskurs, aber auch vor Herausforderungen

Schwerpunkt Technologie

2009 sind die Entwickler von //SEIBERT/MEDIA/TECHNOLOGIES leider etwas zu selten zu Wort gekommen – daran werden wir im anbrechenden Jahr arbeiten! Trotzdem haben wir auch in diesem Jahr über einige spannende Technologien berichtet und z.B. Micro-Blogging-Systeme auf Herz und Nieren geprüft, eine TYPO3-Bestandsaufnahme gemacht und das Framework Grails thematisiert. Dem Cloud Computing – laut Gartner Hype Cycle dem IT-Trend 2009 schlechthin – haben wir uns schon Anfang des Jahres ausführlich gewidmet:

Wie so viele neue Technologien birgt das Cloud-Computing nicht nur Potenziale, sondern stellt Unternehmen auch vor Herausforderungen. Ein kritischer Faktor ist die Sicherheit. Unternehmen sollten auch berücksichtigen, dass in den europäischen Ländern hohe Anforderungen an das Auslagern von Daten bestehen: So dürfen Kundendaten in der Regel nur im Unternehmen selbst gespeichert werden. Für einzelne Anwendungsgebiete wie beispielsweise die Ablage des E-Mail-Verkehrs ist die Auslagerung in die „Rechnerwolke“ allerdings auch für deutsche Unternehmen eine vielversprechende Option – ein schlüssiges Sicherheitskonzept vorausgesetzt.

Die wichtigsten Technologie-Artikel:

• Cloud-Computing: Chancen und Herausforderungen
• Grails: Kurze Entwicklungszeiten und nahtlose Java-Integration
• Experten-Interview: TYPO3, kritische Punkte und gute Aussichten
• Micro-Blogging: Laconica und Yammer im Intranet

An dieser Stelle möchten wir uns bei Ihnen für das Interesse und den Input bedanken – bleiben Sie weiter dabei! Allen Lesern einen guten Rutsch und einen tollen Start ins neue Jahr wünschen das //SEIBERT/MEDIA-Blog-Team und alle Mitarbeiter!

Wir möchten diese Gelegenheit nutzen, um uns bei unseren langjährigen Partnern ebenso wie bei unseren neuen Kunden für das Vertrauen und die Zusammenarbeit zu bedanken. Auch den Unternehmen, Institutionen und Personen, die //SEIBERT/MEDIA darüber hinaus verbunden sind und den Lesern unseres Weblogs gelten unser Dank und unser Weihnachtsgruß.

Wir haben angeregt diskutiert, wie die diesjährige Weihnachtsaktion von //SEIBERT/MEDIA aussehen könnte. Wir hatten viele Alternativen. Eine einfache E-Mail ist schön und gut, zu Weihnachten aber zu unpersönlich. Gedruckte Weihnachtskarten sind da schon besser, allerdings bewegen wir uns ja verstärkt in der digitalen Welt. Um das Jahr ausklingen zu lassen, haben wir uns als Web-Unternehmen daher etwas Besonderes einfallen lassen: die //SEIBERT/MEDIA Weihnachtsseite!

Und was liegt hier näher, als dafür ein Video als Medium zu wählen? Einerseits ist Bewegtbild das Thema der Stunde im Web, andererseits gehören Konzeption und Umsetzung von Filmideen auch zu unseren Kompetenzen.

Wir haben vieles von dem, was uns auszeichnet, in unsere Weihnachts-Webseite einfließen lassen. In Bild und Ton können Sie uns, die Leute hinter //SEIBERT/MEDIA, nun erleben. Wie, das verraten wir an dieser Stelle nicht. Klicken Sie doch mal rein, lassen sich überraschen und teilen uns Ihre Meinung mit. Wir haben uns jedenfalls richtig Mühe gegeben – wie immer!

Zur Weihnachtsseite des //SEIBERT/MEDIA-Teams

Ein frohes Fest, ein tolles Jahr wünschen Ihnen die Teams von

Natürlich will man nicht zu viel Zeit in eine vorübergehende Seite investieren, während man noch mit der Erstellung der eigentlichen Website beschäftigt ist. Für einen professionellen Auftritt ist es jedoch sinnvoller, den frühen Besucher, der einem Link gefolgt ist oder die URL manuell aufgerufen hat, gebührend zu empfangen und ihn kurz über die demnächst verfügbaren Inhalte zu informieren. Und wo vor zehn Jahren ein simpler Under-Construction-Hinweis gang und gäbe war, wissen weitsichtige Unternehmen und Website-Betreiber heute, dass auch mit einer Baustellenseite Aufmerksamkeit generiert werden kann und sogar Marketing-Effekte zu erzielen sind – sofern sie professionell umgesetzt wird und zentrale Anforderungen erfüllt.

Welche grundlegenden Arten gibt es?

Die Informative: Sie kündigt den Launch oder Relaunch der Seite an und informiert den Besucher über das, was ihn in Zukunft auf der Seite erwartet. Dabei kann es sich um eine bloße Andeutung handeln, um Neugier zu wecken, oder so weit gehen, dass bereits erste, besonders wichtige Inhalte der zukünftigen Website enthalten sind.

Die Einladende: Sie geht einen Schritt weiter und animiert den User zur Interaktion. In der Regel handelt es sich dabei um die Aufforderung, eine E-Mail-Adresse zu hinterlassen, um über Fortschritte auf dem Laufenden gehalten zu werden, den Go-live-Termin nicht zu verpassen, eine Einladung für eine Testversion zu erhalten oder ähnliches.

Welche Anforderungen sollte eine Baustellenseite erfüllen?

Eine gute Baustellenseite sollte drei zentrale Fragen beantworten: Wer, was, wozu? Es sei denn, man plant die ganz große Überraschung und will tatsächlich bewusst Rätsel aufgeben …

WER ist der Absender der Seite? Zu den wichtigen Informationen gehören das Logo und die Kontaktdaten. Aber auch ein erstes Branding der Seite durch Corporate-Design-Elemente ist sehr sinnvoll (z. B. durch Verwendung des Schrift- und/oder Farbkonzepts und grafischer Elemente).

WAS macht das Unternehmen bzw. die Person hinter der entstehenden Website? Ein Slogan und ein kurzer Infotext sollten erklären, was eigentlich im Entstehen begriffen ist.

WOZU dient die Website? Welchen Zweck hat sie? Und vor allem: Warum ist die Seite nützlich für mich? Baustellenseiten sind weniger eine Übergangslösung als vielmehr eine Ankündigung, deren Sinn darin besteht, Aufmerksamkeit zu gewinnen, im Optimalfall neugierig zu machen und Besucher zu einem weiteren Besuch der Seite zu animieren.

Deshalb sollte man zwar einige Informationen zur Verfügung stellen, aber noch nicht zu viel verraten – die Inhalte der gesamten späteren Website können und sollen natürlich nicht auf einer Baustellenseite abgebildet und angeteasert werden. Es ist gut und sinnvoll, Spannung aufzubauen, denn Neugier ist ein guter Motivator.

Ein Mehrwert für User und Betreiber der Website

Die Registrierungsoption ist eine zentrale Funktionalität einer Baustellenseite: Sie bietet dem Nutzer die Möglichkeit, über Fortschritte an der Website und den Launch auf dem Laufenden gehalten zu werden, er verpasst den Go-live-Termin nicht. Für den Betreiber wiederum ist die Registrierungsoption ein gutes Marketing-Tool, denn er generiert hochwertige Kontakte in einem sehr frühen Stadium seiner Web-Präsenz bzw. in einer Phase, während der sonst kaum Conversions zu erzielen sind. Darüber hinaus kann eine Baustellenseite noch mehr leisten, indem sie den User um seinen Input bittet. Häufig geschieht das in Form der Einladung zu einer Umfrage oder zu einem Alpha- oder Beta-Test. Einerseits kann der Nutzer an der Optimierung der Seite mitwirken (und ggf. sogar etwas gewinnen), andererseits erhält der Betreiber wertvolle, aufschlussreiche Informationen unmittelbar aus der Zielgruppe.

Kurz gesagt

Eine gute Baustellenseite weckt nicht nur Aufmerksamkeit, informiert und macht Lust auf die zukünftige Seite, sondern sie kann durch gezielte SEO-Maßnahmen der zukünftigen Website auch zu einem guten Start zu verhelfen. Es lohnt sich für Unternehmen also, auch bei einer „Übergangslösung“ Sorgfalt walten zu lassen.

Beispiele

1. uoOo: Deutet das Thema der Website – Video – bildhaft an.
2. TwentyFeet: Animierte Baustellenseite in Form eines Layers über der bereits bestehenden Startseite.
3. Foundation Six: Reduzierte Baustellenseite, die bereits Logo und Farbwelt erkennen lässt.
4. Remindness: Diese Seite bietet Besuchern die Möglichkeit, sich für E-Mail-Updates einzutragen
5. ELW: Informative Baustellenseite, die über ein integriertes Kontaktformular verfügt.
6. Better Blogger: Gibt einen Eindruck von der Website, ohne zu viel zu verraten.

Weiterführende Informationen und viele Beispiele:
Designing “Coming Soon” Pages

Wir sind an dem Punkt angekommen, dass die Design-Abteilung dem Kunden die Layouts präsentieren. Dieser entscheidet sich, nun beginnt die Umsetzung. Was haben Designer dann konkret zu tun?

Der nächste Schritt auf dem Weg zur Programmierung ist die Vermaßung. Ich nehme das Layout, das ich mit Photoshop gestaltet habe, und vermaße wirklich die einzelnen Bereiche. Man schaut also, wie breit die rechte Spalte ist, wie breit die linke Spalte, wie breit der Content-Bereich …

Auf Pixel-Ebene.

Ja. Jeder Abstand wird pixel-genau festgehalten, jede Button-Größe usw. Die Farben werden entnommen, es wird festgehalten, welche Farbwerte wo eingesetzt werden müssen. Und so geben wir das an die Programmierung weiter: alle Abstände, Größen, Farben. Die Programmierer bekommen von uns einen großen Ausdruck der Seite, auf dem all diese Werte genau vermerkt ist.

Neben den exakten Maßen und Farben kommunizieren wir der Programmierung auch die verwendeten Schriftarten und -größen (also das Typographiekonzept) sowie das Verhalten von interaktiven Elementen (Links, Buttons usw.) und der Navigation. Wie groß ist zum Beispiel die Hauptüberschrift? Wie reagieren Links und Buttons bei einem Mouse-over-Effekt? Wie sieht ein Navigationspunkt im aktiven Zustand aus?

Zudem erstellen wir die Bilder, die die Entwickler brauchen. Es wird ja nicht alles auf der Seite programmiert. Buttons zum Beispiel, die dreidimensional aussehen, die Glanzeffekte haben, die haptisch wirken, kann kein Entwickler programmieren – das sind Bilder, die wir mit Photoshop erstellen und an die Programmierer weitergeben.

Apropos Programmierbetreuung. Das ist ein Posten, der in jedem Angebot enthalten ist. Was gehört denn zur Programmierbetreuung, welche Unterstützungsarbeiten sind nötig?

Die Vermaßung gehört schon dazu, das Aufbereiten der Layouts, damit die Entwickler damit weiterarbeiten können. Dazu kommt die Erstellung der Bilder, die der Programmierer integriert. Programmierbetreuung ist darüber hinaus vor allem Qualitätssicherung.

Zwischendurch schickt uns der Entwickler immer wieder einen Vorschau-Link auf den aktuellen Zwischenstand: So sieht das jetzt aus, schaut mal, da fehlt noch ein Bild, hier weiß ich nicht genau, was ich machen soll. Also schauen wir immer drüber, setzen uns gegebenenfalls nochmal zusammen oder schicken kleine Änderungs- und Korrekturwünsche per E-Mail an den Programmierer. Da arbeiten wir Hand in Hand.

Die Entwickler haben nun also mit der Umsetzung angefangen, alles geht den ganz normalen Projektweg in der Reihenfolge Konzeption, Design, Programmierung. Jetzt merkt der Kunde, dass ihm auf einer Unterseite die Farbe der Buttons oder der Navigationsleiste so doch nicht gefällt. Nun möchte er also eine Farbänderung: Hier muss das Blau ein bisschen heller werden. Das wird ja wohl kein großer Aufwand sein …

Wenn es eine Farbänderung ist, die nur die Programmierung betrifft, ist es keine große Sache, nein. Der Entwickler muss nur im Hexadezimalcode den entsprechenden Wert ändern, und das überträgt sich ja auf alle anderen Templates.

Eine größere Sache ist es dann, wenn wir Designer Bilder anfertigen müssen, denn dann sind Farbänderungen immer mit Mehrarbeit verbunden. Sagen wir mal, es gibt auf der Seite 20 Buttons für alle möglichen Funktionen. Wenn es sich dabei um einen Button handelt, der nur mehrfach auf der Seite eingesetzt wird (z.B. ein Pfeil), muss man natürlich den Button auch nur einmal bearbeiten.

Oft ist es aber so, dass Buttons mit Text, Glanzreflexen oder Schattierungen versehen sind. Wenn der Kunde dann sagt, dass ihm die Hintergrundfarbe der Buttons doch nicht mehr gefällt, die Schrift darauf aber weiß bleiben soll, muss man bei jedem einzelnen Button die entsprechende Farbebene angehen.

Heute werden zudem häufig Mouse-over-Effekte eingesetzt, um die Seite benutzerfreundlicher machen: Sobald man mit der Maus über ein Element fährt, soll der Bereich dunkler werden, wenn man klickt, soll er eine andere Farbe bekommen usw. Für jeden dieser Zustände (normal, mouse-over, aktiv) muss ein weiteres Bild erstellt werden. Und bei 20 Buttons können daraus schnell mal 40 bis 60 Bilder werden, die man bearbeiten muss.

60 Bilder neue Bilder für einen etwas helleren Blauton!

Die Erstellung zum Beispiel solcher Buttons ist eben liebevolle Detailarbeit, die nicht automatisiert werden kann. Das ist ein nicht zu unterschätzender manueller Aufwand.

Sicher kann man auch später immer Änderungen vornehmen, und wir machen das natürlich auch, wenn der Kunde das möchte. Gerade zu einem fortgeschrittenen Projektzeitpunkt sollte man über Bedarfsänderungswünsche aber wirklich gut nachdenken. Zum einen sind das ja häufig Zusatzleistungen, zum anderen können solche Änderungen auch den Projektzeitplan ziemlich durcheinanderbringen.

Wenn unser Kunde prototypische Layout-Vorschläge vorliegen hat, empfehle ich, dass sich wirklich alle Mitentscheider an einen Tisch setzen und die Entwürfe bis ins Detail diskutieren und durchgehen. In diesem Stadium ist es kein Problem, etwa eine Farbe anzupassen, und in diesem Stadium sollte so etwas im Optimalfall auch geschehen.

Spät vorgetragene Änderungswünsche bedeuten immer Verzögerung und Zusatzaufwand. Das geht nicht anders, das ist eben Handarbeit. Aber mit dieser professionellen, akribischen Arbeitsweise sind unsere Kunden auch zufrieden, weil so die hochwertigsten Ergebnisse, individuelle Ergebnisse erzielt werden.

Marion, vielen Dank für die Einblicke und die Zeit!

Weitere Informationen:
Einen Designer besser verstehen: So denkt und arbeitet er
Einen Designer besser verstehen: Seine Illusionen und seine Realität
Acht Vorurteile gegenüber Design und Designern

Marion, was Web-Designer machen, ist klar: Layouts erstellen.

Klar, das machen wir natürlich. Aber bis dahin ist viel zu tun und auch darüber hinaus.

Lass uns also mal in einem Web-Projekt ganz von vorn anfangen und dieses aus Design-Perspektive nachvollziehen. Der Kunde bekommt am Anfang zunächst einen mehrseitigen sogenannten Design-Fragebogen. Darin werden Fragen gestellt wie: Ist meine Kundschaft eher extrovertiert oder introvertiert? Wie alt sind die Zielgruppen? Und so weiter. Und der eine oder andere Kunde fragt sich nun womöglich: Wozu denn das?

Für einen Designer ist es sehr wichtig, etwas über die Werte des Kunden zu erfahren, seine Eigenschaften zu kennen usw. Das wirkt sich auf die ganze Gestaltung aus. Also muss man den Kunden kennenlernen und erfahren, wie er ist, wie er sich nach außen hin zeigen möchte, was ihm wichtig ist, welche Werte er vermitteln will. Das ist kein Selbstzweck, sondern die Voraussetzung für ein Design, das individuell ist und dem Kunden hilft, seine Ziele im Web zu erreichen.

Das wiederum kann man nur feststellen, wenn man direkt mit dem Kunden spricht oder ihm zur Vereinfachung eben einen Design-Fragebogen schickt. Darin wird zum Beispiel nach Zielgruppen gefragt: Wen möchte das Unternehmen ansprechen? Was will es nach außen transportieren? Oder: Wie ist das Unternehmen selbst aufgebaut und strukturiert? Wenn wir das wissen, wenn wir einschätzen können, wer und wie dieses Unternehmen ist, können wir die Anforderungen definieren, die für eine individuelle Gestaltung wichtig sind.

Wie konkret müssen oder sollten denn die Vorstellungen sein, die der Kunde in ein Projekt mitbringt?

Das ist ganz unterschiedlich. Oft hat der Kunde ja bereits einen Web-Auftritt, er hat auch ein Image, eine Identität. Es geht dann vor allem darum, etwas zu verbessern, die vorhandene Basis zu nehmen und auf dieser Grundlage weiterzuarbeiten. Das ist natürlich weniger Aufwand, als wenn wir etwas ganz Neues entwickeln.

Wenn unser Kunde aber sagt: Ich habe eigentlich noch nichts im Web und nun möchte ich eine richtig schöne, tolle Website … Jaaa, dann müssen wir fragen: Was heißt denn schön, was heißt denn toll für Sie? Und für Ihre Kunden? Was möchten Sie denn mit der Website vor allem erreichen? Das müssen wir herausarbeiten. Und das können wir uns nicht einfach ausdenken, sondern müssen es im Gespräch mit dem Kunden klären. Dabei ist auch der Design-Fragebogen sehr hilfreich.

Es kommt sicher auch vor, dass der Kunde trotzdem gar keine rechte Vorstellung hat …

Dann kann man es mit ihm gemeinsam erarbeiten. Wenn er noch überhaupt nicht weiß, in welche Richtung es gehen soll, ist zum Beispiel ein Workshop sinnvoll. Im Workshop zeigen wir dem Kunden Beispiele, wir sprechen mit ihm durch, welche Richtungen es überhaupt gibt und was möglich ist. Und wir können ihm natürlich sagen, was unserer Meinung nach sinnvoll wäre. Zusammenarbeit ist dabei sehr wichtig, und wenn man sich so intensiv austauscht, kristallisiert sich auch die Richtung heraus, in die es gehen soll.

Ihr habt also gemeinsam eine Richtung und die Anforderungen definiert. Wie geht’s weiter?

Wir entwickeln Prototypen in verschiedenen Stilen, die auf dem Fragebogen und den Gesprächen basieren. Das sind rohe Entwürfe, die zu dem passen, was wir gemeinsam herausgearbeitet haben, aber sie tendieren eben in etwas unterschiedliche Richtungen. Der eine Vorschlag ist vielleicht ein bisschen mutiger, ein bisschen innovativer, der andere eher klassisch und konventionell. Zwischen diesen prototypischen Layouts entscheidet der Kunde sich dann.

Zudem gestalten wir auch Unterseiten, die Website soll ja durchgängig hochwertig sein. Es wird problematisch, wenn nur die Startseite toll ist und man keine Gedanken an Details verschwendet – auf den Unterseiten wird es dann schnell chaotisch und inkonsistent. Hier muss es eine einheitliche Linie geben. Erst wenn auch die Unterseiten freigegeben sind, gehen die Layouts an die Programmierung.

Und was bekommt der Kunde zur Freigabe in die Hand? Hier ist der Preview-Link, schau’n Sie mal?

Der Kunde bekommt von uns standardmäßig eine ausführliche PowerPoint-Präsentation. In der erklären wir alles ganz genau: das Raster, das verwendet wird, die einzelnen Gestaltungselemente, die wir integriert haben, das Bildkonzept, das Navigationsverhalten, das Typographiekonzept, Farben.

Dazu kommen gegebenenfalls Specials wie Animationen, integrierte Videos usw. oder Effekte wie beispielsweise ein Web-Karussell – Elemente, die die Website benutzerfreundlicher oder auch innovativer machen sollen. Nachdem wir diesen Aufbau schrittweise erklärt haben, stellen wir die kompletten Layouts vor, in denen alle Elemente vereint sind. Wir erklären dem Kunden also, warum wir was wie machen, welchen Sinn und welche Funktion jedes Element im Gesamtkontext hat.

Im zweiten Teil des Interviews erklärt Marion Fielder, was nötig ist, um Layouts für die Programmierung aufzubereiten, was Vermaßung und Programmierbetreuung bedeuten und warum Bedarfsänderungen manchmal ganz einfach umzusetzen sind, manchmal aber auch gehörigen Zusatzaufwand erfordern.

Weitere Informationen:
Einen Designer besser verstehen: So denkt und arbeitet er
Einen Designer besser verstehen: Seine Illusionen und seine Realität
Acht Vorurteile gegenüber Design und Designern

Während sich der Spätsommer draußen mancherorts noch ein letztes Mal aufbäumt, stehen drinnen bereits Aufsteller mit Lebkuchen in den Supermärkten, und auch Schoko-Weihnachtsmänner dürften nicht mehr lange auf sich warten lassen. Uns als Endverbraucher erscheint das vielleicht etwas verfrüht, für Sie als Unternehmen ist spätestens jetzt aber genau der richtige Zeitpunkt, um an eine passende und originelle Weihnachtsaktion für Ihre Kunden, Kollegen oder Partner zu denken.

Die Möglichkeiten sind nahezu unbegrenzt, doch selbst bei vergleichsweise kleinen (aber feinen) Aktionen sollten gewisse Zeitpuffer berücksichtigt werden, beispielsweise wenn neben der Realisierung einer Online-Aktion auch Print-Materialien zu erstellen sind oder nette Give-aways produziert werden sollen. Keine schlechte Idee also, sich rechtzeitig auf die Vorweihnachtszeit einzustellen.

Originelle Online-Aktionen kommen an

Wer nicht den klassischen Postweg gehen möchte, kann seine Kunden oder Geschäftspartner online überraschen. Ein schönes Beispiel hierfür ist der Online-Adventskalender der Fink & Fuchs Public Relations AG.

Die Fink & Fuchs Public Relations AG hatte //SEIBERT/MEDIA/DESIGN im letzten Jahr mit der Gestaltung und Umsetzung eines Online-Adventskalenders beauftragt. Der Anspruch des Online-Kalenders bestand darin, den Leser auf witzige Art und Weise durch die Adventszeit zu begleiten und die Vorweihnachtswochen durch praktische Tipps und originelle Infos etwas entspannter zu machen – und nebenbei für einen regelmäßigen und dauerhaften Kontakt zum Kunden zu sorgen.

Dies wurde mithilfe von 24 kurzen Flash-Animationen verwirklicht. Passend zum jeweiligen Inhalt setzt Chris, der virtuelle Berater, in seiner lustig-charmanten Art das jeweilige Thema visuell in Szene. Chris ist ein sympathischer, witziger und etwas chaotischer Typ. Er repräsentiert die Fink & Fuchs Public Relations AG als kreative und frische Agentur. Darüber hinaus positioniert sich die Agentur mit der Online-Aktion als Multimedia-affin und Web-erfahren.

Der Aufwand hat sich gelohnt: Die Liebe zum Detail, die originellen Ideen, die sorgfältige Umsetzung und das investierte Herzblut sind von Kunden, Partnern und Lieferanten sehr positiv aufgenommen worden.

Individuelle Aufmerksamkeiten erregen Aufmerksamkeit

Auch für Unternehmen, die besonderen Wert auf individuelle Weihnachtsgrüße an ihre Kunden oder Geschäftspartner legen, stehen viele Möglichkeiten offen. Ein Beispiel für eine persönliche Aufmerksamkeit, die auch für Aufmerksamkeit sorgt, ist die Weihnachtsaktion von //SEIBERT/MEDIA/DESIGN 2008.

Ziel der Aktion war es, uns auf ungewöhnliche Weise bei langjährigen Kunden für ein arbeits- und erfolgreiches Jahr zu bedanken und gleichzeitig das kreative Potenzial von //SEIBERT/MEDIA/DESIGN noch einmal unter Beweis zu stellen.

Die Idee: Jede Praline steht für ein gemeinsames Projekt. Die Pralinenschachtel trägt die Aufschrift: „2008 ist gegessen“, und dieser Satz ist wörtlich zu nehmen. Die Überraschung beim Öffnen: Es fehlen einige der leckeren Pralinen; in den leeren Feldern ist vermerkt, für welches gemeinsame Projekt die jeweilige Praline gestanden hat. Auf der Innenseite des Deckels wird der Kreis auf charmante Art und Weise geschlossen: „Danke, das war sehr gut – mehr davon! Hiermit erhalten Sie einen kleinen Vorgeschmack auf 2009.“

Denken Sie über eine kreative und gelungene Weihnachtsaktion nach, die zu Ihrem Unternehmen ebenso passt wie zu Ihren Kunden und Partnern? Fragen Sie uns: Unser Team übernimmt gerne die komplette Abwicklung von der Konzeption bis zur Umsetzung. Darüber hinaus kooperieren wir eng mit professionellen Werbemittelpartnern und kümmern uns auch um die Produktion Ihrer vorweihnachtlichen Überraschung.

Weitere Informationen

Die Website von //SEIBERT/MEDIA/DESIGN
Online-Adventskalender: Originell und zeitgemäß
Erfolgreich werben mit individuellen Werbemitteln

Wie in jedem Jahr werden auch diesmal alle mit dem iF-Award prämierten Beiträge in Bild und Text in einem Buch vorgestellt. Das iF-Jahrbuch fasst so die aktuellen Design-Entwicklungen der letzten 12 Monate zusammen und dient Design-Interessierten als Nachschlagewerk und Inspirationsquelle.

Das iF-Jahrbuch 2009 ist jetzt erschienen und wir sind stolz darauf, die Website von i wie ida darin wiederzufinden.

Der 450 Seiten starke Band ist im Birkhäuser Verlag erschienen und zum Preis von 49,90 Euro erhältlich.

Das iF-Jahrbuch bei Amazon
Die Website des International Forum Design
i-wie-ida.de in der Online Exhibition des iF
Die Website von I wie Ida
Mode-Label i wie ida ist online

Claudia, kommen wir mal auf den Unternehmer zurück, der in Google das Stichwort Firmenlogo eingibt und nicht verstehen kann, warum er hier einen Preis von 250 Euro liest, da 2.500 Euro und dort wieder gar nichts. Und der sagt sich: Naja, ein Logo müsste ich eigentlich auch selbst gestalten können, wenn ich mich ein bisschen mit Photoshop auskenne.

Ja, tendenziell besteht natürlich die Möglichkeit, dass jeder an seinem Rechner Dinge gestalten und sich ein eigenes Logo erstellen kann. Zum Design gehören aber mehr als nur die Oberfläche, nämlich auch die Konzeption und die inhaltliche Idee. Das finale Logo ist dann das sichtbare Ergebnis aus dem Zusammenspiel dieser Faktoren.

Aber zu deiner Frage. Die Anforderungen an ein Logo können tatsächlich sehr variieren, deshalb ist es auch problematisch, Standardpreise zu nennen. Der Ein-Mann-Betrieb, der sich ausschließlich gegen die regionale Konkurrenz durchsetzen muss, hat andere Anforderungen als ein internationales Unternehmen, das unter seiner Dachmarke verschiedene Submarken vereint, die wiederum einzelne Produktmarken vertreiben.

Die Unternehmensgröße und die Ambitionen bestimmen die Anforderungen?

Genau. Kleine Unternehmen brauchen unter Umständen einfach ein funktionales Corporate Design, dessen Bestandteil unter anderem das Logo ist. Dieses Logo sollte aussagekräftig und prägnant sein und sich von der Konkurrenz absetzen.

Bei großen Unternehmen kommt es dagegen auf eine durchdachte Markenarchitektur an. Die Logos und Marken müssen zum Gesamtkonzern passen und es muss ein flexibles System entwickelt werden. Deshalb kann man nicht pauschal sagen, was eine Logo-Entwicklung kostet, das muss ganz individuell betrachtet werden.

Und wie lange eine Logo-Entwicklung dauert, kann man wahrscheinlich auch nicht sagen?

Natürlich kann man ein Logo an einem Tag erstellen. Das Ergebnis wird dann natürlich ein eher einfaches, funktionales Zeichen sein. Aber wie gesagt: Manche Kunden brauchen ja auch genau das. Sobald man jedoch die Grenzen eines kleinen und regional agierenden Unternehmens überschreitet, sollte ein bisschen mehr Zeit und Geld investiert werden, um den Grundstein für sein äußeres Erscheinungsbild zu legen.

Das Logo ist das Kernstück des Corporate Designs. Darauf baut alles auf und es ist auch das Element, das dem Kunden zuerst begegnet und ihm im Gedächtnis bleibt.

Nun ist oft die Rede davon, dass Firmen mit der Zeit gehen müssen, dass Veränderung etwas bewegt. Ich habe beispielsweise seit zehn oder zwanzig Jahren mein Logo, und das gefällt mir nach wie vor gut. Woran merke ich, dass es vielleicht doch nicht mehr ganz zeitgemäß ist?

Gute Frage. Richtig gute Logos sind zeitlos. Die können mehrere Jahrzehnte alt sein und funktionieren trotzdem noch genauso gut wie am ersten Tag. Natürlich sollte man als Unternehmensführung mit offenen Augen durch die Welt gehen und sich immer wieder fragen: Wirkt meine Außendarstellung noch? Transportiert sie noch das, wofür mein Unternehmen steht?

Tendenziell ist es ja tatsächlich so, dass Unternehmen und Marken nicht stillstehen, sondern Zyklen unterworfen sind. Wenn sich eine Marke also neu orientiert, kann es notwendig werden, das Logo zu überarbeiten. Ob dabei nun eine Revolution oder Evolution angestrebt wird, hängt mit Sicherheit davon ab, wie groß der Umbruch im Unternehmen ist und wie fest das alte Logo schon verankert ist. Es kann nicht das Ziel sein, durch einen Relaunch die Bekanntheit zu gefährden.

Ein weiterer Grund für eine Logo-Überarbeitung kann auch Expansion sein. Kommen wir noch einmal auf das Beispiel mit dem Kleinunternehmer zurück. Ursprünglich war vielleicht ein kleiner Laden geplant, aber das Geschäftskonzept ist so gut aufgegangen, dass er jetzt expandiert und verschiedene Zweigstellen eröffnet. Vielleicht ist er auch international aktiv. Jetzt benötigt er neben dem ursprünglichen Logo noch Logos für die Zweigstellen oder das Logo muss generell noch einmal in Sachen Aussage oder Form überarbeitet werden.

Aber es gibt keine Faustregel: Nach zehn Jahren ist mein Logo reif für eine Überarbeitung?

Nein. Ein gutes Corporate Design ist so angelegt, dass es langfristig funktioniert. Aber es sollte auch immer wieder kritisch betrachtet werden: Sind wir noch zeitgemäß? Gibt es eine Neuorientierung der Marke? Hat sich der Markt verändert? Wichtig ist immer der Kontext, in dem sich das Unternehmen befindet. Darauf kommt es an und nicht auf fest definierte Zeiträume.

Und da kann ich mich als Unternehmer an //SEIBERT/MEDIA/DESIGN wenden, wenn ich Fragen zu meinem Logo bzw. meinem Corporate Design habe?

Natürlich. Wir haben in der Vergangenheit bereits viele Auftritte analysiert und Verbesserungsvorschläge erarbeitet. Der Kontakt kann zum Beispiel so ablaufen: „Wir haben hier ein Corporate Design – was halten Sie davon? Können Sie das mal professionell unter aktuellen Gesichtspunkten analysieren?“ Mit Sicherheit, ja.

Claudia, vielen Dank für die Einblicke und die Zeit.

Weiterführende Informationen:
Design-Auszeichnung: //SEIBERT/MEDIA/DESIGN erhält iF-Award
Logo-Design: Neue Anforderungen und innovative Lösungen

Claudia, viele Kunden denken vielleicht über ihr Logo nach, wissen aber nicht genau, welche Anforderungen an ein gutes Logo zu stellen sind. Manch einer fragt sich vielleicht auch: Ich habe hier zwar einen Schriftzug, aber ist das überhaupt ein Logo und bringt mich das weiter? Was macht denn ein gutes Unternehmenslogo grundsätzlich aus?

Zunächstmal gibt es ja unterschiedliche Logos. Es gibt reine Wortmarken, reine Bildmarken und Kombinationen aus beidem. Wenn ich als Unternehmen etwas habe, das in irgendeiner Form gestaltet ist, dann habe ich auch ein Logo bzw. zumindest den Ansatz eines Logos. Ob ein bestehendes Zeichen gut oder schlecht ist, kann ich anhand verschiedener Kriterien analysieren.

Dazu schaut man sich das Logo genau an und stellt sich erstmal folgende Fragen:

Erstens: Woraus besteht das Logo? Dazu muss man es in seine Bestandteile zerlegen. Welche Formen gibt es? Sind das zum Beispiel geometrische Formen, figürliche Abbildungen wie Tiere, Pflanzen oder Gegenstände?

Zweitens: Was ist die inhaltliche Aussage? Was steht im Firmennamen? Ein Wort, eine Abkürzung oder eine Zahl? Was sagt das Zeichen objektiv aus?

Tiefgründiger sind dann die Fragen: Welche Wirkung hat es auf mich? Welche Assoziationen weckt es? Das sollten keine falschen sein, sondern es sollte eine Übereinstimmung zwischen Logo und Produkt bzw. Unternehmen geben. Dazu muss ich natürlich wissen, worin die Leistung des Unternehmens besteht und welche Besonderheiten es ausmachen. Das Logo sollte eine Aussage transportieren, die dann mit dem Unternehmen verknüpft wird.

Ein Logo soll etwas bewirken?

Genau. Wichtig ist, was das Logo beim potenziellen Kunden für Assoziationen weckt. Nehmen wir als Beispiel das WWF-Logo mit dem Pandabären. Der Panda ist eine gefährdete Tierart. Er kann also als das Symbol für gefährdete Tierarten und Naturschutz stehen. Darüber hinaus sind das niedliche, sympathische Tiere, die eher einen Beschützerinstinkt wecken als vielleicht Insekten. Davon gibt es sicherlich auch viele Arten, die gefährdet sind, aber die würden wahrscheinlich nicht in einem solchen Maß Sympathie erzeugen und die Menschen dazu bewegen, sich im WWF zu engagieren und/oder zu spenden, wie der Pandabär.

Ein anderes gelungenes Beispiel für mich: Das Logo des Köln-Bonn-Airports. Es besteht aus Icons, die sich auch auf der Website wiederfinden: Auto und Bahn, Gepäckstück und am Ende der Reihe der startende Flieger. Die Geschichte dahinter ist eindeutig: Ich komme mit dem Auto oder der Bahn an, gebe meinen Koffer auf und dann fliege ich in den Urlaub. Ganz einfach.

Und wie sieht das bei Wortmarken aus? Die erzählen ja keine Geschichte.

Bei Wortmarken funktioniert der Mechanismus ein bisschen subtiler: Da ist es die Form der Typographie, die das gewisse Etwas ausmacht und die Idee transportieren muss. Nehmen wir Milka als Beispiel für eine typische Wortmarke. Die lila Kuh ist zwar das bekannte Key Visual, aber die Marke Milka erkennt man auch schon anhand der Typographie eindeutig. Die Schrift hat so einen weichen, fließenden Charakter mit organischen Formen. Bezogen auf die Aussage liegt die Assoziation von der schmelzenden Schokolade nahe.

Es ist also immer gut, wenn ein Logo eine Geschichte erzählt oder zumindest das transportiert, was mein Unternehmen ausmacht, denn das soll sich im Kopf des Kunden festsetzen. Ich muss mich also immer fragen, ob mein Logo einzigartig und originell ist, sich von anderen abgrenzt und auch merkfähig ist.

Wichtig ist auch, ob es den formalen Anforderungen entspricht. Es muss in verschiedenen Abbildungsgrößen reproduzierbar sein und auf einem großen Banner ebenso gut funktionieren wie auf der kleinen Visitenkarte.

Es gibt auch Kriterien, die sich ändern. Vor Jahren hieß es, ein Logo solle flächig sein und in Schwarz-Weiß funktionieren, damit es auch gefaxt werden kann. Fax ist in Zeiten der E-Mail nicht mehr so relevant, daher ist das Kriterium der Flächigkeit längst kein Muss mehr. Vor allem Automarken haben sich eine Zeitlang sehr stark in die 3D-Richtung orientiert, was für diese Marken auch gut ist. Inzwischen nimmt Mercedes durch die Abkehr von diesem Trend eine Art Vorreiterrolle in die entgegengesetzte Richtung ein.

Sollte man sich als Unternehmen nach so einem vermeintlichen Trend richten? Vor einiger Zeit hat in vielen Branchen kaum ein Weg am noblen 3D vorbeigeführt, jetzt setzt Mercedes eben auf 2D.

Das muss man von Fall zu Fall unterscheiden. Eine flächige Lösung ist oft einfacher erfassbar und daher leicht zu merken. Dreidimensionale Formen aus dem Gedächtnis wiederzugeben, ist schon schwieriger. Aber nehmen wir zum Beispiel UPS: Das Logo hat einen leichten 3D-Effekt, ist aber in seiner Grundform ganz einfach. Dieses Logo funktioniert für mich sehr gut.

Oft ist es auch so, dass Unternehmen eigentlich ein flächiges 2D-Logo haben und das für verschiedene Medien modifizieren. Im Web erhält es eine 3D-Modifikation, die vielleicht sogar animiert ist, da hier Haptik eine größere Rolle spielt und das Klickverhalten herausgefordert werden soll. Für das Firmengebäude gibt es ein dreidimensionales Modell und in Print-Medien wird die flächige Variante eingesetzt. Man kann ein Logo also auf verschiedene Weise zeigen, dem sind heutzutage kaum Grenzen gesetzt.

Eine 2D- und eine 3D-Variante – ist das nicht inkonsistent?

Das Logo soll natürlich nicht verwässert werden. Farben, Typographie, Grundform und Idee müssen sich schon konsequent durchziehen. Es geht eher um Details.

Allerdings ist der Umgang mit diesen Varianten auch eine Geschmacksfrage. Die eine Fraktion ist der Meinung, das Logo muss überall konsequent durchgezogen werden, und möchte keine Kompromisse eingehen. Andere sagen, es ist völlig legitim und sogar sehr sinnvoll, die Besonderheiten der Medien zu berücksichtigen.

Auf jeden Zug muss ich also nicht aufspringen?

Was mich nun weiterbringt – 2D oder 3D –, ist ganz individuell. Und was als schöner empfunden wird sowieso. Wichtig ist immer, das Logo im Kontext zu betrachten. Man muss sich das Unternehmen anschauen, die gesellschaftlichen Rahmenbedingungen beachten und natürlich die Marktsituation einbeziehen.

Im zweiten Teil des Experten-Interviews sprechen wir über die Unmöglichkeit von Standardpreisen und über unterschiedliche Anforderungen an Logos.

Weiterführende Informationen:
Unsere spezielle Seite zum Thema Logo-Entwicklung
Design-Auszeichnung: //SEIBERT/MEDIA/DESIGN erhält iF-Award
Logo-Design: Neue Anforderungen und innovative Lösungen
Gegen den Strom schwimmen: Mercedes-Benz hebt sich mit einem 2D-Logo bewusst von anderen Automobilherstellern ab

1. Keine erkennbare Navigation

Eine Navigation, die man nicht als solche erkennt, ist so schlecht wie gar keine Navigation. Insbesondere müssen Navigationselemente ständig präsent und sichtbar sein. Nielsen führt hier ein anschauliches Beispiel ins Feld, das den Kern des Problems trifft:

„Kleine Kinder lieben das blinde Herumraten beim Schiffeversenken, Teenager mögen es nicht besonders, Erwachsene hassen es.“

Im Hinblick auf die Sichtbarkeit der Navigation sollten Designer bei der visuellen Gestaltung zudem auch das Phänomen der Banner-Blindheit berücksichtigen.

2. Unkontrollierbare Navigationselemente

Im Bemühen um visuelle Originalität schießen Teams mitunter über das Ziel hinaus: Ausklappende Menüs, die Content dauerhaft überdecken, aufpoppende Navigationselemente und solche, die sich bewegen und drehen oder erst erscheinen, wenn man mit der Maus über eine entsprechende Stelle fährt, gehören zu den am häufigsten beklagten Usability-Problemen. Nutzer möchten sich in erster Linie mit der Frage nach dem Wohin beschäftigen und nicht zunächst herausfinden müssen, wie sie Navigationselemente bedienen können.

3. Inkonsistente Navigation

Bei vielen Websites haben es User mit dem Problem zu tun, dass sich die Navigation immer wieder verändert. Insbesondere wenn Optionen auf einer neuen Seite auftauchen, auf einer anderen Seite allerdings nicht vorhanden sind oder Elemente unvermittelt durch andere ersetzt werden, empfindet der Nutzer einen Kontrollverlust.

Eine sogenannte „globale Navigation“ hilft dem User zu verstehen, wo er sich befindet und wie er gegebenenfalls zurücknavigieren kann, wenn er den falschen Weg eingeschlagen hat.

4. Zu viele Navigationsmöglichkeiten

Es gibt zahlreiche verschiedene Navigationsmethoden, von der klassischen Header-Navigation über den Brotkrumenpfad bis hin zur Tag-Cloud, die jeweils bestimmte Vor- und Nachteile haben. Es ist jedoch ein Trugschluss, man könne die jeweiligen Vorzüge zum optimalen Nutzererlebnis vereinen, solange man nur möglichst viele Navigationsmöglichkeiten anbietet. Das Gegenteil ist der Fall, denn zu viele Elemente, die um die Aufmerksamkeit des Users konkurrieren, führen zu Unübersichtlichkeit und „erschlagen“ den Nutzer förmlich.

5. Missverständliche Terminologie

Um (fragwürdige) Eigenständigkeit auszudrücken oder auch im Rahmen (missverstandener) Suchmaschinenoptimierung begehen einige Teams nach wie vor den Fehler, von der gebräuchlichen Terminologie für Navigationselemente abzuweichen.

Das Labeling ist allerdings ein entscheidendes Kriterium für eine funktionierende Informationsarchitektur. Kein User möchte sich fragen müssen, was mit diesem oder jenem Terminus gemeint sein könnte. Man sollte das Maß an Neugier auf Seiten der Nutzer keinesfalls überschätzen: Wenn ein Besucher nicht versteht, welche Funktion sich hinter einer Bezeichnung verbirgt, wird er wahrscheinlich auch darauf verzichten, den Button anzuklicken.

Weitere Informationen

Navigationsmenüs: Trends und Beispiele
Wie Web-Redakteure Informationarchitekturen unabsichtlich zerstören
Nutzererlebnisse: Was schlecht ist, sieht man – was gut ist, fühlt man

Nun geben sich die Entsorgungsbetriebe der Landeshauptstadt Wiesbaden ELW ein neues Gesicht im Internet und haben sich für eine Zusammenarbeit mit //SEIBERT/MEDIA entschieden. Dem Auftrag ist ein Pitch vorausgegangen, in dessen Rahmen Agenturen ihre Vorschläge zur Konzeption und Umsetzung der Website unterbreiten konnten.

Die ELW sind Partner der Wiesbadener Bürger für Abfallentsorgung und -verwertung, Straßenreinigung und Abwasserreinigung. Ein Großteil der rund 700 Mitarbeiter ist Tag für Tag auf den Straßen Wiesbadens im Einsatz und prägt so auch das Bild der hessischen Landeshauptstadt mit – Zeit, sich auch im Internet professionell und authentisch zu präsentieren.

//SEIBERT/MEDIA hat sich intensiv mit dem Unternehmen, seinem Anliegen und seinen Zielgruppen beschäftigt. Wir freuen uns, dass wir uns gegen die Mitbewerber durchsetzen und den Kunden mit umfangreichen konzeptionellen Vorarbeiten, einem schlüssigen Gestaltungskonzept und einer klaren Leitidee überzeugen konnten: „Für Wiesbaden. Für Sie.“

Ziel ist es, die ELW so darzustellen, wie sie sind: vielseitig und kompetent, zuverlässig und sicher, bürgernah, menschlich und humorvoll – die ELW sind mit ihren Leistungen und Services für die Wiesbadener Bürgerinnen und Bürger da. Dies wird in dem neuen, hochwertigen Internet-Auftritt zum Ausdruck kommen.

Wir freuen uns auf das Projekt und die Zusammenarbeit mit den ELW. Über das Ergebnis werden wir in unseren Referenzen ausführlich informieren.

Der if award – 2009 zum sechsten Mal vergeben – gehört zu den wichtigsten seiner Art: Er steht für außergewöhnliche und herausragende Design-Arbeiten und wird vom renommierten International Forum Design aus Hannover ausgelobt.

In diesem Jahr haben Agenturen aus 24 Ländern an dem Wettbewerb teilgenommen und insgesamt 1.368 Beiträge eingereicht. Die 17-köpfige Jury, die sich aus international bekannten Fachleuten zusammensetzt, hat i-wie-ida.de, den gezielt ungewöhnlichen Web-Auftritt des gleichnamigen jungen Mode-Labels, in der Kategorie Digital Media prämiert. Ausschlaggebend für die Bewertung sind hier die Kriterien Zielgruppenansprache/Inhalt, Usability, Look and Feel sowie Uniqueness im Sinne von Kreativität, Originalität und Innovation gewesen.

Der Beitrag von //SEIBERT/MEDIA/DESIGN wird in der iF online exhibition und im weltweit vertriebenen iF yearbook veröffentlicht. Die offizielle Preisverleihung für den iF communication design award 2009 findet am 28. August 2009 in der BMW-Welt in München statt.

Herzlichen Glückwunsch von allen Kollegen! Wir freuen uns mit dem Team über diese Auszeichnung, auf die alle Projektbeteiligten stolz sein können – und natürlich mit unserem Kunden über seine erstklassige Website.

Weitere Informationen:
Die neue Website von //SEIBERT/MEDIA/DESIGN
Mode-Label i wie ida ist online
Kleider machen Leute, Design macht Unternehmen

//SEIBERT/MEDIA hat für i wie ida, ein Modelabel für individuelle Kinder-Shirts, das Erscheinungsbild entwickelt und den Internetauftritt realisiert. Die Website i-wie-ida.de ist seit April online und bietet die Möglichkeit, über den Shop schnell und einfach ein Shirt ganz nach persönlichen Wünschen selbst zu gestalten und dann besticken zu lassen.

Besonders wichtig war, eine geeignete Produktpräsentation zu entwickeln, die nicht nur den Vertrieb unterstützt, sondern auch das Image des ambitionierten Start-up-Unternehmens fördert.

Zentrale Leitidee ist, das Produkt direkt am Kind zu zeigen – mithilfe vollformatiger Hintergrundbilder und kurzer Imagefilme. Die Kinder sind authentisch und individuell, sorgen für Emotionalität und machen die Produktidee erlebbar.

Der Gesamtaufbau und die markanten Rasterflächen, auf denen Worte wie „R wie Rotzlöffel“ stehen, prägen den unkonventionellen Charakter der Website. Der Inhaltsbereich liegt in einer separaten Ebene darüber. Kleine Grafiken und Piktogramme bringen die Liebe zum Detail zum Ausdruck.

Die Website ist gezielt ungewöhnlich für die Branche und das Produkt. Sie spricht eine Zielgruppe an, die Kinder toll findet, nicht aber Kitsch und Klischees. Viel Spaß beim Stöbern!

Weitere Informationen:
Die Website von i wie ida
Die Website von //SEIBERT/MEDIA/DESIGN
Kleider machen Leute, Design macht Unternehmen

Auf Bundes- sowie auf internationaler Ebene vertritt der BAVC die deutsche Chemiebranche gegenüber Gewerkschaften, Politik und Öffentlichkeit. Er bildet somit die tarif- und sozialpolitische Spitze der deutschen Chemiebranche.

Die Hauptaufgabe bestand darin, ein praktikables und modernes Corporate Design zu entwickeln, um künftig allen Medien zu einem einheitlichen Erscheinungsbild zu verhelfen. Einfachheit und Schlüssigkeit sind für den Kunden hierbei von zentraler Bedeutung gewesen, um die Verständlichkeit des Corporate Designs und dessen Anwendbarkeit durch alle BAVC-Mitarbeiter sicherzustellen.

Ein weiteres Ziel war es, mehr Identifikationspotenzial zu schaffen und deshalb kommunikative und Image-bildende Elemente in den formalen Rahmen des Corporate Designs zu integrieren. Diese sollen gleichzeitig auch die Glaubwürdigkeit und Professionalität des BAVC unterstreichen und so nachhaltigen Nutzen stiften.

Nachdem //SEIBERT/MEDIA bereits im vergangenen Jahr das Layout sowie die Template-Programmierung des neuen Web-Auftrittes realisiert hatte, ist das Design-Team nun also auch mit der Umsetzung des neuen Corporate Designs für den Bundesarbeitgeberverband betraut worden. Nach der Überarbeitung des Logos werden in den nächsten Wochen sämtliche Medien des BAVC an das neue Corporate Design angepasst. Dazu gehören beispielsweise die Geschäftspapiere, die Imagebroschüre, Flyer und weitere Publikationen.

Wir freuen uns auf dieses umfangreiche und spannende Projekt, dessen Ergebnisse wir nach Abschluss in unseren Referenzen präsentieren werden.

Weitere Informationen:
Unsere spezielle Seite zum Thema Corporate Design
Die Website von //SEIBERT/MEDIA/DESIGN
Logo-Design: Neue Anforderungen und innovative Lösungen
Über den kleinen Unterschied zwischen Grafikdesign und Corporate Design

Bereits auf der Startseite zeigen unsere Designer, was sie können und was sie unter Kreativität verstehen, und sie gewähren dem Besucher in Form eines Portfolio-Videos einen ersten, originellen Einblick in einige Referenzen sowie in ihre Philosophie:

Auch im Hinblick auf das Textkonzept verlässt das Design-Team eingetretene Pfade: In einem imaginären und ungezwungenen Dialog mit dem Besucher stellt das Team sich selbst, seine Arbeitsmethoden, seine Denkweisen und seine Vorstellungen von professionellem Design sowie sein Leistungsportfolio vor. Frisch, persönlich und glaubwürdig, wie wir finden.

Das habe ich nie verstanden: Es gibt Agenturen mit stinklangweiligen Webseiten, auf denen man dann liest: „Wir sind so kreativ …“ Erstens setzt man das doch bei einer Design- oder Werbeagentur voraus und zweitens geht es in erster Linie doch gar nicht um Kreativität. Es geht darum, wie man dem Kunden Ideen und Inhalte vermittelt. Der Kunde muss verstehen, was ihm die Agentur vor die Nase hält. Unsere Haltung ist, dass wir unseren Kunden von Anfang bis Ende eines Projekts immer erklären, warum wir was wie machen. Klar, das spiegelt sich auch in unseren Texten auf der Website wider. Oder auch im Portfolio-Video. Damit sind wir erfolgreich.
Martin Riekert, Bereichsleiter von //SEIBERT/MEDIA/DESIGN

Schauen Sie doch einfach selbst mal: design.seibert-media.net.

Whenever we speak with clients and go through possible services with them, they often have questions regarding why we offer services such as “Layout Design” or “Executing the Design in HTML and Implementing within the Wiki”.

In this article, we will offer you a couple of arguments and explanations to answer why it is worth having your wiki professionally designed.

“Seeing is believing” – just take a look
In our opinion, the best of arguments is still trumped by taking a look yourself. Here is a standard layout as offered by TWiki in version 4.2.:

These are layouts designed by //SEIBERT/MEDIA using the same software and page content:

Images: The wikis of SnowTrex and ReiseBank AG, both of which were implemented by //SEIBERT/MEDIA

Arguments for professional and customized Wiki designs
High opportunity costs can be incurred if the application layout isn’t customized. Reasons include the following:

• The standard version of TWiki has usability problems
  TWiki has – in its standard version – many usability problems and, to an extent, extreme problems regarding its functionality, problems which must be fixed through layout adjustments. Otherwise, you may expect a large amount of negative feedback from the users. (N.B.: TWiki is one of the best wiki software systems. This criticism is directed only at its “standard skin”.)
• Increase the Joy of Use & acceptance of the wiki
  Professional, high-quality design strengthens the users’ acceptance of the systems and promotes “Joy of Use”. The effect of these measures and their sustainability cannot be judged highly enough. In addition: In 2008, we ran user tests regarding an intranet application for the German Post (Deutsche Post). The customized version of the layout conforming to the CI received by far the most positive comments.
• Send a message about the high relevance of the wiki
  An uncustomized layout sends the wrong signal to the employees who are expected to work with this system. This could give the impression that the wiki is neither highly valued nor considered to be important. The rolling-out of the system is an extremely important phase and could easily and unintentionally be damaged by not having a customized layout. Finally, if you don’t clearly communicate that the wiki is important, your employees will also see it as unimportant. However, a wiki can only thrive on participation.
• A professional print- and PDF-export function saves time
  Within the framework of the design customization there is also usually a customization of the print versions of the wiki documents. Within this context, it is also normal to prepare a PDF generation of contents that makes possible the direct exporting and sending of documents. Now briefly consider that without this work, much work from the wiki will have to be copied into MS Word templates. Why? Just so the layout matches? This is nothing but a waste of time.
• The standard TWiki design clashes with your design
  In its standard design, TWiki just doesn’t match the corporate design of your company. This results in the biggest problem: TWiki will be seen as a foreign object, an external software system, and not as a unique corporate wiki. This is due to the simple psychological phenomenon of people treating the strange and the new with skepticism and maintaining their distance; they have far fewer reservations when dealing with the familiar.

This list could be continued and should not be seen as complete. It does, however, give an excellent first look at how risky it would be to go “live” with the standard design of TWiki. In the past, we have had many bad experiences with this and therefore no longer offer it as a matter of course. Thus, customizing the design should in any case occur before the piloting phase; an uncustomized system is – at best – only interesting for becoming acquainted with the software, and this should only be executed with a few participants.

Further information:
Management dashboards in an intranet
Wikis are the glue holding intranets together
Seven ways to achieve successful corporate wikis

Download (1,1 MB): Our wiki brochure in English (PDF)

Kreativ, stilbildend und unverwechselbar – das sind die Merkmale der Veredelungsform des Prägefoliendrucks. Das Verfahren erzeugt einen außerordentlichen Glanz und eine Brillanz, die mit keiner anderen Technik erreicht werden kann. Insbesondere metallene Gegenstände oder Motive lassen sich mithilfe des Prägefoliendrucks (auch: Heißfolienprägung) ausgesprochen wirklichkeitsgetreu und realistisch darstellen. Darüber hinaus sind mit hochglänzendem Druck auf mattem Untergrund (oder umgekehrt) Effekte zu erzielen, an die kaum ein anderes Druck- und Veredelungsverfahren heranreicht. Ein weiterer Pluspunkt der Heißfolienprägung ist die einmalige und aufmerksamkeitserregende Haptik.

Wie funktioniert denn das?

Beim Prägefoliendruck handelt es sich um ein hochdruckähnliches Verfahren. Verschieden gestaltete Beschichtungen werden über einen Prägestempel und unter Einfluss von Druck und hoher Temperatur von einer Folie auf das zu bedruckende Material übertragen.

Jedes Prägedruckverfahren hat seine spezifischen Besonderheiten und die Ergebnisse ihre ganz eigenen Wirkungen. Ganze neun technische Verfahren stehen zur Verfügung, es gibt mehr als ein Dutzend Folienarten und eine Vielzahl von Bedruckstoffen, die sich für den Prägedruck eignen: Von naturbelassenen, gestrichenen, bedruckten, beschichteten oder kaschierten Papieren über Karton bis hin zu Kunststoffen.

Möglichkeiten gibt es viele …

Prägefoliendruck „Plan“
Dies ist der Klassiker des Prägedrucks, bei dem die Überträgerfolie und das zu bedruckende Material auf einer Ebene liegen. Eine Gegenform für die Prägeform wird bei dieser Methode nicht benötigt. Die Stärke der Einprägung variiert je nach Höhe des Drucks und Zielmaterial stufenlos zwischen sehr dezent und deutlich wahrnehmbar.

Der Plan-Prägefoliendruck wird gerne zur Gestaltung widerstandsfähiger oder beschichteter Stoffe verwendet und begegnet uns auf Buchhüllen oder auch auf Werkstoffen wie Leder. Bereits mit dieser vergleichsweise einfachen Methode lassen sich interessante optische und auch taktile Effekte wie beispielsweise der Gegensatz zwischen glatten und strukturierten Flächen erzeugen.

Prägefoliendruck „Microembossing“
Die Oberfläche der Überträgerfolie ist bei diesem Verfahren leicht verformt und wird von einer feinen, gefrästen Struktur durchbrochen. Der schöne Effekt beruht auf der Lichtbrechung: Je nach Blickwinkel ändert sich das Erscheinungsbild des Druckmaterials. Die Technik eignet sich besonders zur Umsetzung von Flächenmotiven mit feinlinigen Elementen, Rastern, Mustern usw.

Prägefoliendruck „Struktur“
Bei diesem Verfahren werden ebene und strukturierte Elemente gekoppelt: Ebene Bereiche der Folienoberfläche reflektieren einfallendes Licht, strukturierte Flächen streuen die Strahlung. Das Ergebnis sind sehr ansprechende Gegensätze zwischen glänzenden und matten Elementen.

Blindprägung
Wird der Prägefoliendruck mithilfe einer geätzten oder gravierten Prägeplatte, aber ohne eine farbgebende Folie durchgeführt, erhält man eine Blindprägung. Charakteristisch für dieses Verfahren sind die deutlich aus dem Bedruckstoff herausgehobenen Bild- und Textelemente. Gut formbare Materialien wie Naturpapiere eignen sich besonders. Bei gestrichenen Papieren sollten die Motive nicht ganz so detailreich sein.

Prägefoliendruck „Relief“
Mithilfe dieses Verfahrens wird dem Bedruckstoff in der Tat Profil verliehen. Das Prägewerkzeug hat eine Gegenform und überträgt neben der Folie auch die Form auf das Zielmaterial. Der Relief-Prägedruck ermöglicht stark und vielfältig strukturierte Drucke mit Kanten, Winkeln, hoch- und tiefgeprägten Elementen usw. Das optische Erlebnis ist beeindruckend: Licht- und Schatten-Effekte vereinen sich mit Glanzeffekten, die optische Wirkung ist räumlich. Zudem intensiviert das Relief die haptische Wirkung. Der Relief-Prägefoliendruck eignet sich ausgezeichnet für die auffällige Abbildung von Logos, Markenzeichen, Schriften etc.

Prägefoliendruck „Variogramm“ (Holografieeffekt)
Bei dieser Methode bewirken feinste Strukturen in der Prägefolie die spektrale Lichtbrechung. Abhängig von Lichtintensität und -einfallswinkel sowie vom Blickwinkel des Betrachters variieren Farben und Reflektion, es entstehen reizvolle holografische und dreidimensionale Effekte. Das Verfahren verbindet die Relief- oder Plan-Prägetechnik mit Diffraction-Prägefolien, die zudem gefärbt oder gemustert sein können und so weitere Gestaltungsmöglichkeiten eröffnen.

Hologramme
Beim Holografieverfahren wird ein holografischer Bildträger in eine Prägeform überführt. Die Grundlagen für diese Technologie bilden mittels Laserlicht aufgenommene Fotos von zweidimensionalen Grafiken oder von wirklichen dreidimensionalen Objekten. Durch den Einsatz von Laserlicht entstehen Interferenzmuster von Lichtwellen. In diesen Mustern sind alle Informationen über das aufgenommene Objekt enthalten.

2D-/3D-Hologramme: Sich überlagernde 2D-Grafiken erzeugen einen dreidimensionalen Effekt. Das Ergebnis ist z.B. ein Element, das über einem Hintergrund zu schweben scheint.

3D-Hologramme: Die Grundlage bildet hier ein mithilfe der Holografietechnik aufgenommenes tatsächliches Objekt. Der 3D-Effekt ist wirklichkeitsnah und entfaltet vor allem bei ausreichender Lichteinstrahlung seine interessante optische Wirkung.

Interessante Quellen und weiterführende Informationen:
AK Prägefoliendruck
PrintPerfection.de
Die Website von //SEIBERT/MEDIA/DESIGN
Erfolgreich werben mit individuellen Werbemitteln
Hochwertige Print-Produkte durch Druckveredelung
Papier: Mehr als nur ein Datenträger

Tag-Wolken funktionieren nach einem einfachen Prinzip: Je häufiger ein Stichwort gesucht bzw. ein mit entsprechenden Tags versehener Artikel oder Link angeklickt wird, desto größer wird dieses Wort in der Tag-Cloud dargestellt. Die Tag-Cloud oder auch Tag-Wolke ist eine sogenannte „gewichtete Liste“, deren optisches Erscheinungsbild einem festen Algorithmus unterliegt.

Aus Design-Sicht sind die “Wort-Wolken” allerdings nicht unumstritten, denn sie bergen einige Gefahren und Herausforderungen.

01 / Kontext und Angemessenheit
Tag-Clouds fügen sich kontextuell nicht in jede Website ein. Auf Nachrichtenportalen und umfangreichen Inhaltsseiten mag der Einsatz von Wortwolken sinnvoll sein. Auf einer Website mit wenigen Inhalten dagegen beeinträchtigt eine Tag-Wolke das Design, weil sie eine unnötige Ablenkung darstellt.

02 / Beliebigkeit und Unstrukturiertheit
Optisch machen viele Tag-Wolken einen beliebigen, zufälligen und unstrukturierten Eindruck. Schlagwörter in gigantischen Schriftgrößen neben kaum sichtbaren Tags wirken unproportional und auf unerfahrene Nutzer wie Oberflächenfehler. Aus gestalterischer Sicht sind die meisten Tag-Wolken einfach unschön.

03 / Verzerrung der Navigationshierarchie
Eine Tag-Wolke ist ein ergänzendes Element zur Hauptnavigation. Diese Hierarchie kommt allerdings selten zum Ausdruck, denn Tag-Wolken nehmen eine zu zentrale Rolle ein. Somit verzerrt die unangemessene optische Präsenz den tatsächlichen Stellenwert des Elements.

04 / Schwere Fassbarkeit
Zu viele Begriffe und die Verwendung zahlreicher unterschiedlicher Schriftgrößen, Farben und Betonungen führen dazu, dass Tag-Wolken oft schwer zu fassende Textwüsten sind, die den Nutzer optisch „erschlagen“.

05 / Integration in das Design
Einer Tag-Cloud kommt häufig nicht die gestalterische Sorgfalt zugute, wie anderen Bereichen der Seite. Problematisch ist vor allem, dass sich Wortwolken im Hinblick auf Farbe, Schriften und Gestaltung oft nicht in die Seite einfügen, sondern wie Fremdkörper wirken.

All diese Punkte sollte ein Website-Betreiber berücksichtigen, wenn er über die Integration einer Tag-Cloud in sein Internet-Angebot nachdenkt, denn Wort-Wolken bergen immer die Gefahr, das Design einer Website zu beeinträchtigen. Freilich gibt es auch positive Beispiele, wobei eine Tag-Wolke unbedingt im jeweiligen Zusammenhang zu betrachten ist.

Tag-Clouds sind unter Design-Aspekten streitbar und nicht zuletzt auch eine Geschmacksfrage. Deshalb sind diese Ausführungen nicht als grundsätzliche Ablehnung des Phänomens Wort-Wolke zu verstehen, sondern vielmehr als Anregung, in jedes Element einer Website eine angemessene gestalterische Sorgfalt zu investieren und Wert auf einen professionellen Eindruck auch im Detail zu legen.

Weiterführende Informationen:
Tag-Wolke: Vor- und Nachteile von gewichteten Listen
Navigationsmenüs: Trends und Beispiele
Typografie auf Websites

Die Fink & Fuchs Public Relations AG aus Wiesbaden hat in Zusammenarbeit mit //SEIBERT/MEDIA/DESIGN einen Online-Adventskalender mit passender, gedruckter Weihnachtskarte für ihre Kunden und Partner realisiert. Das Konzept sowie die Themeninhalte und die entsprechenden Texte für beide Module hat die interne Marketing- und Kommunikationsabteilung der Fink & Fuchs Public Relations AG in Eigenregie entwickelt. Die Animationen und deren Umsetzung sowie die komplette Gestaltung stammen von //SEIBERT/MEDIA/DESIGN. Für die technische Realisierung war //SEIBERT/MEDIA/TECHNOLOGIES zuständig.

Die Ursprungsidee bestand darin, eine Weihnachtsaktion ins Leben zu rufen, die sowohl klassisch als auch online funktioniert und beide Kanäle miteinander verzahnt. Der größte Teil sollte online umgesetzt werden mit dem Anspruch, die Adventszeit des Lesers auf witzige Art und Weise mithilfe von praktischen Tipps und originellen Infos entspannter zu gestalten.

Angekündigt wurde der Adventskalender durch eine hochwertige Print-Weihnachtskarte, die an ca. 1.000 Empfänger als Weihnachtsgruß versendet worden ist. Die Karte, die als solche auch ohne den Online-Kalender funktioniert, teaserte diesen kurz an und verwies auf den entsprechenden Link. Pünktlich zum 1. Dezember und somit zum Start der Online-Aktion lag die im Corporate Design des Unternehmens gehaltene Karte auf den Schreibtischen der Empfänger.

Kreativität und Frische sind gefragt

Bei dem Kalender handelt es sich um eine Applikation, die in Flash verwirklicht worden ist. Der virtuelle Berater Chris, der dank Flash in bewegten Bildern erlebbar ist, gibt über die 24 Adventstage hinweg interessante Tipps zu den verschiedensten Themen, die stets mit einem Augenzwinkern vorgetragen werden.

Passend zum Inhalt setzt Chris auf lustig-charmante Weise das jeweilige Thema visuell in Szene. Chris selbst, der virtuelle Berater, ist ein sympathischer, witziger und etwas chaotischer Typ. Er repräsentiert die Fink & Fuchs Public Relations AG als kreative und frische Agentur. Darüber hinaus positioniert sich die Agentur mit der Online-Präsenz als multimedia-affin und -erfahren. Wie sich gezeigt hat, sind die Aktion und das Herzblut, das investiert worden ist, positiv bei Kunden, Partnern und Lieferanten angekommen.

Eine andere Art der Kommunikation

Sollten Sie über eine ebenso kreative wie gelungene Online-Aktion nachdenken, die auch zu Ihnen passt, entwickelt das Team von //SEIBERT/MEDIA/DESIGN gerne Ideen mit Ihnen. Sie können sich aber auch an Fink & Fuchs wenden, damit wir die schon oft erprobte Zusammenarbeit mit Fink & Fuchs PR in einem weiteren Online-Projekt vertiefen können.

Weiterführende Informationen:
Die Website von //SEIBERT/MEDIA/DESIGN
Erfolgreich werben mit individuellen Werbemitteln
Der Kampf der Werbung um Aufmerksamkeit
Kreativität und Originalität erhöhen die Chancen von Werbung signifikant

Das Schreiben eines guten Textes ist schwer.
Das Verkaufen eines guten Textes ist noch viel schwerer.

Was macht Texte „merk-würdig“?
Für das Gehirn ist es unmöglich, die gesammelte Flut der heutigen Werbebotschaften zu verarbeiten. Deshalb filtert das Gehirn alle eintreffenden Informationen und speichert nur diejenigen, von denen es „annimmt“, dass sie benötigt werden. Emotionale Signale und Informationen, die uns an- oder aufregen, werden im Langzeitgedächtnis abgespeichert. Belangloses, das keine Emotionen erzeugt, rauscht durch, ohne eine Spur zu hinterlassen. Für die Werbepraxis sind wissenschaftliche Erkenntnisse über solche Vorgänge im menschlichen Gehirn von enormer Bedeutung.

Texte lösen Emotionen aus,

• wenn sie unsere Sinne aktivieren, das heißt sichtbar, hörbar, fühlbar, duftend und schmeckend sind. Je mehr Sinne stimuliert werden, desto besser werden Texte wahrgenommen und abgespeichert.
• wenn sie anschaulich sind. (80% der Menschen nutzen das visuelle System als primäres Wahrnehmungssystem.)
• wenn sie uns interessieren und einen Nutzen versprechen.
• wenn sie kurz und prägnant sind.
• wenn unser Gehirn einen Zusammenhang zu bereits gespeichertem Wissen feststellen kann.
• wenn sie irritieren, also unser Gehirn einen Widerspruch registriert und diesen zu klären versucht.
• wenn wir den Absender sympathisch finden.

Ein Blick auf die Perspektive: „Sie“ statt „Wir“
Viele Firmen schreiben ihre Werbetexte aus der Wir-Perspektive. Sie preisen ihre Produkte und Leistungen an und vergessen dabei, was der Kunde wirklich will. Ein guter Text ist kundenorientiert und stellt den Empfänger in den Mittelpunkt. Die Produkt- bzw. die Markenorientierung treten zunächst in den Hintergrund. Ein guter Werbetexter muss sich deshalb beim Ausformulieren eines Textes darüber bewusst sein, für wen er schreibt: Nicht für seinen Arbeitgeber und auch nicht für die Entscheider des Unternehmens, das mit dem Text für sich wirbt. Der Leser des Textes ist der Endkunde. Der Texter hat die Aufgabe, sich in diesen Leser hineinzuversetzen. Dazu muss er Antworten auf folgende Fragen finden und berücksichtigen:

• Was will der Leser?
• Was denkt der Leser?
• Was fühlt der Leser?
• Was wünscht sich der Leser?
• Welche Hoffnungen hat der Leser?
• Welche Ängste hat der Leser?
• Welche Probleme hat der Leser?

Erfolgreiche Werbetexte gehen auf die Interessen der Zielgruppe ein und verwenden dabei Sprachbilder, zu denen der Leser sofort Assoziationen aufbauen kann. Ein guter Text ist Helfer, Problemlöser, Dienstleister, Freund, Versteher, Partner und dann erst Verkäufer.

Im Fokus: Die Sprache der Zielgruppe
Zielgruppen unterscheiden sich nicht nur nach Einkommen, Bildung, Alter und Lebensgewohnheiten, sondern auch durch Sprache. Wer versucht, alle mit derselben Sprache anzusprechen, läuft Gefahr, von niemandem verstanden zu werden.

Was in der Literatur, im Journalismus und im Dialog-Marketing bereits üblich ist – nämlich der Einsatz von zielgruppenspezifischer Sprache – ist in der klassischen Werbung noch immer die Ausnahme. Armin Reins, Autor des Buches „Corporate Language“, hat anhand des Zeitschriftenangebots in Deutschland vier verschiedene Sprachstilgruppen identifiziert:

1. Die Wertorientierten – sie lesen beispielsweise die FAZ, die Süddeutsche Zeitung, den Stern und die Brigitte und bevorzugen anspruchsvolle Texte.
2. Die Gefühlsorientierten – sie sind Leser der BILD, der Gala und der Bunten und empfänglich für emotionale Texte.
3. Die Trendorientierten – ihre Medien sind Max, Neon und brand eins. Ihr Fokus liegt auf reizstarken Texten.
4. Die Ergebnisorientierten – sie lesen unter anderem das Handelsblatt oder Fleischwirtschaft. Für diese Sprachgruppe müssen die Texte faktenreich gestaltet sein.

Überträgt man diese Sprachstilgruppen auf Werbetexte, darf eine fünfte Gruppe nicht außen vor bleiben: die Verweigerer. Sie hassen Werbung und sind deshalb nur sehr schwer erreichbar.

Grundsätzlich gilt: Jeder Mensch kann jeder Gruppe angehören. Jeder kann theoretisch fünf Sprachen sprechen. So kann beispielsweise ein und dieselbe Person im Zusammenhang mit technischen Geräten eher ergebnisorientierte und bei Werbung für Kosmetikartikel gefühlsorientierte Texte bevorzugen, bei Werbetexten für Handy-Verträge aber als Verweigerer auftreten.

Für Unternehmen gilt: Als Absender kann der Werbetreibende theoretisch mit verschiedenen Sprachstilgruppen sprechen. Wichtig ist dabei allerdings, dass die einzelnen Sprachgruppen nicht gemischt werden. Für ein Unternehmen, das mit seinen Produkten verschiedene Sprachstilgruppen ansprechen muss, kann ein Lösungsansatz beispielsweise im Einsatz verschiedener Medien für verschiedene Sprachstilgruppen sein.

Auftraggeber vs. Texter
Im Prozess des Textens kommt es immer wieder zu unterschiedlichen Auffassungen zwischen Texter und Auftraggeber. Aus Sicht des Unternehmens, das als Auftraggeber agiert, ist es wichtig, dass der Produktname möglichst früh erscheint, dass Texte die Kernbotschaft des Angebots wortgetreu enthalten und auch wirklich alle Vorteile des Produktes aufgeführt werden.

Texter dagegen kennen die Bedeutung der Dramaturgie, des roten Fadens zwischen den einzelnen Elementen, der Wortwahl im Bezug auf die Zielgruppe. Sie wissen, wie wichtig Rhythmik und Satzlänge, Stilmittel und formale Möglichkeiten (Einzüge, Flattersätze, Hervorhebungen) sind. Leider werden diese Faktoren oft unterschätzt und deshalb nur selten diskutiert.

Wer versucht, alle mit derselben Sprache anzusprechen, läuft Gefahr, von niemandem verstanden zu werden.
Wer versucht, eine Sprache zu sprechen, die ihm keiner abnimmt, wird es ebenfalls schwer haben, wahrgenommen zu werden.

Quelle und Grundlage dieses Artikels: Reins, Armin: Corporate Language – Wie Sprache über Erfolg oder Misserfolg von Marken und Unternehmen entscheidet, Mainz, Hermann Schmidt Verlag 2006.

Weiterführende Artikel zum Thema Text und Kommunikation:
Corporate Language: die Stimme des Unternehmens
Texten fürs Web: Was ist wichtig?
Gute Texte können mehr
Wie Sie Ihre Informationen im Web richtig darstellen
Texten im Zeitalter von Web 2.0

In diesem Artikel sollen ein paar Argumente und Erklärungen angeboten werden, warum sich ein professionelles Design lohnt.

„Seeing is believing“ – Schauen Sie einfach selbst
Am besten funktioniert vor allen Argumenten unserer Meinung nach das Ansehen. Hier ist ein Standard-Layout von TWiki in der Version 4.2:

Dies sind von //SEIBERT/MEDIA gestaltete Oberflächen der gleichen Software und gleichen Seite:

Abbildungen: Die Wikis von SnowTrex und der ReiseBank AG, die von //SEIBERT/MEDIA realisiert wurden

Argumente für ein professionelles und individuelles Wiki-Design
Es können sehr hohe Opportunitätskosten entstehen, wenn die Oberfläche der Anwendung nicht angepasst wird. Das hat folgende Gründe:

• TWiki hat im Standard Usability-Probleme
  TWiki hat in der Standard-Version viele Usability-Probleme und zum Teil schwere funktionelle Fehler, die durch Oberflächen-Anpassungen auf jeden Fall behoben werden sollten. Ansonsten sind viele negative Rückmeldungen von den Usern zu erwarten. (Achtung: TWiki ist eines der führenden Wiki-Software-Systeme. Diese Kritik bezieht sich nur auf die „Standard-Haut“.)
• Joy of Use & Wiki-Akzeptanz steigern
  Ein professionelles und hochwertiges Design stärkt die Akzeptanz des Systems und fördert den „Joy of Use”. Der Effekt dieser Maßnahme und ihre Nachhaltigkeit können nicht hoch genug eingeschätzt werden. Übrigens: Wir haben in 2008 User-Tests von einer Intranet-Anwendung der Deutschen Post durchgeführt. Die mit Abstand besten Kommentare hat dort die CI-konforme Anpassung des Layouts erhalten!
• Senden Sie ein Signal zur hohen Relevanz des Wikis
  Keine Layout-Anpassung durchzuführen sendet ein falsches Signal an die Mitarbeiter, die mit diesem System arbeiten sollen. Das sieht so aus, als würde man dem Wiki nur einen geringen Wert beimessen und es nicht als wichtig erachten. Das Ausrollen des Systems ist eine ganz wichtige Phase, die man durch ein nicht angepasstes Layout leicht und unbedacht torpedieren kann. Und wenn Sie nicht klar kommunizieren, dass das Wiki wichtig ist, dann werden die Mitarbeiter es auch nicht als wichtig ansehen. Ein Wiki lebt aber von der Beteiligung.
• Eine professionelle Druck- und PDF-Export-Funktion spart Zeit
  Im Rahmen der Design-Anpassung erfolgt in der Regel auch eine Anpassung der Druckversionen der Wiki-Dokumente. Auch eine PDF-Generierung von Inhalten wird in diesem Zusammenhang vorbereitet, die ein direktes Exportieren und Versenden von Dokumenten ermöglicht. Bitte führen Sie sich vor Augen, dass ohne diese Arbeiten ansonsten viele Arbeiten erst aus dem Wiki in Word-Vorlagen kopiert werden müssen. Nur damit das Layout stimmt? Reine Zeitverschwendung.
• TWiki ist im Standard-Design ein Fremdkörper
  TWiki passt im Standard-Design nicht zum Corporate Design Ihres Unternehmens. Daraus ergibt sich das größte Problem: TWiki wird als Fremdkörper, als externe Software angesehen und nicht als eigenes Corporate Wiki akzeptiert. Das beruht auf dem einfachen psychologischen Phänomen, dass Fremdes immer mit Skepsis und zunächst distanziert betrachtet wird, während der Umgang mit Bekanntem weniger Hemmschwellen hervorruft.

Diese Liste ließe sich weiter fortsetzen und ist nicht als vollständig zu verstehen. Sie vermittelt aber schon einen ganz guten Eindruck davon, dass es sehr riskant ist, mit der Standard-Oberfläche von TWiki live zu gehen. In der Vergangenheit haben wir damit sehr schlechte Erfahrungen gemacht und bieten das heute standardmäßig gar nicht mehr an. Eine Design-Anpassung sollte auf jeden Fall schon vor der Pilotphase erfolgen, ein unangepasstes System ist höchstens für die Kennenlern-Phase interessant, die mit sehr wenigen Teilnehmern durchgeführt werden sollte.

Weiterführende Informationen:
Erfolgsfaktoren für Wikis: Auswertungen, Design, Showcases
Wikis im Intranet: TWiki in der Praxis
Acht Vorurteile gegenüber Design und Designern

Download (1,1 MB): Our wiki brochure in English

Die Aufgabe: Den Verbraucher in den Mittelpunkt rücken
//SEIBERT/MEDIA/DESIGN ist mit dem Relaunch der Website www.qualitaetssiegel.net beauftragt worden, die für SGS INSTITUT FRESENIUS ein wichtiges Instrument für die Kommunikation mit Verbrauchern und Kunden darstellt. Die oben genannten Werte sollten auch durch das neue Web-Design an die Konsumenten transportiert werden. Die Website besteht aus wissenschaftlich fundierten und informativen Inhalten; als wichtiger neuer Aspekt sollte der Wert “Menschlichkeit” in den Mittelpunkt der Gestaltung rücken.

Die Lösung: Mehr Leichtigkeit, bessere Benutzerfreundlichkeit und ein schlüssiges Kommunikationskonzept
//SEIBERT/MEDIA/DESIGN hat für die Website ein neues Oberflächen-Design entwickelt, das frischer und moderner wirkt und mehr Emotionen und Wärme vermittelt. Erreicht wird diese Wahrnehmung durch den Einsatz eines dezenten Grün-Tons. Die bekannten Corporate-Design-Elemente wie die Grundfarbigkeit, die Typografie und der auffällige horizontale Balken kommen auch auf der neuen Website zum Einsatz und stellen die Wiedererkennbarkeit sicher. Darüber hinaus reiht sich die Website dadurch gut in die bereits bestehenden Print-Medien ein.

Das Kommunikationskonzept mit dem Titel “Wünsche” stellt den Verbraucher in den Mittelpunkt. Sichtbares Zeichen ist die Einbindung von sympathischen Personen in den oberen Bereich der Website, die die Zielgruppe widerspiegeln. Durchdachte Text-Bild-Kombinationen transportieren die Werte des “INSTITUT FRESENIUS Qualitätssiegels”:

• Der Text gibt die Wünsche des Verbrauchers wider, die über einen handschriftlichen Text auf dem Foto auf persönliche Art und Weise zum Ausdruck gebracht werden.
• Das Bild zeigt selbstbewusste Personen aus verschiedenen Altersgruppen in Form von Fotografien.
• Die vermittelten Werte stehen für das persönliche Engagement des INSTITUT FRESENIUS Qualitätssiegels, das sich unmittelbar am Verbraucher orientiert.

Auf der bisherigen Website wirkte der dunkelblaue Balken wie eine schwere Last, die das gesamte Layout “erdrückte”. Dieser Balken ist im neuen Design unterhalb des Fotos poitioniert worden und erzeugt damit mehr Leichtigkeit. Als zeitgemäßes Design-Element wurde das Web-Karussell eingebunden und die geprüften Produkte so dezent auf der Startseite platziert. Gleichzeitig kann der User interaktiv weitere Informationen zu den Produkten abrufen.

Fazit: Die neue Website zeichnet sich durch Übersichtlichkeit, eine gute Usability und ein ansprechendes Design aus, das in enger Abstimmung mit dem Kunden konzipiert und realisiert worden ist. Wir wünschen SGS INSTITUT FRESENIUS viel Erfolg mit der neuen Website!

Weitere Informationen, Links und Artikel zum Thema Design:
Die Website von //SEIBERT/MEDIA/DESIGN
Erfolgsfaktor Design
Kommunikationskonzepte – die richtigen Botschaften optimal vermitteln
Navigationstrends: Trends und Beispiele

• Design sorgt für Struktur und Ordnung.
• Design macht abstrakte Software und komplexe Prozesse greifbar.
• Konsistentes Design innerhalb einer Anwendung fördert die intuitive Bedienung neuer Funktionen.
• Design kommuniziert auf emotionaler Ebene und vermittelt Werte.
• Design ist ein grundlegendes Qualitätsmerkmal von Software.
• Die Grundlagen für das richtige Design sind leicht vermittelbar – beispielsweise über einen Styleguide.
• //SEIBERT/MEDIA verkauft keine Leistungen ohne die Qualitätskontrolle eines Designers.

Unser Verständnis von Web-Design

Gutes Web-Design zeigt Charakter: Die Werte eines Unternehmens müssen sich auch im Design der Website widerspiegeln. Gutes Web-Design bringt den Charakter des Unternehmens zum Ausdruck.

Gutes Web-Design baut auf einer gestalterischen Idee auf: Ideal sind Websites, bei denen die gestalterische Idee als Assoziation aus dem beworbenen Produkt oder aus dem Unternehmen entstanden ist und die bei der Entwicklung durchgängig angewendet wurde.

Gutes Web-Design hat Regeln: Die gestalterische Konsistenz einer Website ist eine entscheidende Prämisse für ihren Erfolg. Ein Styleguide schafft die Basis für eine konsistente Gestaltung.

Gutes Web-Design ist Qualität im Detail: Gutes Design bedeutet, dass nicht nur das Gesamtbild stimmig ist, sondern eine Website auch beim näheren Hinschauen einen professionellen Eindruck macht. Verschobene Buttons oder unterschiedliche Abstände und Schriftgrößen sind zudem der Usability abträglich.

Wie viel kostet gutes Design?
Da ein Projekt immer individuellen Anforderungen unterliegt, ist eine pauschale Kostenschätzung unmöglich. //SEIBERT/MEDIA erstellt einen Kostenvoranschlag immer anhand der erforderlichen Teilleistungen. Damit ist die Kostenaufstellung für unsere Kunden immer transparent und nachvollziehbar. Die Kalkulation erfolgt anhand einer Leistungsübersicht, die sich in die drei Bereiche „Positionierung“, „Entwicklung“ und „Umsetzung“ gliedert. Diese Bereiche enthalten wiederum mehrere Einzelleistungen.

Das Leistungspaket „Positionierung“ umfasst unter anderem

• eine Analyse des Marktes,
• eine Analyse des Unternehmens und
• die Erstellung eines Positionierungskonzepts.

Das Leistungspaket „Entwicklung“ umfasst beispielsweise

• ein Navigationskonzept,
• eine kreative Leitidee,
• ein Layoutraster,
• ein Farbkonzept,
• ein Konzept zur Bildsprache,
• ein Kommunikationskonzept sowie
• einen Layout-Entwurf.

Das Leistungspaket „Umsetzung“ enthält unter anderem

• ein detailliertes Layout in verschiedenen Entwicklungsstufen,
• eine Dokumentation und
• einen Styleguide.

//SEIBERT/MEDIA/DESIGN ist ein erfahrener und etablierter Dienstleister für professionelle Design-Leistungen. Wir finden individuelle Lösungen, die Unternehmen voranbringen und die sich auszahlen. Ihre Kontaktmöglichkeit zu //SEIBERT/MEDIA.

Weitere Informationen:
Die Website von //SEIBERT/MEDIA/DESIGN
Kleider machen Leute – Design macht Unternehmen
Vom Kundengespräch zum Angebot: Warum es keine Standardpreise für Design-Leistungen gibt
Acht Vorurteile gegenüber Design und Designern

• Schnelle Ladezeiten,
• einfache Bedienung,
• ansprechendes Aussehen,
• optimale Auffindbarkeit durch Suchmaschinen (SEO).

Mit diesen Punkten steht und fällt der Erfolg einer Website.

Das Schlüsselwort lautet Usability

„Usability bedeutet, dass etwas funktioniert, dass eine Durchschnittsperson einen Gegenstand zweckmäßig benutzen kann, ohne dabei frustriert zu sein.“

Steve Krug

Die Usability bzw. Benutzerfreundlichkeit wird trotz ihrer Wichtigkeit viel zu oft vernachlässigt. Dabei gilt auch hier der einfache Grundsatz „weniger ist mehr“. Die Grundlage für eine ordentliche Usability bilden drei Zielsetzungen.

• Effektivität: Der User kann alle Ziele vollständig erreichen.
• Effizienz: Der User erreicht alle Ziele mit so wenig Aufwand wie möglich.
• Zufriedenheit: Der User empfindet die Nutzung als zufriedenstellend.

Der Design-Prozess und die Webseiten-Entwicklung muss von einem kontinuierlichen Usabilty-Engineering begleitet werden, um den Erfolg der Webseite sicherzustellen.

Problemstellung: Erweiterung bestehender Webseiten
Websites sind heute selten starre Gebilde, vielmehr verändern sie sich regelmäßig. Die Änderung redaktioneller Inhalte ist aus konzeptioneller Sicht zumeist unproblematisch, da der grundsätzliche Seitenaufbau und die Benutzerführung erhalten bleiben. Wird allerdings eine neue Funktion implementiert, stellt das für den Programmierer bzw. Redakteur eine besondere Herausforderung dar. Zu beachten sind beispielsweise

• die Schriftgröße,
• die Farbwerte,
• die Platzierung,
• die Abstände,
• die Rahmenbreite.

Die Folge der Nichtbeachtung vorhandener Vorgaben: Fehler schleichen sich ein und sorgen unter Umständen für Brüche in der Konsistenz der gesamten Benutzerführung. Ein professioneller und erfahrener Designer ist in der Lage, 80% dieser Fehler zu erkennen und zu beheben bzw. zu vermeiden. Deshalb sollte grundsätzlich vor dem Launch oder Relaunch einer Website eine Eigen- und eine Fremdkontrolle durchgeführt werden.

Fehlersuche: Ja, aber wie?
//SEIBERT/MEDIA hat vier Gestaltungsregeln aufgestellt, die Programmierer bei der Website-Gestaltung beachten sollten. Anhand dieser vier Richtlinien lassen sich auch bestehende Websites systemastisch auf Fehler überprüfen. Von zentraler Bedeutung sind dabei:

• 1. Die Beachtung horizontaler und vertikaler Gestaltungsachsen
  
• 2. Die zentrierte Platzierung von Icons
  
  
• 3. Die Einhaltung vorgegebener Abstände zwischen einzelnen Elementen
  
  
• 4. Die Berücksichtigung einheitlicher Zwischenabstände

Die Lösung: ein Styleguide für die Website
Analog zu den Richtlinien eines zentralen Corporate Designs müssen auch bei der Entwicklung von Websites klare Regeln gefunden und im Rahmen der technischen Umsetzung befolgt werden. Ein Styleguide beantwortet viele Fragen und schafft die Voraussetzungen für

• eine konsistente Web-Anwendung,
• das parallele Arbeiten mehrerer Programmierer und ggf.
• das Outsourcen von Programmieraufträgen.

Die Inhalte eines Styleguides werden entsprechend der Bedürfnisse und Anforderungen der jeweiligen Website definiert. Der Styleguide enthält unter anderem:

• Allgemeine Übersichten der verwendeten Seitentypen,
• Gestaltungsregeln zur Typografie, zu Farben, zum Navigations- und Linkverhalten,
• Gestaltungsraster und Gestaltungsmaße der einzelnen Seitentypen.

Der Styleguide ist damit die „Bibel“ des Programmierers und sichert die dauerhafte Qualität einer Website.

Beispiel für eine Vermaßungsvorgabe einer Web-Seite im Styleguide

Weitere Informationen und eigene Artikel zum Thema Web-Design:
Gestaltungsregeln für Programmierer: Die häufigsten Fehler bei der Umsetzung von Layout-Entwürfen
PDF-Dokument: 4 Gestaltungsregeln für Programmierer zum Ausdrucken
Die nächste Website ist nur einen Klick entfernt
Usability-Engineering ist Qualitätssicherung
Typografie auf Websites
Navigationsmenüs: Trends und Beispiele

Weihnachten und Werbegeschenke
Gerade das Versenden von Werbemitteln zur Weihnachtszeit liegt bei Unternehmen nach wie vor hoch im Kurs. Wie alle Menschen werden auch Entscheider und Manager gegen Weihnachten von einer gewissen Sentimentalität ergriffen. Auch deshalb kommt Werbegeschenken in dieser Zeit eine besondere Bedeutung zu. Oft setzen Unternehmen die einfache Weihnachtsgrußkarte als Werbemittel ein, doch angesichts der Masse an Werbung (insbesondere im letzten Quartal des Jahres) lohnt es sich, altbewährte Pfade zu verlassen und sich mit neuen Ideen erfolgreich in Erinnerung zu bringen, beispielsweise

• mit einem originellen und individuell auf den Kunden abgestimmten Weihnachtskartenmotiv,
• mit individuellen Werbegeschenken, verpackt in unternehmenspezifischem Geschenkpapier,
• mit einem Schokoladen-Weihnachtskalender in außergewöhnlicher Aufmachung,
• mit einer interaktiven Weihnachtskarte inklusive Code zum Öffnen der Tür eines interaktiven Online-Weihnachtskalenders usw.

Die weite Welt der Werbemittel
Nahezu jeder Alltagsgegenstand ist als Werbeartikel geeignet. Bekannt und beliebt sind Kugelschreiber, Süßigkeiten und Feuerzeuge, die oft auf Messen und Großveranstaltungen als Streuartikel verteilt werden. Die massenhafte Verbreitung dieser Artikel trägt zu einer raschen Steigerung der Bekanntheit einer Marke oder eines Produktes bei. Aber auch hochwertige Werbegeschenke wie etwa Uhren, Textilien oder Accessoires kommen zum Einsatz. Solche außergewöhnlichen Werbemittel repräsentieren das Qualitätsbewusstsein eines Unternehmens.

Hochwertige Werbemittel verleihen einer Kampagne erst den richtigen Kick und tragen zur intensiveren Kommunikation der gewünschten Botschaft bei. Die zentrale Währung der Werbemittel ist die Werbeerinnerung. Werbebudgets sind verschenkt, wenn die Werbung nicht wahrgenommen und verinnerlicht wird. Ein sinnvolles Werbemittel begleitet den Konsumenten durchaus über mehrere Jahre hinweg und schafft eine dauerhafte Bindung zwischen der Werbebotschaft und dem werbenden Unternehmen. Ein verlässlicher Indikator für die Wirksamkeit von Werbung ist die ungestützte Markenbekanntheit.

In einer Studie von Advernomics aus dem Jahr 2005 über die Werbewirkung von Werbeartikeln kommen Testmarken, die mit Hilfe von Werbeartikeln beworben wurden, auf eine ungestützte Durchdringung von 72%.

Advernomics-Studie: Wirkung von Werbemitteln (2005)

Werbemittel machen Freude und Freunde
Werbeartikel erzielen in der Studie von Advernomics auch Bestwerte bezüglich der Akzeptanz von Werbeformen. Werbeartikel empfinden nur 21% der Befragten als störend, auf Gewinnspiele im Fernsehen und Werbung im Briefkasten dagegen können fast 70% gerne verzichten. Die Werber und Entscheider in den Unternehmen stehen deshalb vor der Aufgabe, Werbung so zu gestalten, dass die Empfänger sie akzeptieren und nicht ablehnen.

Ein weiterer interessanter Fakt kommt noch hinzu: 73% der in der Advernomics-Studie befragten Personen kritisieren, dass sie viel zu selten Werbeartikel überreicht bekommen.

Das Geheimnis des Schenkens
Menschen möchten zu Handlungen angeregt werden und Werbegeschenke in Form von Werbemitteln wecken im Konsumenten ein Gefühl des Verpflichtet-Seins: Der Beschenkte fühlt sich dem Schenkenden verbunden. Das Geschenk stellt damit in den entsprechenden Zielgruppen einen wichtigen „Öffner“ dar, um die Bekanntheit zu steigern bzw. zu festigen, Märkte zu erobern und Absatzkanäle zu erschließen.

Checkliste für erfolgreiche Werbemittel:

• Sie orientieren sich an der Corporate Identity und am Corporate Design eines Unternehmens bzw. eines Events.
• Sie sind auf Empfänger und Absender abgestimmt.
• Sie erfreuen den Empfänger und machen das Unternehmen sympathisch.
• Sie sind originell und/oder nützlich und werden gerne weitergegeben oder anderen vorgezeigt.
• Sie sind von hervorragender Qualität.

//SEIBERT/MEDIA/DESIGN hat für einige Kunden individuelle Werbemittel entwickelt. Wenn Sie an zusätzlichen Informationen und Praxisbeispielen interessiert sind, kontaktieren Sie uns einfach.

Weiterführende Informationen und Artikel zum Thema:
Die Website von //SEIBERT/MEDIA/DESIGN
Kreativität und Originalität erhöhen die Chancen von Werbung signifikant
Werbemittel bei Wikipedia
Werbegeschenke bei Wikipedia
Advernomics

Doch die Zeiten haben sich geändert. Viele Menschen sind gegen die Wirkung klassischer Werbung gefeit oder haben immer weniger Zeit, um immer mehr Informationen zur Kenntnis zu nehmen. Deshalb beschreiten die werbetreibenden Unternehmen und die von ihnen beauftragten Agenturen andere Wege, um auf Produkte und Marken aufmerksam zu machen. Diese Wege sind nicht unbedingt neu, werden aber immer intensiver und auf durchaus kreative Art und Weise genutzt.

Direkter werben mit Below-the-line-Maßnahmen

Marketing-Experten bezeichnen Werbeaktivitäten, die nicht der klassischen Werbung entsprechen, als „Below-the-line-Maßnahmen“. In der Praxis sind diese heute beispielsweise als Promotion-Aktionen in Diskos und Gaststätten, als Außenwerbung (Ambient Media), als Sponsoring, als Direkt-Marketing, als Gewinnspiele oder als Event-Marketing allgegenwärtig. Zu Below-the-line-Aktivitäten gehören aber auch Messestände und Ausstellungen, Mobile- und Bluetooth-Marketing, Product-Placement in Film und TV sowie Online-Werbung.

Die Vorteile dieser Werbemöglichkeiten:

• Sie wirken direkter.
• Sie sind persönlicher.
• Sie können zielgruppenspezifisch eingesetzt werden.

Aus der individuellen Ausrichtung der Werbemaßnahmen im Below-the-line-Bereich resultieren in der Regel weitaus bessere Response-Messungen für das werbende Unternehmen, die (anders als bei unpersonalisierter Above-the-line-Werbung) relativ präzise Aussagen über den Erfolg einer Idee oder Kampagne zulassen.

Kreative und auffallende Werbung

Die Werbung macht vor nichts mehr Halt und dringt auch bis in den letzten Winkel des täglichen Lebens vor. Im Fokus steht dabei nicht mehr nur der Verkauf einer Ware oder Leistung, sondern das Erzielen von PR-Effekten in den Medien. Oft erreichen diese „Werbegags“ mehr Aufmerksamkeit als eine umfangreiche klassische Werbekampagne. Doch wo sind die Grenzen? Wie weit darf diese Form der Werbung gehen?

Die Werbeagentur Ogilvy Beijing inszenierte für den WWF in der Pekinger U-Bahn das Thema Artenvernichtung aus einer ganz neuen und kontroversen Perspektive. Die abgebildeten Tiere zielten mit Waffen auf Passanten, ein Infrarotsensor reagierte auf Personen und löste Schussgeräusche aus. Nach einem Tag musste die Installation entfernt werden, weil es – besonders zu Stoßzeiten – zuviel Aufruhr gab.

Werbung oder PR?

Viele Werbeagenturen inszenieren Werbung als PR-Event. Nicht mehr das klassische Werbeziel, sondern die Aufmerksamkeit steht dabei im Mittelpunkt. Die Grenzen verwischen einerseits zwischen Werbung und PR und andererseits auch zwischen den Disziplinen in den Werbeagenturen. Im Ergebnis muss eine Werbeagentur heute alle Spielarten der Werbung, aber auch der PR beherrschen.

PR im Auftrag des Musiksenders MTV: Aus Anlass der MTV European Music Awards in München projizierte die Agentur Serviceplan lebensgroße Graffiti-Sprayer an bekannte Münchner Wahrzeichen, darunter das Siegestor, die Pinakothek und die Staatskanzlei. Die Kunstwerke der Sprayer bestanden dabei aus SonyEricsson- und MTV-Logos. Der Lohn der kreativen Idee und der Mühen: aufgebrachte Münchner Passanten, die die Polizei anriefen, Top-Headlines in der Münchner Boulevardpresse und Silber beim ADC in der Kategorie Media.

Beispiele für Below-the-line-Maßnahmen

Ambient Media
Ambient Media ist ein Fachbegriff für Außenwerbung, die direkt in das Lebensumfeld der Zielgruppe eindringt, unter anderem auch in bisher werbefreie „Zonen“ wie Pizzakartons, Bäckereitüten oder Zapfpistolen, öffentliche Toiletten, Fitnesscenter-Spinde, Kindergärten, Schulen oder Universitäten.

Branding
Alles und jeder wird erbarmungslos gebrandet. Viel diskutierte Beispiele sind Fußballstadien mit Namen wie HSH Nordbank Arena (Hamburg), Signal Iduna Arena (Dortmund) oder Commerzbank Arena (Frankfurt/M.) . Auch das Branding von Unihörsälen setzt sich durch. Ein kontroverses Beispiel ist der Aldi-Süd-Hörsaal an der FH Würzburg.

Sponsoring
Kaum eine gesellschaftliche Aktivität kommt heute ohne Sponsoren aus, die bei ihrem Engagement mitunter jede noch so kleine freie Fläche nutzen, die sich ihnen bietet.

Kultur-Sponsoring in der Kritik: Ende 2007 kam es bei der Verleihung des Thüringer Literaturpreises zum Skandal. Preisträger Ingo Schulze merkte an: „Schon dass ich hier stehe, an diesem Pult mit der Aufschrift E.ON Thüringer Energie AG und fotografiert werde, macht mich zu einer Art Werbeträger … mich stört, dass ich über E.ON nachdenken muss, wenn ich den Thüringer Literaturpreis annehmen will.“
Diese Bemerkung führte zu einer Diskussion über die „Kommerzialisierung der Kultur“, was keine gute Presse für E.ON war.

Guerilla-Marketing
Das ist ein Sammelbegriff für Kommunikationstaktiken, die mit geringen Mitteln und unkonventionellen Methoden große Wirkung erzielen. Vor allem gemeinnützige Organisationen, die auf die öffentliche Wahrnehmung angewiesen sind, nutzen diese Form des Marketings (z.B. Greenpeace oder Amnesty International).

Product-Placement
Die gute alte Schleichwerbung feiert Rekorde. Im Kinohit „Sex and the City“ zählten Reporter von „Vanity Fair“ über verschiedene 70 Marken. Erst kürzlich hat die EU die Gesetze für Product-Placement im TV gelockert. Nur in Kindersendungen, Dokumentarfilmen und Nachrichten soll diese Werbeform weiterhin untersagt bleiben.

Virales und Buzz-Marketing
In der Kritik stehen diese Kampagnen und Marketing-Maßnahmen, weil sie nicht als solche zu erkennen sind. Das Spektrum reicht von angeblichen Amateurfilmchen im Web, die Werbebotschaften transportieren, bis zu Blog-Beiträgen, in denen Markenabgesandte sich als normale Kunden ausgeben, die zufällig von einem Produkt begeistert sind. In Großbritannien sind solche Werbeformen seit Ende Mai 2008 verboten. Es drohen sogar Gefängnisstrafen.

Weitere Artikel und Informationen zum Thema Werbung

Kreativität und Originalität erhöhen die Chancen von Werbung signifikant
Kreative Werbung in Text und Bild
Ambient Werbung bei Wikipedia
Ingo Schulze beklagt die Refeudalisierung des Kulturbetriebs aus „Hedoniker“
Studieren im Aldi-Hörsaal aus „FOCUS-Online“
Unis in Finanznöten: Hörsaal sponsored by ALDI aus „SPIEGELOnline“

Bildquellen:
1 / PAGE, Ausgabe 09.08
2 / 5 /6 /7 / jeweilige Agenturwebsite
3 / blog.t3lab.de und flickr
4 / bwin.de und hugoboss.com

Werbung appelliert, vergleicht, macht betroffen oder neugierig.

Erfolgskriterien in der Werbung

Werbung ist dann erfolgreich, wenn sie

• eine starke Aufmerksamkeit erzielt,
• Relevanz hat,
• Glaubwürdigkeit besitzt,
• leicht zu merken ist und
• wenn sie kontinuierlich wirkt.

Die Werbewirksamkeit und damit der Erfolg ist dann am größten, wenn möglichst viele dieser Kriterien erfüllt sind.

Wo Werbung wirkt?

Werbung wirkt in vielen Bereichen des täglichen Lebens. Wir begegnen ihr auf der Straße, im Briefkasten, im Fernsehen, im Internet,… Unternehmen steht eine Vielzahl von Werbeformen zur Verfügung, die einzeln eingesetzt, aber auch miteinander kombiniert werde können.

Die Werbefachleute unterscheidet dabei „klassische“ Werbeformen (Above-the-line) von „nicht-klassischen“ (Below-the-line).

„Above-the-line“ wird offensichtliche Werbung in den klassischen Medien genannt, beispielsweise Plakate, TV- und Kinospots, Hörfunkwerbung, Zeitungsanzeigen.

„Below-the-line“ dagegen bezeichnet Werbung, die sich abseits der traditionellen Wege bewegt. Kunden werden dort erreicht, wo sie Werbung am wenigsten erwarten und wo sie am Besten wirkt. Hierzu gehören beispielsweise Direkt-Mailings per Post oder E-Mail, Werbemaßnahmen am Point of Sale, Sponsoring von Events und Gewinnspiele.

Eine Kampagne muss sich dabei nicht auf eine der beiden Kategorien beschränken. Viele erfolgreichen Kampagnen verbinden im Marketing-Mix Klassische Werbeformen mit „Below-the-Line“-Maßnahmen.

Text, Bild oder Text und Bild

Erfolgreiche Werbung basiert meist auf einer mutigen Idee und einer überraschenden und überzeugenden Umsetzung in Text und Bild. Kreative Werber entwickeln für eine Kampagnenidee verschiedene Ansätze und entwickeln sie immer weiter, um das bestmögliche Ergebnis für den Werbekunden zu erzielen.

Plakate und Anzeigen sind ideal geeignet, um mit besonders kreativen Ideen aufzufallen. Nicht immer ist zu einem Bild Text notwendig, umgekehrt kann eine hervorragende Textanzeige auch ohne Bildmotiv auskommen.

Die Text-Bild-Varianten im Detail

Nur Text
Bei Werbemotiven, die nur mit Text arbeiten, stehen die Sprache und die Typografie im Mittelpunkt der kreativen Idee. Beide müssen so stark und originell sein, dass sie auffallen und die Anzeige letztendlich gelesen wird. Reine Textanzeigen und -motive arbeiten oft mit Wortwitz und sprachlichen Besonderheiten.

Agentur: Spillmann/Felser/Leo Burnett

Agentur: .start GmbH

Nur Bild
“Ein Bild sagt mehr als tausend Worte” lautet ein bekanntes Sprichwort. Voraussetzung ist jedoch, dass die Bildidee so stark ist, dass sie eine schnelle Verarbeitung im Gehirn der Menschen ermöglicht. Manchmal erfordern reine Bildmotive vom Kunden auch einen zweiten Blick und erzielen dadurch erst ihre Werbewirkung. Reine Bildwerbung wird wegen der Möglichkeit der Provokation auch oft bei Kampagnen für soziale Belange eingesetzt.

Agentur: BBDO Canada

Agentur: Bates Reklamebrya

Text-Bild-Kampagnen
Im Vordergrund steht der Text. Das eingebundene Bildmotiv bietet eher einen Eyecatcher, unterstützt die Grundaussage der Werbung aber nicht weiter und erzielt keine besonderen “Aha”-Effekt.

Agentur: Jung von Matt

Bild-Text-Kampagnen
Bei dieser Kampagnenform steht das Bild im Mittelpunkt. Der dazugehörige Text liefert entweder eine Erklärung dazu oder bietet einen zusätzlichen sprachlichen Witz in der Anzeige oder auf dem Plakat.

Agentur: Jung von Matt

Agentur: Scholz & Friends

Text und Bild-Kampagnen
Hier werden beide Kommunikationsmöglichkeiten gleichberechtigt miteinander verknüpft. Die Kernbotschaft der Werbung entsteht erst durch das Zusammenwirken beider kreativer Elemente. Würde ein Teil ausgeblendet werden, ginge die Werbebotschaft verloren und wäre vom Empfänger nicht zu entschlüsseln.

Agentur: Philipp und Keuntje GmbH

Agentur: M.E.C.H. Berlin

Weiterführende Links:

• Vorteile von Text und Bild
• Werbung bei Wikipedia
• Vom ADC-Deutschland ausgezeichnete Werbung 2008
• ADVERBLOG: Interactive Marketing and other great advertising ideas since 2003

Bild-Quellen:

• Art Directors Club Deutschland
• Art Directors Club Schweiz
• 100 beste Plakate
• Adverblog
• Buch: Kribbeln im Kopf – Kreativitätsstechniken & Brain-Tools von Mario Pricken

Beispiele aus der Praxis
Eine neue visuelle Sprache, moderne Technologien, schnelle Entwicklungsphasen – sind nur drei Einflüsse auf das Unternehmensdesign der Zukunft (Teil 1). Bereits heute fordern Auftraggeber innovative Lösungen für Logodesign ein, wie die folgenden Beispiele aus der Praxis zeigen.

1. Identitätsfindung für Regionen
Für die Region Oberrhein wurde eine gemeinsame Identität gesucht, da das Gebiet aus Teilen Frankreichs, Deutschlands und der Schweiz besteht. Der Regionenvermarkter rief zu einem Wettbewerb unter drei Hochschulen in Mulhouse, Karlsruhe und Basel auf. Die Studenten begaben sich auf eine Recherchereise und entdeckten in einem Trödelladen ein Rhinozeros. Plötzlich war die Verbindung zwischen “Rhino” und “Rhein” geboren. Im weiteren Kreativprozess wurden von dieser Grundidee weitere Gestaltungselemente abgeleitet, darunter die Sprache “Region”, die symbolhaft für die Winkel der regionentypischen Fachwerkhäuser steht, sowie die Farben, die auf den typischen Buntsandstein der Gebäude in der Region verweisen. Immerhin: Der Entwurf der Karlsruher Hochschule hat gewonnen.

2. Bausätze zum Mitmachen
Die Amsterdamer Agentur Lesley Moore hat auf ihrer Homepage zum “Logodesign”-Wettbewerb aufgerufen. Aus vorgegebenen Bausteinen, die aus den Initialen L und M sowie einem Kreis und zwei Rechtecken bestanden, sollten die Homepage-Besucher ein eigenes Agenturlogo entwickeln. Die Idee dahinter: Eine kleine Agentur wie Lesley Moore besitzt nicht die strenge Identität einer großen Agentur. Sie bezieht ihre unternehmerische Kraft primär aus der Unterschiedlichkeit. Die Corporate Idendity unterliegt bei diesem Prinzip einem ständigen Wandel. Mehr als tausend Logoentwürfe sind entstanden. Sie wurden in einer Datenbank gesammelt und teilweise bereits in die Geschäftsausstattung eingebunden. Lesley Moore garantiert den Usern, dass jedes Logo, egal, wie gut oder schlecht es gemacht ist, mindestens einmal verwendet wird.

3. Lebendiges Logo für Berlin-Neukölln
Einen interessanten Weg, um mehrere Partner einer Initiative unter einem Markendach zusammenzubringen und dennoch Individualität zuzulassen, ist die Agentur studio adhoc gegangen. Sie kreierte für jeden Akteur einer Stadtteil-Initiative in Neukölln ein individuelles Logo, das sich in Form und Farbe von den anderen abhob. Jede Farbe und jede Form war möglich. Die einzige Vorgabe der Agentur: das Logo müsse rund und knubbelig sein. Trotz der zahlreichen Variationen des Logos hat die beständige Formsprache einen gut funktionierenden gemeinsamen Auftritt ermöglicht. www.unternehmen-neukoelln.de

4. Modifizierung und Strapazierfähigkeit
Für die Präsidentschaftskandidatur von Barack Obama entwickelten die Chicagoer Designbüros LLC und mo/de ein klares und eigenständiges Logo. Der kreisrunde Buchstabe “O”, drei rote Streifen und eine aufgehende Sonne stehen symbolisch für die Morgendämmerung eines neuen politischen Zeitalters in den USA. Die Kampagnenmacher von Obama haben dieses klar strukturierte Logo modifiziert und an die unterschiedlichen Zielgruppen angepasst. Herausgekommen sind 13 verschiedene Logovariationen für 13 Zielgruppen – jeweils ein Logo für Afroamerikaner, Homosexuelle, Umweltaktivisten, Frauen, Kinder usw. Verändert wurden die Schriftart und das Logo. Einzige Konstante blieb der Name Obama. Dieser Variantenreichtum hat dem Logo nicht geschadet. Es spricht damit ganz für die Qualität des Designs.

5. Logos in 3D
Mit dem Re-Design bestehender Unternehmenslogos verfolgen viele Unternehmenslenker auch das Ziel, ihr Unternehmen moderner zu positionieren. Während lange Zeit die Logo-Designer auf Einfarbigkeit und Schlichtheit gesetzt haben, besitzen die Unternehmenslogos heute Farbverläufe und Schatten. Dadurch muten sie hochwertig an und werden im Auge des Kunden als angenehmer wahrgenommen. Dieser Trend wird verstärkt durch die breitere Wahrnehmung einer Marke über das Internet. Hier sind im Gestaltungs- und Technologiebereich Spielereien möglich, die Printwerbung nicht bietet. Zu den Unternehmen, die diesen Schritt gegangen sind, gehören Volkswagen , ARAL , Plus und ProMarkt .

6. Animierte Logos
Die neuen technologischen Möglichkeiten des Internets – unter anderem durch Flash-Tools – haben bereits einige Unternehmen auf ihren Websites genutzt. Das Logo ist nicht mehr starr, sondern animiert und verfügt teilweise über einen eigenen Sound. Aktuelle Beispiele für animierte Logos als Teil der Corporate Idendity finden sich beim Schweizer Telefonunternehmen swisscom , beim Designwettbewerb red dot oder auf der Veranstaltungswebsite der see-conference .

Weitere Artikel zum Thema Unternehmensdesign:

• Logodesign – neue Anforderungen und innovative Lösungen (Teil 1)
• Kleider machen Leute – Design macht Unternehmen
• Ein Logo lebt! Die Swisscom zeigt Innovation mit einem auf Bewegung ausgelegten Bildelement im neuen Logo
• 8 Vorurteile gegenüber Design und Designern

Kürzere Entwicklungszeiten von Firmenlogos
Vor einigen Jahren haben Unternehmen den Designern für die Entwicklung eines guten Logos noch ein bis zwei Jahre Zeit gegeben, denn im Logo sollte die gesamte Firmenentwicklung mit berücksichtigt werden. Diese Zeiten haben sich geändert. Heute steht auf der Tagesordnung, ein Unternehmenslogo innerhalb von zwei bis drei Monaten auf den Markt zu bringen. Der Grund dafür: Von einem Tag auf den anderen kann ein Unternehmen ein neues Marktsegment erschließen. Die Folge: Neue Marken kommen überraschend schnell auf den Markt. Im Kern geht es bei diesen Marken jedoch vordergründig nicht darum, sie in ein durchdachtes Corporate Design-Konzept einzubinden. Vielmehr soll das Logo von überflüssigem Ballast befreit und unter Einsatz von viel Geld in die Köpfe der Kunden gehämmert werden. Dieser Weg hat jedoch einen entscheidenden Nachteil: Wenn diese Art Marken nicht mehr penetrieren, verlieren sie ihre Kraft und entschwinden aus den Köpfen der Kunden.

Designer contra Werber
Die Anforderungen der rasanten wirtschaftlichen Entwicklung machen dementsprechend auch vor den Designern und Werbern nicht halt. Unternehmen gehen heute direkt zu einer Werbeagentur, die nach dem Prinzip “Was bleibt in 20 Sekunden beim Kunden haften?” arbeitet. Den Rest soll die Penetration durch viel Medialeistung bringen. Das Ergebnis ist meist nicht optimal und muss dann durch die Einbindung von anderen Designern nachgebessert werden.

Schwierigkeiten bei der Suche nach Identität
Ein Logo steht primär für die Identität eines Unternehmens. In Großkonzernen fehlen jedoch meist echte Führungspersönlichkeiten, die einer Marke die Identität und den Charakter verleihen können. Die häufig installierten Übergangsmanger sind eher finanzorientiert und dienen dem Sharholder-Value-Prinzip. Im Gegenzug trauen sich kleinere Firmen eher, in der Kommunikation ihre Produktgeschichte zu erzählen und diese Historie auch im Logo lebendig werden zu lassen. Große Unternehmen gehen dagegen den Weg des geringsten Widerstandes und wollen mit ihrem Firmenzeichen nicht provozieren.

Trend zur Unverbindlichkeit
In der schnelllebigen Wirtschaftswelt können sich Produktportfolios von heute auf morgen ändern. Die Unternehmen möchten deshalb ihre Logos unverbindlicher gestalten, um sie für diese Portfolioanpassung offen zu halten. Statt einprägsamer Zeichen und Symbole, wie beispielsweise die Brezel der Bäckereigruppe Kamps, werden in der heutigen Zeit bevorzugt Wellenzeichen verwendet, die sich außerdem sehr ähneln. Den Logos, beispielsweise von Signal, Iglo oder Kitekat fehlt damit die Unverwechselbarkeit. Ein anderer Trend ist der Einsatz von reinen Wortmarken, beispielsweise in der Autoindustrie. Der Grund: Ein einheitliches Bild kann die gesamten Konzernaktivitäten nicht mehr abdecken. Bei reinen Wortmarken muss dann die Typografie die Kommunikationskraft bestimmter Gefühle übernehmen.

Frischzellenkur für solide Marken
Dauerhaft bekannte Marken wie “Daimler” werden trotz Veränderungen im Logodesign weiterhin erkannt und verstanden. Für das langfristige Funktionieren einer Marke sorgen Metasysteme, beispielsweise der Mittelachsensatz. Vorsichtige Redesigns bekannter Marken, zum Beispiel Nivea oder Milka wirken im Ergebnis frisch und modern und führen die Marke und das Unternehmen in eine erfolgreiche Zukunft. In bestimmten Situationen, unter anderem in einer Krise, eine Fusion oder bei einer generellen Neupositionierung im Markt, brauchen Logos eine Auffrischung, die mehr als eine Symbolwirkung hat. Doch keine Regel ohne Ausnahme. Die über 100-jährige Kultmarke Coca-Cola hat sich jahrzehntelang einem Relaunch verweigert und ist dennoch immer erfolgreich geblieben.

Umdenken durch neue Technologien
Ein Logo muss in allen Medien gleich funktionieren. Soweit die Theorie. Neue technologische Entwicklungen erfordern jedoch auch beim Designer ein Umdenken. Durch die immer stärkere Wahrnehmung einer Marke in den digitalen Medien kommen zum reinen Bild noch Animation und Sound hinzu. Bei der Neuentwicklung eines Logos müssen Designer diese Multifunktionalität von Beginn an mit bedenken. Bestehende Marken müssen darüber nachdenken, wie sie den Schritt in diese Zukunft gehen wollen. Durch die Verwendung von Animation und Sound signalisiert das Unternehmen seine Haltung zur Marke. Doch Vorsicht: Das Ergebnis einer nachträglichen Animation durch unprofessionelle Agenturen lässt oft zu wünschen übrig. Ein gelungenes Beispiel der Vernetzung von Logo, Sound und Animation findet sich bei Audi. Der simple Claim “Vorsprung durch Technik” wird emotional durch den Herzschlag-Sound aufgeladen. Damit verbinden sich Dynamik und Leidenschaft. Designer können heute auch wieder komplexere Zeichen entwickeln, denn es gibt kaum mehr technische Restriktionen, zum Beispiel im Zeitungsdruck oder im Internet, die früher Argumente für einfache Logos waren.

Veränderungen in der visuellen Sprache
Bei der Entwicklung eines Logos müssen sich Designer heute auch Gedanken über das Transportmedium machen. Ein und dasselbe Logo für alle Medien kann nicht mehr überall funktionieren. Das Logo-Design des Mobilfunkanbieters O2 funktioniert besser in elektronischen Medien als im Printbereich. Der kleinste gemeinsame Nenner kann dementsprechend nicht mehr das alleinstehende, losgelöste Zeichen sein. Vielmehr muss der Designer Berührungspunkte zwischen dem Logo und dem Kunden erzeugen. Designer sollten sich deshalb eher von der Frage leiten lassen: Wie wirkt ein Logo im Fernsehen, auf einem Plakat, im Internet, auf einem Etikett, auf einem T-Shirt? So paradox es klingen mag: Nur ein auf die verschiedenen Medien abgestimmtes Logo schafft einen einheitlichen Markenauftritt.

Gigantische Regelwerke für Corporate Design bieten wenig Inspiration für Designer.

Logos der Zukunft
Wie sind die Logos der Zukunft? Einen interessanten Ansatz stellt das “Evolving Logo” dar, das nach dem Prinzip der Evolution funktioniert. Es verändert sich ständig, geht neue Kombinationen ein, mutiert. Beeinflusst wird es weniger durch die Parameter der Unternehmensentwicklung, sondern durch die Unternehmensmitarbeiter die nahezu täglich am Logo Veränderungen vornehmen können. Ein interessanter Effekt: Die Mitarbeiter identifizieren sich stärker mit dem Unternehmen. Ein weiterer Ansatz für ein Logo der Zukunft sind generative Zeichen, die interaktiv agieren. Eine Einsatzmöglichkeit bietet das Internet. Fährt der User beispielsweise mit der Maus über das Logo, verändert es dadurch das Aussehen und kann Sachverhalte neu visualisieren.

Weitere Artikel zum Thema Unternehmensdesign:

• Logodesign – neue Anforderungen und innovative Lösungen (Teil 2)
• Kleider machen Leute – Design macht Unternehmen
• Ein Logo lebt! Die Swisscom zeigt Innovation mit einem auf Bewegung ausgelegten Bildelement im neuen Logo
• 8 Vorurteile gegenüber Design und Designern

01 / Der Umschlag wird zum Eye-Catcher
Der klassische Briefumschlag ist weiß, doch Weiß allein ist langweilig. Bringen Sie Farbe ins Spiel oder kommunizieren Sie schon über den Umschlag, was in ihm steckt. Das erzeugt Neugierde und der Brief wird auch geöffnet. Machen Sie mit einem interessanten und originellen Teaser auf einen Vorteil Ihrer Leistung oder Ihres Produktes aufmerksam. Bei der Umschlagsgestaltung ist nur darauf zu achten, dass die jeweiligen Vorschriften der Post oder des Postdienstleisters eingehalten werden.

02 / Mit dem Einstieg Aufmerksamkeit erregen
Auf die Betreffzeile sollten Sie nie verzichten, da diese Zeile zuerst gesehen und gelesen wird. Und Betreffzeilen müssen nicht langweilig sein. Verwenden Sie Zitate, einprägsame Slogans oder formulieren Sie auf „griffige“ Weise, zu welchem Mehrwert Ihr Produkt führt – am besten kurz und knapp. Wenn das Mailing im Rahmen einer größeren Werbekampagne zusammen mit anderen Medien verschickt wird, ist es im Hinblick auf den Wiedererkennungswert von Vorteil, die zentrale Werbebotschaft der Kampagne auch im Brief zu verwenden.

03 / Direktansprache auch bei unpersonalisierten Mailings
Um neue Kunden zu gewinnen, können Sie Adressen kaufen oder unpersonalisierte Mailings beispielsweise als Postwurfsendung verschicken. Wenn der Name des Adressaten nicht bekannt ist, kann der Empfänger trotzdem direkt angesprochen werden, beispielsweise mit „Sehr geehrter Kunde.“ So schaffen Sie eine persönliche Ebene und Ihre Botschaft wird eher wahrgenommen.

04 / Ohne Umschweife zum Ziel
Der Leser widmet einem Brief zunächst nur wenige Sekunden. In dieser Zeit entscheidet der Empfänger, ob er weiterlesen möchte oder nicht. Schon im Einstieg sollten klare Vorteile aufgezeigt werden, die ihm durch die Lektüre des Mailings entstehen können.

05 / Gratis ist nicht umsonst
Mit kleinen Geschenken animieren Sie potenzielle Kunden zu einer Reaktion. Kostenlose Info-Broschüren eignen sich dafür genauso wie ein Kalender oder ein nettes Giveaway. Mit grafischen Effekten oder einer anderen Schrift können Sie die Gratis-Angebote oben oder unten im Brief sogar besonders hervorheben.

06 / Reaktionsmöglichkeiten nicht im Mailing verstecken
Mit Ihrem Mailing möchten Sie beim Kunden eine Reaktion hervorrufen. Stellen Sie mehrere optionale Reaktionsmöglichkeiten (Telefonkontakt, Faxnummer, Antwortkarte) zur Verfügung. Verstecken Sie die Hotline nicht, sondern heben Sie diese optisch hervor. Weisen Sie den Leser explizit darauf hin, dass ein Kontaktformular beiliegt. Wenn Ihnen die Adresse bekannt ist, können die Kundendaten auch bereits in das Kontaktformular integriert werden. Merken Sie an, dass Sie die Kosten für eine schriftliche Antwort übernehmen.

07 / Wichtige Hinweise über das „PS“ kommunizieren
Eye-Tracking-Tests haben ergeben, dass ein Post Scriptum am Ende des Briefes fast immer gelesen wird. Dieses sollte eine, maximal zwei Zeilen lang sein und besonders hervorgehoben werden. Das „PS“ können Sie unter anderem für die Wiederholung der Werbebotschaft nutzen, einen Zeitkorridor für Antworten definieren, auf prägnante Weise auf die tatsächlichen Vorteile des Angebots verweisen usw.

Mit professionell gestalteten und umgesetzten Mailings erhöhen Sie Ihre Vertriebschancen enorm. Und natürlich sind neben dem grundlegenden Handwerkszeug insbesondere Kreativität und Originalität gefragt, damit Ihre Botschaft den Adressaten auch tatsächlich erreicht.

Es war einer DER Trends 2007 – die Rotation von Inhalten auf Websites. Kaum eine Komponente im Netz hat sich zuletzt so inflationär verbreitet wie das Web-Karussell. Als Vorreiter gilt einmal mehr Apple: Bereits seit einiger Zeit kann im iTunes-Store über Links- und Rechtspfeile in CD-Covern geblättert werden – und das auf so fließende und elegante Weise, dass nicht wenige User unabhängig vom eigenen Musikgeschmack und aus reinem optischen Genuss weiter und weiter blättern. Jüngste Relaunchs großer Seiten und Portale haben die Rotation des Karussells zusätzlich mächtig angekurbelt.

Das Web-Karussell ist ein Tool, das mehrere Elemente – in der Regel Bilder – enthält. Der Clou besteht in der Vielzahl der Möglichkeiten. Das Karussell lässt sich sowohl horizontal als auch vertikal darstellen und dementsprechend sowohl von oben nach unten (und umgekehrt) als auch von links nach rechts (und umgekehrt) navigieren. Diese reizvolle Navigation wird oft durch Animationen wie etwa Blenden oder auch aufwändige 3D- und Spiegeleffekte usw. unterstützt, die heute vor allem mit Ajax und Java, aber nach wie vor auch mit Flash umgesetzt werden.

Gründe für den Boom

Das alles ist zwar nicht wirklich neu und gibt es seit Jahren in Flash-Umsetzungen. Die derzeit zu beobachtende Häufung ist allerdings bemerkenswert und lässt sich auf vier wesentliche Gründe zurückführen:

01 / Der Bedarf an Platz sparenden Präsentationsformen wächst. Wer ein Karussell verwendet, kann auf wenig Raum viel Inhalt darstellen. Das wird immer wichtiger, weil auch der Umfang an Inhalten zunimmt, seien es Nachrichten auf News-Portalen oder Produkte in Online-Shops.

02 / Haptik und Materialität sind im Trend und finden immer stärkere Berücksichtigung beim Web-Design.

03 / Mit neuen Web-2.0-Technologien wie Ajax ist die Komponente noch einfacher als bisher zu implementieren.

04 / Designer und Entwickler sind stets bestrebt, neue und alternative Einstiegsmöglichkeiten in die Tiefe von Websites zu kreieren und umzusetzen. Das mit Bildern bestückte Web-Karussell eignet sich dafür ideal. Die Komponente ist Platz sparend, sendet starke Reize aus, ist einfach zu bedienen und sorgt obendrein für den viel gepriesenen Joy of Use.

Die Aussichten und die Herausforderung

Wer sich mit offenen Augen im Internet bewegt, der kommt am Web-Karussell heute nicht mehr vorbei. Die rotierenden Bilder begegnen uns als Amazon-Bestseller, beim Blättern auf MyVideo.de, auf der Website der ZDF-Mediathek, beim Betrachten der Bilder des Tages auf Bild.de und zu unzähligen weiteren Gelegenheiten. Das Web-Karussell dreht sich unaufhaltsam und wird weiter kräftig an Geschwindigkeit zulegen – um das vorauszusagen, muss man kein Prophet sein.

Allerdings besteht die Herausforderung für alle Projektbeteiligten von den Konzeptionern über die Designer bis hin zu den Programmierern darin, Vorhandenes nicht einfach wieder und wieder zu klonen, sondern jeder Anwendung Persönlichkeit und eine individuelle Note zu verleihen, und so immer wieder aufs Neue für optische und benutzerfreundliche Überraschungen zu sorgen.

Einige bemerkenswerte Beispiele:

Gravis.de: Eine individuelle horizontale Lösung

Apple.com: Navigation über Scrollbalken

Amazon.de: Karrussell mit 3D-Effekt

Weitere Informationen:

• Materialität, Haptik und Klickverhalten bei Websites (eigener Artikel)
• Navigationsmenüs: Trends und Beispiele (eigener Artikel)
• Bewegung auf der Internetseite
• Die Website von //SEIBERT/MEDIA/DESIGN

Jeder begabte Designer (oder jeder begabte Ingenieur, Künstler, Architekt …) erzielt einige wirklich große Ergebnisse in seinem Leben.

Daran glaubt und darauf vertraut der Designer und hofft am Anfang eines jeden größeren Projekts, dieses Mal den großen Wurf zu landen und etwas Großartiges zu schaffen. Er möchte etwas Neues, nie Dagewesene kreieren und sich mit seinem neuartigen, außergewöhnlichen Entwurf auch gegenüber seinen Kollegen profilieren. Er möchte bewundert werden, Respekt ernten und auf seinen Entwurf stolz sein können. Und: Er möchte den Kunden mit seiner Arbeit in Begeisterung versetzen. Die Realität holt ihn jedoch meistens ganz schnell und mitunter unsanft wieder auf den Boden der Tatsachen zurück.

Dies sind einige Beispielsituationen, in denen dem Designer seine Freude und das Lachen nach und nach vergehen, sowie einige typische Reaktionen :

Einschätzungen von Laien
Personen, die von Design nicht die geringste Ahnung haben und das Wesentliche gar nicht begreifen, aber über das Ergebnis tagelanger Arbeit konferieren, urteilen und beratschlagen, kosten viele Nerven.

Unausgereifte Ideen
Jemandem kommt eine Idee, über die er keine drei Sekunden nachgedacht hat, sie aber auf Gedeih und Verderb umsetzen will, weil sie ihm eben besser gefällt – was allerings auch die Arbeit von 20 Stunden über den Haufen werfen würde. In so einem Fall kann ein Designer schon einmal laut und etwas unbeherrscht werden.

Detailkritik statt Gesamtwürdigung
Wenn auf sein Layout statt mit Begeisterung über die entwickelte Lösung nur mit Hinweisen auf Rechtschreibfehler reagiert wird, bringt das den Designer zum Resignieren und weckt so manche Sinnfrage.

Entstellung des eigenen Idealentwurfs
Angesichts der dritten Änderungsrunde, deren Ergebnisse ihn zwingen, den eigenen Idealentwurf nach und nach immer weiter zu entstellen, denkt der Designer auch mal darüber nach, sich einen Boxsack anzuschaffen.

Änderungen, die nichts verbessern
Bei Änderungen, die das Ergebnis lediglich modifizieren, es aber nicht im Geringsten verbessern würden, und die die Zeit und das Budget des Designers sinnlos verschlingen, beginnt er gerne langatmige Diskussionen.

Projekte, in denen Design als Beiwerk angesehen wird
Wenn er ein Intranet oder Extranet designen muss, das mit Sicherheit keine Design-Lorbeeren ernten kann, weil auf das Design kaum Wert gelegt wird, halten sich die Ambitionen des Designers in Grenzen und er muss sich arg zusammenreißen, motiviert zu bleiben.

Routine statt Kreativität
Wenn er einen 60-seitigen Styleguide abzuarbeiten hat, während andere für ein Kommunikationskonzept brainstormen, kann er auch mal traurig wirken.

Abschließend ein freundlicher Tipp für alle, die mit Designern zu tun haben:

Lassen Sie dem Designer etwas mehr Freiraum und steigern Sie seine Motivation und seinen Ehrgeiz mit einem wertschätzenden Budget, denn dann erhalten Sie mit Sicherheit ein Ergebnis, das dem Bestmöglichen nahe kommt und von dem auch Sie begeistert sein werden.

Weiterführende eigene Artikel:

• Einen Designer besser verstehen (1/2) – So denkt und arbeitet er Oder: Warum gute Ergebnisse Zeit brauchen
• 8 Vorurteile gegenüber Design und Designern

Ein Designer geht stets kontextuell vor: Die Lösung geht aus dem Inhalt des Unternehmens und aus der spezifischen Aufgabe hervor. Es gibt keine Dogmen und Gesetze. Richtig ist, was die Bedürfnisse des Unternehmens befriedigt, der Zielerreichung dient und zur Lösung der Aufgabe führt. Ein neues Projekt wird stets mit Spannung und Neugier angegangen.

Analysephase: Den Kunden verstehen lernen
Jedes Projekt ist etwas Einzigartiges und zwingt den Designer zur Unvoreingenommenheit und dazu, alle Routine über Bord zu werfen und bei Null anzufangen. Im ersten Schritt werden der Kunde und sein Unternehmen genau analysiert. Das bedeutet, nach den tatsächlich wesentlichen Eigenschaften zu suchen und diese herauszustellen, sowie die Kundenbedürfnisse zu formulieren und daraus Projektziele und Aufgabenstellungen abzuleiten.

Sind diese ersten Ergebnisse zusammengestellt, müssen sie sogleich hinterfragt werden: die wesentlichen Eigenschaften, die Ziele, die Aufgaben. Durch den ersten Denkprozess ist nämlich eine neue Ausgangssituation entstanden. Aus dieser neuen Perspektive stellen sich die Dinge wieder anders dar und lassen sich besser beurteilen. Je tiefer man vordringt, desto zielgenauer können alle weiteren Arbeiten ausgerichtet werden.

Phase der Ideenfindung: Der erste kreative Prozess
Die Ideenfindung ist immer ein Prozess und die Idee ist durch Methoden wie Brainstorming, kategorisches Denken (assoziativ, thematisch oder metaphorisch), Recherche oder Brainfloating beeinflussbar. Doch eine gute Idee kommt eben nicht auf Befehl, sondern manchmal früher und manchmal später.

In den seltensten Fällen ist die erste Idee auch die beste – richtig gute Ideen kommen zumeist erst ganz am Schluss. Je mehr Zeit man in die Ideenfindung investiert, desto größer ist die Wahrscheinlichkeit, auf eine wirklich großartige Idee zu kommen.

Gestaltungsphase: Vom leeren Blatt zur Entscheidungsfindung
Wie die Ideenfindung ist auch das Gestalten stets ein Prozess mit einem weißen Blatt Papier oder einem leeren Bildschirm als Ausgangssituation. Nun beginnt man zumeist damit, die Fläche in Bereiche einzuteilen und ein System oder verschiedene Elemente zu entwickeln, um unterschiedliche Bereiche voneinander zu trennen (Flächen, Boxen, Linien, Punktlinien etc.). Man platziert das Logo, danach die aktiven und großen Elemente wie auffällige Bilder und Grafiken und schließlich den Text. Damit steht der erste grobe Entwurf.

Doch ist diese Lösung die richtige und optimale? Bewerten heißt immer, Möglichkeiten miteinander zu vergleichen. Ideen muss man sehen, man kann sich nur schwer in sie „hineindenken“. Deshalb ist jede Variation des Entwurfs notwendig und bringt das Projekt voran.

Das gute und mitreißende Gefühl, sich der richtigen Lösung zu nähern, steigert sich mit der Dauer der Entwurfsphase und mit der Intensität, mit der man sich mit den Alternativen beschäftigt. Sich für etwas zu entscheiden bedeutet auch, sich gegen etwas zu entscheiden. Das fordert vom Designer Durchhaltevermögen, Mut und den Willen, etwas Großartiges zu schaffen. Wenn dann das Ergebnis stimmt, stellen sich das Glücksgefühl und die Erleichterung ein, eine richtige und gute Lösung entwickelt zu haben.

Weiterführende eigene Artikel:

• Einen Designer besser verstehen (2/2) – seine Illusionen und seine Realität
• 8 Vorurteile gegenüber Design und Designern
• Vom Kundengespräch zum Angebot: Warum es keine Standardpreise für Design-Leistungen gibt

Veränderung ist wichtig

Wer stehen bleibt, verliert. In einer sich ständig ändernden Welt ist es schwierig, über viele Jahre hinweg ohne Anpassungsmaßnahmen noch zeitgemäß und glaubwürdig zu erscheinen. Welchen Eindruck würde auf Sie ein Geschäftspartner in einem 80er-Jahre-Blazer machen? Oder ein Kollege, der im Batik-T-Shirt aus den 70ern zum Meeting erscheint?

Allgemeine Geschmacksmuster, Formen, Schrift und Bildsprache oder übliche Farbkombinationen sind Moden und dem Zeitgeist unterworfen. Veränderungen und Anpassungen sind also wichtig und unvermeidbar. Das betrifft auch das Corporate Design eines Unternehmens, den Webauftritt, die Geschäftspapiere, die Broschüren oder die Anzeigen.

Unternehmen werden wie Persönlichkeiten wahrgenommen

Unternehmen weisen als soziale Konstrukte quasi-personale Strukturen auf, das ist seit langem unbestritten. Das heißt in aller Kürze: Ein Unternehmen ist in seiner Außendarstellung einem Menschen recht ähnlich. Beide hinterlassen einen Eindruck in der Öffentlichkeit über ihr Aussehen, ihre Sprache, ihre Leistung und ihr Verhalten. Bei beiden ist der persönliche Stil immer Ausdruck der inneren Haltung. Diese definiert sich primär durch die vertretenen Werte.

Darüber hinaus prägen die Herkunft, die Visionen, die Motivation oder die Interessen den Charakter sowohl von Menschen als auch von Unternehmen. Individualität ist die Voraussetzung für Einzigartigkeit und der damit verbundenen Differenzierung gegenüber Mitbewerbern. Deshalb ist Design wichtig und deshalb macht Design erfolgreich.

Die stärkste Bindung zwischen Unternehmen und Kunden ist Vertrauen

Ein Unternehmensauftritt erweckt dann Vertrauen, wenn aus der Summe aller Eindrücke
ein homogenes Bild resultiert. Eindrücke entstehen durch das Produkt bzw. die Dienstleistung an sich, durch die Botschaften und Inhalte aus Texten und durch das äußere Erscheinungsbild. Dessen kontinuierlicher und konsistenter Einsatz schafft in den Köpfen der Zielgruppenangehörigen ein Bild, in dem das Unternehmen als vertrauenswürdig wahrgenommen wird.

Wenn es um Design und Stilrichtungen geht, gibt es immer zwei Komponenten, die es zu betrachten gilt. Erstens: Wer und wie ist man selbst? Und zweitens: Wen möchte man ansprechen? In diesem Entwicklungsprozess ist neben visionärem Denken, Fantasie, Mut, Durchhaltevermögen und Leidenschaft vor allem eines erforderlich: Kreativität. Dabei ist jedoch nicht Kreativität im Sinne möglichst vieler, sondern möglichst klarer und einfacher Ideen gefragt, die einen kompromisslosen Fokus auf die Persönlichkeitsmerkmale des Unternehmens legen.

Design ist ein Erfolgsfaktor

Zu diesem Schluss kommt eine Studie des britischen Design Council (2007), in deren Rahmen insgesamt 1.500 Unternehmen befragt wurden. Die Ergebnisse der Erhebung zeigen deutlich, dass der Einsatz von Design zu einem direkten wirtschaftlichen Nutzen für die Unternehmen führt:

• Design schafft Wettbewerbsvorteile.
• Design gibt Aufschluss und Orientierung bei der Kaufentscheidung.
• Design macht Qualitätsversprechen sichtbar.
• Design wird zum Differenzierungsmerkmal.
• Design führt zu Mehrwert.

Design bedeutet Vorsprung

Professionelles und gutes Design bedeutet also, anderen einen Schritt voraus zu sein. Um Ihr Unternehmen einen Schritt vorwärts zu bringen und diesen Schritt auch in die richtige Richtung zu setzen, haben wir erfolgreiche Methoden, Denkmodelle und Strategien entwickelt.

Das Beflügelnde an einer Anpassung und Neuorientierung ist das Gefühl, vorangekommen zu sein und Altes oder Verbrauchtes hinter sich gelassen zu haben.

Besser zu sein als viele andere, macht glücklich und erfolgreich.

Weitere Artikel und Informationen zum Thema:
Erfolgsfaktor Design
Studie bestätigt: Design macht Unternehmen erfolgreicher
Über den kleinen Unterschied zwischen Grafikdesign und Corporate Design
Kommunikationskonzepte – die richtigen Botschaften optimal vermitteln
Die Website von //SEIBERT/MEDIA/DESIGN

Die Münchner Markenagentur Martin et Karczinski hat die Anforderung durch das Motto „Tell the Logo“ definiert. Ein Logo muss eine Geschichte erzählen können, die Geschichte zum Unternehmen. Diesem Ansatz sind der Schweizer Typograf Bruno Maag und die Londoner Agentur Moving Brands gefolgt und haben sie geschickt mit der Zielsetzung kombiniert, eine Marke als sich bewegendes und wandlungsfähiges Element zu entwickeln.

Zunächst zu den Hintergründen:

Die Swisscom hat einen Wandel von der Dachmarkenstrategie zur Monomarkenstrategie vollzogen: Die Gruppengesellschaften Fixnet, Mobile und Solutions wurden aufgelöst und sämtliche Leistungen werden nunmehr unter Swisscom angeboten. Die neue Marke visualisiert die neue Organisation und den Zusammenschluss der genannten Unternehmen. Die Marke besteht aus zwei – einem roten und einem blauen – flächigen Elementen, die sich durchdringen, transparent sind und im Standbild eine dreidimensionale komplexe Skulptur bilden. Ansatzweise ist auch ein Schweizer Kreuz auf der roten Fläche zu erkennen, das auf raffinierte Weise integriert wurde.

Die Sichtweisen auf Logos haben sich verändert

Die Zeiten ändern sich, die Kommunikation verändert sich – und damit auch die Bewertungskriterien für ein Logo. Während früher einfache grafische Formen ein gutes Logo ausmachten, führt das Logo der Swisscom in eine neue Dimension. Eben diese Dynamik der Zeit, der Wandel der Medien, also auch der enorme Zuwachs an Bildschirmanwendungen, rechtfertigen und fördern ein Logo, das für Animationen ausgelegt ist. Gelungen ist auch der passende Schriftzug, dessen Buchstaben sowohl die Rundungen des Logos als auch die vertikale Achse aufgreifen.

Da das Logo in sich recht komplex und durch die eigenwillige und prägnante Formsprache sehr reizvoll ist, hat man sich dazu entschlossen, aus dem formalen Inventar des Logos sekundäre Gestaltungselemente zu entwickeln (Abbildung oben rechts). Dies ist ein optimaler Ansatz für eine homogene Markenkommunikation.

Diskussionen zum Thema:

• Swisscom mit neuer Identität
• Swisscom mit animiertem Logo

Verwandte eigene Artikel:

• Materialität, Haptik und Klickverhalten bei Websites
• Kommunikationskonzepte – die richtigen Botschaften optimal vermitteln
• Gegen den Strom schwimmen: Mercedes-Benz hebt sich mit einem 2-D-Logo bewusst von anderen Automobilherstellern ab