ifdblog_beta » EFA

IDENTITÄT & PROFIL

Ronny — Wed, 30 Sep 2009 10:00:21 +0000

Typologien

Für EFA wurden folgende fünf Nutzergruppen bestimmt: Öffentlichkeit, Bildung, Forschung, Unternehmen sowie E-Government. Um ein besseres Gefühl für die Marke EFA zu entwickeln wurden Typologien für jede Nutzergruppe erstellt. Diese Typologien stellen eine fiktive Person als Vertreter der Gruppe und deren Bezug zum Portal EFA dar.

Öffentlichkeit
Günther, 68 Jahre, Rentner: gehört dem örtlichen Jagdverein an, besitzt eine Gartenlaube und liebt seine Gartenarbeit, verbringt viel Zeit mit seinem Enkel im Garten, Günther will wissen, welche Schadstoffen die angrenzenden Industrieanlagen in die Luft ablassen

Bildung
Karsten, 16 Jahre, Schüler: nimmt gern an den Waldentrümplungen des Ortsverbandes für Naturschutz teil, spielt gerne Fußball, ist viel mit seinem Hund Lobo unterwegs, muss im Rahmen eines Schulprojektes eine Auswahl an Schadstoffen vorstellen, hierzu soll er aufzeigen wie giftig diese Schadstoffe sind und wie lange die Belastung in der Umwelt anhält

Forschung
Michaela, 32 Jahre, Dipl.-Biol. im Institut für Umweltforschung: liebt Spielabende in kleiner Runde, reist gerne mit Freunden in ferne Länder, für mehrere Forschungsprojekte benötigt sie fundierte Emissionsdaten als Parameter für Simulationen

Unternehmen
Dr. Müller, 47 Jahre, Vorstandsvorsitzender eines Chemie-Konzerns: 24/7-Workaholic, wenn es die Zeit erlaubt, sammelt er Kraft in seiner Villa, als Vorstandsvorsitzender eines Aktien dotierten Unternehmens liegt ihm viel an dem Erscheinungsbild seines Konzerns in der Öffentlichkeit, er setzt daher auf die Möglichkeiten des Portals, mehr Transparenz und Sicherheit zu vermitteln

E-Government
Herr Walter, 62 Jahre, Bürgermeister: unternimmt mit seiner Wandergrupppe ausgiebige Reisen in ganz Deutschland, seine Freizeit widmet er seinem Haus und seinem Garten, er setzt sich für die Verwirklichung von E-Government ein und schätzt die damit verbundenen Vorteile für die Bürger und Unternehmen in seiner Stadt

Profilkriterien

Die Profilkriterien sollen als Eckpfeiler für das kreative weiterverarbeiten dienen und dem Nutzer als argumentative Richtung einen Anhaltspunkt geben.

bildhaft (anschaulich, bilderreich, deutlich, eindeutig, einprägsam, erklärend, erläuternd, sprechend, unmißverständlich)
übersichtlich (einfach, geordnet, schematisch, erfassbar, erkennbar, klar, zugänglich, lesbar)
hilfreich (entgegenkommend, aufmerksam, fürsorglich, gefällig, gütig, zuvorkommend)
modern (zeitgemäß, aktuell, aufgeschlossen, fortschrittlich, gang und gäbe, mit der Zeit, neu)
vertrauenswürdig (rechtschaffen, ehrlich, glaubwürdig, pflichtbewusst, unbestechlich, verantwortungsbewusst, verlässlich, aufrichtig)

Positionierung

EFA – Emissionen für alle …

…   ist das offizielle Informationsportal für Schadstoffe und Schadstoffquellen in Deutschland.
…   zeigt die Umweltbelastung in der Nachbarschaft.
…   setzt sich zum Ziel, die Schadstoffbelastung nachhaltig zu reduzieren.
…   betrifft jeden!

EFA veröffentlicht im Auftrag der Bundesregierung Emissionsdaten von über 4.000 Anlagen (Stand Juli 2009). 91 Schadstoffe unterliegen der Beobachtung. Hierbei registriert EFA die Freisetzung in die Luft, in den Boden sowie die Müllverbringung im In- und Ausland als auch die Abgabe und das Verbringen von Abwasser. EFA ist ein Werkzeug, das jedem Menschen frei zur Verfügung steht, um sich detailliert über Schadstoffemissionen in Deutschland zu informieren.

Naming

EFA – Emissionen für alle …

Unsere Entscheidung fiel auf den Namen EFA. Das Akronym EFA steht für „Emissionen für alle.“
Es geht auf den Arbeitstitel des Semesterprojektes des Fachbereiches Design in der Hochschule Anhalt zurück. Emissionen betrifft alle Menschen, jeder ist aktiv oder passiv an Emissionen beteiligt. Jeder hat das Recht sich über Emissionen in seiner Nachbarschaft zu informieren.

Moodboard

Das Moodboard soll ein Gefühl des angestrebten Erscheinungsbildes der Firma wiederspiegeln. Hierfür verwenden wir eine einfach strukturierteAnsicht mit klaren und einfach Bildern. Im Detail lassen sich eine saubere Umwelt durch erneubare Energien und Fortschrittlichen Industrien oder auch das Zusammenarbeiten der Öffentlichkeit und den Umweltbörden ablesen.

————————————————————————————————————————————————————————————————————————————————

Bildquellen Typologien und Moodboard (Stand September 2009):
** Typologien
** Öffentlichkeit.Portät: http://imclaren.files.wordpress.com/2009/07/img_8577.jpg; Öffentlichkeit.Jagdgesellschaft: http://www.lawa.lu.ch/frei/jagd_blaeser_web3_otto.jpg; Öffentlichkeit.Gartenlaube: http://ais.badische-zeitung.de/piece/01/16/14/ff/18224383.jpg; Öffentlichkeit.Enkel: http://lh6.ggpht.com/_it77BF0xwts/SfBN5BM5ZEI/AAAAAAAAAP4/tzSWRFe_xfk/SPD+Wahlkampf+18.JPG
** Bildung.Porträit: http://www.prima-anzeigen.de/export/YTcyMDkyZGM0MDBhNzQzNTNkYWFlYzQ1ODhkY2M.jpg; Bildung.Fussball: http://vfl-senden.de/images/news/0809/B1/aufstiegsrunde3g.jpg; Bildung.Hund: http://kleinsthof.de/img/hofhund/800×600/lobo_wiese.jpg; Bildung.Müll-Sammler: http://www.cdu-merchweiler.de/image/picobello2.jpg
** Forschung.Porträt: http://mcff.mtu.edu/acmal/images/Claire.jpg; Forschung.Labortisch: http://dic.academic.ru/pictures/dewiki/76/Lab_bench.jpg; Forschung.Spieleabend: http://lh4.ggpht.com/_eV1y3BoxnlE/SYh86uahgUI/AAAAAAAAHLk/Icmf42Y7NNMs640/Spieleabend%20und%20San%20Pedro%20002.jpg; Forschung.TreckingTour: http://fv2009.files.wordpress.com/2009/03/dsc025832.jpg
** Inustrie.Vorstand: http://www.viscom.de/_images/people/viscom-vorstand_300dpi.jpg; Industrie.DAX: http://www.locomnet.de/medien/boerse.jpg; Industrie.Börse Frankfurt: http://ais.badische-zeitung.de/piece/00/84/c4/eb/8701163.jpg; Industrie.Anlage: http://www.rwe.com/web/cms/mediablob/de/8836/blowupData/18192/blob.jpg; Industrie.Luxusvilla: http://www.usa-immobilienmakler.com/uploaded_images/z27671521-794375.jpg
** E-Government.Porträit: http://www.alzenau.de/buergernetz/rat__verwaltung___buergerservice/stadtrat/buergermeister/40_1.jpg; E-Government.Wandergruppe: http://www.hof-kilbe.de/Bilddatei/Wandergruppe.jpg; E-Government.Sitzung: http://lh5.ggpht.com/_CN5pZQPPERQ/SOKZEO1GCDI/AAAAAAAAOnQ/EpjvIzdaLbA/Laufen_Umfahr_Entsch+%285%29.JPG; E-Government.Einfamilienhaus: http://www.immobilienboerse-zollernalb.de/h_jetter/EFH%20Heselwangen%20059.jpg
** Moodboard
Moodboard.Laptop: http://www.microsoft.com/presspass/images/features/2004/01-21NxOpinion1_l.jpg; Moodboard.Anlage: http://dc-app3-13.gfz-potsdam.de/images/stories/co2-verdichterstation%20und%20zwischenlager%20der%2030%20mw%20oxyfuel-pilotanlage%20schwarze%20pumpe%20quelle%20lehrstuhl%20kraftwerkstechnik%20btu%20cottbus.jpg; Moodboard.Windräder: http://www2.westfaliadruck.de/uploads/_weblog/umwelt_groß.jpg; Moodboard.UBA: http://www.nachhaltigesbauen.de/typo3temp/pics/61842af7f7.jpg; Moodboard.Hände: http://upload.wikimedia.org/wikipedia/commons/8/87/Team_touching_hands.jpg

CORPORATE DESIGN BASICS

Ronny — Tue, 29 Sep 2009 10:00:54 +0000

Logo

Der leicht „knuffige“ Look des Schriftbildes und der Wolke vermittelt Sympathie und steht im Kontrast zur ernsten und fachlichen Thematik.

Die Wolke

Für viele ist die Abgaswolke die erste Assoziation, wenn sie von Schadstoffreisetzungen oder Abgasen hören. Sie symbolisiert auf einfache Art die Thematik – EFA registriert die Mengen und auf welche Art Schadstoffe in Deustchland freigesetzt werden.

„WISSEN STATT VERMUTEN.“

Der Claim der Marke untermauert den Zweck des Informationsportals. EFA stellt umfangreiche Informationen und Erkenntnisse im Bereich Schadstoffemissionen zur Verfügung. Beim Thema Umweltverschmutzung wird viel vermutet. EFA liefert fundierte Erkenntnisse und Daten – schwarz auf weiß. Ein wichtiger Grundpfeiler für weiterführende Entwicklungen und Entscheidungen im Bereich Umweltschutz und Umweltpolitik.

Farbklima

Bei EFA kommen nur wenige Farben als Hausfarben zum Einsatz. Dadurch erhöht sich die Prägnanz des Erscheinungsbildes.

Hausfarben primär: Taubenblau, Schwarz, Weiß
Hausfarben sekundär: Schwefel, Abstufungen Schwarz + Schwefel

Die Farbe „Schwefel“ dient als Marker in Informationsgrafiken. Bereiche in denen etwas passiert oder auf denen der Fokus liegen soll, werden mit dieser Farbe versehen. Die EFA-Infografiken sind im Normalfall schwarz-weiß gehalten, dadurch hebt sich diese Farbe Schwefel ab und lenkt den Betrachter gezielt auf diesen Bereich.

Für die Webseite ist ein Farbleitsystem angedacht. Für die vier Nutzergruppen ist jeweils eine Farbe festgelegt: Öffentlichkeit = Grün, Unternehmen = Rot, Wissenschaft = Lila und Bildung = Orange.

Bildsprache

Generell sind Informationsgrafiken/Schaubilder im EFA-Infografikstil gegenüber Fotos zu bevorzugen. Wenn Fotos zum Einsatz kommen, müssen folgende Punkte beachtet und einghalten werden.

+ ernsthafte, sachliche Aufnahmen
+ Bildaussage muss sich sofort erschließen
+ bevorzugt Aufnahmen bei Tageslicht
+ Einstellungsgröße Totale, Halbtotale, Halbnah
+ Hauptpersonen immer von vorne
+ keine Bildeffekte (Weichzeichner, Sepia)
+ keine „romantischen“ Aufnahmen von sachlichen Themen (z.B. beleuchtete Industrieanlage nachts)

Schriften

Für das Erscheinungsbild von EFA werden zwei Schriften verwendet. Eine Headline-Schrift sowie eine Leseschrift. Beide Schriften sind serifenlos, unterstützen so mit ihrem Schriftbild den sachlichen Kontext.

Bei der Headlineschrift handelt es sich um die Fishmonger von Tomas Brousil. Für EFA wird vorwiegend der Schnitt „FishmongerK 5-Medium 6-SemiBold, Italic“ verwendet. Die geneigte Schriftachse passt gut zum isometrischen Infografikstil. Die Abrundungen der Ecken harmoniert sehr gut mit dem EFA-Logo.

Für Lesetexte kommt die FF Info Text von Erik Spiekermann und Ole Schäfer zum Einsatz. Die Info Text ist eine Weiterentwicklung der Info und gezielt wird den Einsatz als Lesetext konzipiert worden. Auch bei der FF Info Text sind die Ecken der Schriftzeichen abgerundet und damit passt diese Schrift sehr gut zum restlichen Erscheinungsbild.

Informationsgrafiken

Für EFA wurde ein eigener Stil für Informationsgrafiken festgelegt. Dieser beruht auf einer leicht modifizierten Isometrischen Perspektive mit einem Winkel von 23°. Auch alle bei EFA verwendeten Icons und Symbole sind soweit realisierbar nach diesen Stilvorschriften umzusetzen.

Weitere Merkmale des Stils sind: abgerundete Konturecken, auslaufende abgerundete Konturenden, Einsatz weniger Konturstärken.

Spezielle für die EFA Infografiken wurde ein Baukastensystem konzipiert, mit dem sich schnell umfangreiche Schaubilder erstellen lassen. Der Baukasten umfasst Fahrzeuge, Gebäude und Anlagen und kann problemlos erweitert werden. Vorteil des Baukastens ist, dass die Elemente unendlich oft weiterverwendet werden können. Da beim Erscheinungsbild generell Infografiken gegenüber Fotos bevorzugt werden, hat dies auch Kostenvorteile (Honorar, Lizenzgebühren).

**Bildsprache
Positiv: http://dc-app3-13.gfz-potsdam.de/images/stories/co2-verdichterstation%20und%20zwischenlager%20der%2030%20mw%20oxyfuel-pilotanlage%20schwarze%20pumpe%20quelle%20lehrstuhl%20kraftwerkstechnik%20btu%20cottbus.jpg; Negativ: http://www.strassenphotographie.de/wp-content/uploads/p1244443.jpg

LAYOUTSPRACHE

Ronny — Sun, 27 Sep 2009 10:00:35 +0000

Beispielseiten Imagebroschüre und CD-Label

Grundsätze

Inhalte sollen in überschaubarer Form platziert werden. Viel Bildmaterial – vorwiegend Infografiken – lockern den fachlichen Kontext auf und erläutern die Inhalte. Dies spiegelt die Profilkriterien von EFA wieder. Text und Bild stehen im engen Zusammenhang.

Generell wird ein 12-Spalten-Raster verwendet. Das Logo wird auf Titelseiten in der Breite von 2 Spalten mit einer Spalte Abstand zum rechten Rand platziert. Außerhalb der Webseite wird unterhalb des Logos die Webadresse positioniert. Für Plakate wird ein 9 x 18 Zellenraster eingesetzt.

Alle Printprodukte (Plakate ausgenommen) werden als Trennschnitt angelegt. Dazu wird ein Druckrand von 6 mm bis 10 mm angelegt. Der Größe des Grundlinienraster beträgt 5 mm (Briefbogen, Visitenkarte, Imagebroschüre).

Sonderformat Imagebroschüre

Die Imagebroschüre hat die Maßen geschlossen 21 x 21cm und offen 42 x 21cm. Das quadratische Format ist an den EFA-Infografikstil angelehnt, der einem perspektivisch verzertten quadratischen Grundraster beruht. Angedacht ist eine Ringösenheftung, mit der die Broschüre einfach abgeheftet werden kann. Jeder Imagebroschüre wird eine CD beigefügt, auf der Schulungsmaterialien, Dokumente und Formulare bereitgestellt werden können.

EVALUATION

Ronny — Sat, 26 Sep 2009 10:00:52 +0000

Evaluation Szenario Rentner

In der durchgeführten Evaluation wurde aus der Sicht der Benutzergruppe der Rentner durchgeführt.

Szenario: Rentner sucht Informationen zu Emissionen
Person: Heidrun Rothe
Alter: 67
Familienstand: geschieden
Freizeit: Sudoku, Malerei
Themenbezug: Hat Interesse an Informationen über Schadstoffbelastungen in ihrem Garten.

Am Beispiel der 67 Jährigen Rentnerin, Heidrun Rothe, welche sich allgemeine Informationen der Umwelt- und Schadstoffbelastung in ihrem Garten Informieren will, zeigen sich bei der Ausgangsgestaltung der Webseite erhebliche Mängel.

Evaluation Auswertung

Aus dem, in 3 Teile geteilten Evaluierungsbogen, welcher sich mit den Hauptthemen Content und Funktionalität, Navigation und Interaktion, Mediendesign und Präsentation beschäftigt, ist ersichtlich, dass es speziell in den Bereichen Intuitivdesign und Medieneinsatz große Defiziete gibt, wobei die Qualität, sowie das Interaktionskonzept wiederum ein großen Plus verbuchen.

Dies zeigt sich nochmal einfach in den dargestellten Diagrammen, in denen hervorgeht das der Bereich Mediendesign und Präsentation mit 2,19 von 4 möglichen Punkten im unteren Feld liegt, Content und Funktionalität bei 2.95 eine überdurchschnittliche Bewertung bekommt und der Bereich der Navigation und Interaktion mit 2.65 einen Mittelwert erreicht.

Optimierungsempfehlungen

Die Evaluation ergab mängel hinsichtlich der Seitenstruktur/Navigation insbesondere bei der Interaktion mit der Schadstoffkarte.

Schadstoffkarte

-> Benutzerfreundlichkeit der Karte erhöhen (Scrollrad-Zoom, Funktionen auf beide Maustasten)
-> Karten-Symbole durch eindeutige Symbole ersetzen
-> Anzeige der Details innerhalb des Kartenmoduls (keine separate Seite, schnellerer Zugriff)

Navigation

-> Einteilung in Zielgruppen (Farbleitsystem)
-> Direktlinks für Karte, Diffuse Quellen und Schadstoffe
-> Integration Suchfeld auf jeder Seite

Content

-> Zielgruppengerechter Content (z.B. Unterrichtsmaterial)
-> Wiki-System durch integrierte Hilfe ersetzen
-> Druckansicht
-> RSS-Feed implementieren
-> Möglichkeit zur Änderung der Schriftgrößen
-> Sprachwahl Deutsch und Englisch
-> Newsletteranmeldung
-> Integration von Diffuse Quellen und BUBE-Online

**Evaluation.Typologie Rentner
Evaluation.Rentnerin: http://lh6.ggpht.com/_XBhOqogUdNo/R69RcCDeVcI/AAAAAAAACbs/H7QEBnQHdIU/DSCF0059.JPG; Evaluation.Sudoku Foto von Mathias Jüsche; Evaluation.Wasserfarben: http://dic.academic.ru/pictures/dewiki/87/Watercolours.jpg

WEBDESIGN

Ronny — Fri, 25 Sep 2009 10:00:34 +0000

Konzept

Übersichtlichkeit und eine schnell erfassbare Navigation sind wichtigsten Grundpfeiler des Webseitenkonzepts. Die Seiten dürfen keinesfalls überladen wirken. Der Nutzer soll immer wissen, wo er sich gerade befindet. Alle wichtigen Seitenbereich sind durch einen Klick erreichbar.

Zielsetzung war es, die Webseite für alle definierten Nutzergruppen zu optimieren. Hierzu wird die Webseite in Gruppenbereiche unterteilt mit angepassten Inhalten und Navigationspunkten versehen.
Alle Grundinformationen von EFA stehen allen Nutzergruppen zur Verfügung. Zu besseren Orientierung wird hierbei ein Farbleistsystem verwendet.

Die Webseite ist optimiert für eine Bildschirmauflösung von 1024 x 768 px bis 800 x 600 px.
Für höhere Auflösungen sind die Desktop-Applikationen für Schadstoffkarte, Diffuse Quellen gedacht. Diese Widgets/Gadgets passen sich der jeweiligen Auflösung an. Bedienelemente können nach Wunsch skaliert werden, um die Lesbarkeit bei Bedarf zu erhöhen.

Bube-Online sollte unter EFA.de integriert werden. Hierzu steht innerhalb des Unternehmensbreiches eine Anmelde-Seite zur Verfügung.

Sprache

Hauptsprache ist Deutsch. Damit die Seite auch alle anderen EU-Mietgliedsstaaten sowie allen interessierten Menschen weltweit nutzen können, steht als zweite Sprache Englisch zur Verfügung. Die Sprache kann jederzeit geändert werden, die Sprachsteuerung hierfür ist auf jeder Seite oben rechts zu finden.

Navigation und Orientierung

Grundsatz: Alle wichtigen Seitenbereiche sind von jeder Seite aus erreichbar. Die Brotkrümel-Leiste zeigt die aktuelle Position in der Seitenstruktur an. Die Bereiche der einzelnen Nutzergruppen sind farblich unterscheidbar.

Multimodale Interaktion

Das Haupteingabegerät für die Webseite ist die Maus. Tastaturkürzel sind für die Tools angedacht. Innerhalb der Tools sollten die Vorteile von Mausrädern genutzt und integriert werden.

Für Spiele innerhalb des Bildungsbereiches können auch Kamera, Mikrofon oder andere Peripheriegeräte zur Bedienung verwendet werden.

Suche

Das Suchfeld ist auf jeder Seite erreichbar. Das Ergebnis wird strukturiert nach Trefferquote sortiert angezeigt, daneben kann die Suchliste nach Autor, Datum geordnet werden. Sind Suchbegriffe in der Emissionsdatenbank auffindbar, werden die dazu gehörigen Datensätze separat vorrangig in Tabellenform angezeigt. Die Datenfelder sind verlinkt und führen zur Emissionskarte, in der die jeweilige Anlage markiert angezeigt wird.

Barrierefreiheit

Die Webseite muss den Richtlinien für Barrierefreiheit entsprechen. Hierzu sind die aktuellen und erforderlichen Vorschriften hinsichtlich der Porgrammierung der Webseite zu berücksichtigen. Hierzu sind im Kopfbereich auch Einstellungen für die Schriftgrößen angedacht.

**Webseite
Radfahrer: http://www.16vor.de/uploads/2007/06/radlust_stadtradeln21.jpg; Gruppenfoto: http://www.umweltbundesamt.de/uba-info/emas/emas_mg_1630.jpg

INFORMATIONS-/AUFKLÄRUNGSKAMPAGNE

Ronny — Thu, 24 Sep 2009 10:00:42 +0000

Konzept der Kampagne

Das Konzept der Plakate beruht auf den Grundgedanken, Informationen bildhaft zu vermitteln. Dieser Grundgedanke ist in den Profilkriterien verankert. Bis zur finalen Version entstanden zahlreiche Entwürfe, in denen vor allem die Typographie variiert und optimiert wurde. In diesem Prozess kam die zweite Hausschrift Fishmonger zum Zuge, da sie gegenüber der FF Info als Headline-Schrift mit dem Stil der Infografiken besser harmoniert.

Die erste Plakatkampagne umfasst drei Motive. „Emissionen in der Luftfahrt“, „Was registriert EFA“, „CO2: Vergleich Industrie und Straßenverkehr“

Die Plakate sind einheitlich aufgebaut. Headline 2 bis 4-zeilig oben links, Logo plus Webadresse oben rechts. In der Mitte des Plakates das Motiv im EFA-Infografikstil mit zusätzlichen Erläuterungen. Unten rechts ist immer der Claim “WISSEN STATT VERMUTEN.” zu sehen.

Der einheitliche Aufbau unterschützt den Wiedererkennungswert von EFA. Die Plakate beruhen auf ein Zellenraster von 9 x 18.