<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>journal.hahnsinn</title>
	<atom:link href="http://journal.hahnsinn.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://journal.hahnsinn.de</link>
	<description>Ein Plädoyer für gutes Webdesign.</description>
	<lastBuildDate>Thu, 22 Mar 2012 08:13:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>Nischenseiten-Challenge Report 3: Content is king</title>
		<link>http://journal.hahnsinn.de/nischenseiten-challenge-report-3/</link>
		<comments>http://journal.hahnsinn.de/nischenseiten-challenge-report-3/#comments</comments>
		<pubDate>Thu, 22 Mar 2012 07:57:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Online-Marketing]]></category>
		<category><![CDATA[Persönliches]]></category>
		<category><![CDATA[PlugIn]]></category>
		<category><![CDATA[Präsentation]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=1189</guid>
		<description><![CDATA[Schon wieder ist über eine Woche vergangen in der Nischenseiten Challenge. Mein Beitrag praesentationen24.de wächst und gedeiht. Inhaltlich und technisch bin ich gut vorangekommen: Inhalte Aufgrund der Navigationsstruktur habe ich mir ca. 30 Inhaltsseiten vorgenommen. Ne Menge Stoff, der erstmal &#8230; <a href="http://journal.hahnsinn.de/nischenseiten-challenge-report-3/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Schon wieder ist über eine Woche vergangen in der <a href="http://www.selbstaendig-im-netz.de/nischenseiten-challenge-hauptquartier/" title="Nischenseiten Challenge Hauptquartier" target="_blank">Nischenseiten Challenge</a>. Mein Beitrag <a href="http://praesentationen24.de/" title="Präsentationen24" target="_blank">praesentationen24.de</a> wächst und gedeiht. Inhaltlich und technisch bin ich gut vorangekommen: </strong></p>
<h2>Inhalte</h2>
<p><a href="http://praesentationen24.de/" title="Präsentationen24" target="_blank"><img src="http://journal.hahnsinn.de/wp-content/uploads/2012/03/Einfach-gute-Präsentationen-erstellen-praesentationen24.de_praesentationen24.jpg" alt="" title="Einfach-gute-Präsentationen-erstellen--praesentationen24.de_praesentationen24" width="300" height="371" class="alignright size-full wp-image-1192" /></a>Aufgrund der Navigationsstruktur habe ich mir ca. 30 Inhaltsseiten vorgenommen. Ne Menge Stoff, der erstmal gefüllt sein will. Letzte Woche konnte ich mal ein, zwei Tage gut Gas geben und den Hauptpunkt „Präsentationen vorbereiten“ samt Unterseiten gut füllen. Die ersten Blogartikel sind inzwischen auch drin. Aufgrund meiner Schulungstätigkeiten (u.a. zum Thema „Präsentationstechnik“ <img src='http://journal.hahnsinn.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  ) habe ich schon umfangreiche Inhalte vorrätig, die nur noch in die entsprechende Form gebracht werden müssen. Es warten aber immer noch jede Menge Texte, die geschrieben werden wollen… Die nächsten Wochen.</p>
<h2>WordPress-Plugins</h2>
<p>Im <a href="http://journal.hahnsinn.de/nischenseiten-challenge-praesentationen24-de-das-portal-rund-um-prasentationstechniken/#more-1181" title="Nischenseiten-Challenge: Praesentationen24.de — Das Portal rund um Präsentationstechniken" target="_blank">letzten Beitrag</a> habe ich schon einige WordPress-PlugIns vorgestellt, die ich eingebaut habe. Es sind nun noch einige dazugekommen:<br />
<span id="more-1189"></span></p>
<h3><a href="http://dennishoppe.de/wordpress-plugins/associated-posts-pro" target="_blank">Associated Posts Lite</a></h3>
<p>Ermöglicht ausgewählte Inhaltsseiten und Blogposts auf anderen Seiten und Posts zu verlinken. Sehr spannend, um inhaltliche Querverlinkungen auf der Seite zu generieren. Für jede einzelne Seite und jeden einzelnen Blogpost läßt sich sowohl eine genaue Auswahl treffen, als auch die Art der Anzeige bestimmen (bspw. nur Titel oder gar kompletter Artikel). Die freie Version des PlugIns ist eingeschränkt, für knapp 20 Euro gibts die Vollversion mit entsprechend größerem Funktionsumfang.</p>
<h3><a href="http://www.adrotateplugin.com/" target="_blank">AdRotate</a></h3>
<p>Hiermit sollen nacher die Werbebanner gesteuert werden. Keine Ahnung, ob das PlugIn wirklich zum Einsatz kommen wird. Erstmal Banner bekommen… doch dazu unten mehr!</p>
<h3><a href="http://www.reviewlizard.com/stuff/wp-amazon-ads/" target="_blank">WP Amazon Ads</a> &amp; <a href="https://case.oncle-tom.net/code/wordpress/" target="_blank">Amazon Widgets Shortcodes</a> &amp; <a href="http://www.diewebmaster.it/amazon-einzeltitellinks-plugin-wordpress/" target="_blank">Amazon Einzeltitellink</a></h3>
<p>Drei PlugIns, um die Amazon-Afilliate-Geschichte gut verwalten zu können. Welches PlugIn wie zum Einsatz kommen wird? Auch hier: Schau’n mer mal!</p>
<h3><a href="http://www.wprotator.com/" target="_blank">WP Rotator</a> &amp; <a href="http://wordpress.org/extend/plugins/flex-slider-for-wp-rotator/" target="_blank">Flex Slider for WP Rotator</a></h3>
<p>Auf die Startseite gehört ein schöner Slider, der entweder einzelne Inhalte anteasert oder den User inhaltlich und optisch auf die Seite einstimmt. Sliders gibt es inzwischen wie Sand am Meer. Für den Wp-Rotator habe ich mich entschieden, da er sehr simpel in der Anwendung ist. Ich möchte lediglich ein paar Bildchen durchsliden lassen und nicht, wie bei dem meisten WordPress-Slidern, die neuesten Postings präsentieren. Und als Ergänzung mit dem Flex Slider ist er für das Responsive Design optimal!</p>
<h3><a href="http://www.hiddentao.com/code/wordpress-page-tagger-plugin/" target="_blank">Page Tagger</a></h3>
<p>Ermöglicht Seiten zu taggen. Diese Funktion ist bei WordPress zwar inzwischen wohl auch Standardmäßig dabei, funktionierte bei mir aber irgendwie nicht. Die TagCloud im Footer zeigt jetzt also nicht nur die Post-Tags an, sondern auch die Seiten-Tags. Sehr schön für eine alternative Navigationsführung.</p>
<h3><a href="http://financequestionsblog.com/random-pages-widget" target="_blank">Random Pages Widget</a></h3>
<p>Ermöglicht auf Seiten die zufallsgesteuerte Anzeige von anderen Seiten und / oder Artikeln. Wieder eine Art der alternativen Navigationsführung.</p>
<h3><a href="http://wordpress.org/extend/plugins/subpages-widget/" target="_blank">Sub Pages widget</a></h3>
<p>Zeigt in der Sidebar die Unterseiten der aktuellen Hauptseite an. Nichts spektakuläres, aber eigentlich ein Pflichtprogramm.</p>
<h3><a href="http://yoast.com/wordpress/seo/#utm_source=wpadmin&#038;utm_medium=plugin&#038;utm_campaign=wpseoplugin" target="_blank">WordPress SEO</a></h3>
<p>Das Highlight am Ende: Ein sehr sehr umfangreiches PlugIn, um alle möglichen SEO-Einstellungen zu treffen, sowolh auf Seiten als auch für Artikel. Ein Must-Have will man seine Seite suchmaschinenfreundlicher gestalten.</p>
<h3>Online-Marketing</h3>
<p>Vor lauter Texte schreiben, an der Optik feilen und Technik ausbauen, ist der Punkt Vermarktung noch zu kurz gekommen. Wird wohl auch noch eine Weile so bleiben. Solange nicht ein Großteil der Seite mit Content befüllt ist, werde ich keine intensiveren Bemühung in die Vermarktung stecken. Mit den Amazon-Geschichten habe ich mit etwas weiter auseinandergesetzt, bin jetzt aber nur so schlau, dass ich dafür noch mehr Zeit brauche, um passende Amazon-Produkte auszuwählen und zu integrieren. Google Adsense wollte meine Seite noch nicht haben, da zu viele Inhaltsseiten nur mit Stichworten befüllt sind — mag Google wohl nicht so…<br />
Zwischenzeitlich bin ich ja immer mal wieder etwas frustiert, warum ich statt einer Nische mir ein doch solch größeres Thema gesucht habe. Alles dauert länger, weils einfach mehr ist… Aber die ersten Feedbacks erfreuen mich dann wieder. Vor allem, dass die Seite unter verschiedenen Suchbegriffen bei Google schon sehr weit oben gelistet ist. Und das, wo erst ein (kleiner) Teil des Content steht und noch die Vermarktungs-Maschinerie noch gar nicht angeworfen wurde! Genauso spannend zu sehen, über welche Suchbegriffe Besucher schon zu meiner Seite finden. Das motiviert weiter Gas zu geben, auch wenn die nächsten Wochen mir „richtigen“ Projekten voll sind:</p>
<h2>Fazit</h2>
<p>Meine „Nische“ ist sehr umfangreich, da mich das Thema aber interessiert und ich anhand der Besucherzahlen, Feedback und Suchmaschinen„erfolge“ merke, dass Resonanz erfolgt, bin ich weiter begeistert dabei. Alleine schon der Lerneffekt ist rießig durch die Auseinandersetzung mit einem neuen WordPress-Theme, weiteren PlugIns, der Afilliate-Welt, des Lesens der Challenge-Reports der anderen Teilnehmer und — last but not least — durch das Schreiben der Inhalte selber! Weiter gehts!</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/nischenseiten-challenge-report-3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<series:name><![CDATA[Nischenseiten Challenge]]></series:name>
	</item>
		<item>
		<title>Nischenseiten-Challenge: Praesentationen24.de — Das Portal rund um Präsentationstechniken</title>
		<link>http://journal.hahnsinn.de/nischenseiten-challenge-praesentationen24-de-das-portal-rund-um-prasentationstechniken/</link>
		<comments>http://journal.hahnsinn.de/nischenseiten-challenge-praesentationen24-de-das-portal-rund-um-prasentationstechniken/#comments</comments>
		<pubDate>Mon, 12 Mar 2012 13:05:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Online-Marketing]]></category>
		<category><![CDATA[Persönliches]]></category>
		<category><![CDATA[Konzeption]]></category>
		<category><![CDATA[PlugIn]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=1181</guid>
		<description><![CDATA[Ich arbeite weiter hart an meiner Nischenseite, die ersten Besucher kommen (woher auch immer). Folgend Teil II meines Reports über die Nischenseiten-Challenge rund um meine Seite praesentationen24.de. Design Das Farbschema steht (Rot, blau). Es soll insgesamt einen eigenständigen Portalcharakter gerecht &#8230; <a href="http://journal.hahnsinn.de/nischenseiten-challenge-praesentationen24-de-das-portal-rund-um-prasentationstechniken/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Ich arbeite weiter <strike>hart</strike> an meiner Nischenseite, die ersten Besucher kommen (woher auch immer). Folgend Teil II meines Reports über die <a href="http://www.selbstaendig-im-netz.de/nischenseiten-challenge-hauptquartier/" target="_blank">Nischenseiten-Challenge</a> rund um meine Seite <a href="http://praesentationen24.de/" title="Praesentationen24.de" target="_blank">praesentationen24.de</a>.</strong></p>
<h2>Design</h2>
<p>Das Farbschema steht (Rot, blau). Es soll insgesamt einen eigenständigen Portalcharakter gerecht werden und nicht zu Business-like aussehen, sondern eher eine bisschen Frische transportieren, um die Hemmungen vor der Aufgabe „eine Präsentationen halten zu müssen“ zu verlieren. Ein erstes Logo steht auch. Ob das am Ende immer noch so aussehen wird, keine Ahnung. Der große Wurf ist es nicht, habe aber auch schön häßlichere gesehen… Für den ersten Eindruck also ok! Weitere umfangreiche optische Anpassungen an der Seite stehen noch bevor.<br />
<a href="http://praesentationen24.de/" title="Praesentationen24.de" target="_blank"><img alt="Logo Praesentationen24.de" src="http://praesentationen24.de/wp-content/uploads/2012/03/logo_praesentationen242.jpg" title="Logo Praesentationen24.de" class="alignnone" width="280" height="75" /></a><br />
<span id="more-1181"></span></p>
<h2>Inhalte / Struktur</h2>
<p>Die Inhaltsstruktur steht und erste Stichworte zu den einzelnen Seiten, die allerdings eher für mich als Orientierung dienen. Ob gleich alle Unterseiten mit Inhalt gefüllt werden, bezweifle ich. Vermutlich werde ich erst die Hauptseiten mit Inhalten füllen und dann peu à peu den Rest. Ein paar Keywords habe ich noch rausgesucht, um einzelne Seiten diesbezüglich etwas zu optimieren.</p>
<h2>WordPress-Plugins</h2>
<p>Als Backend-System habe ich ja — wie im <a href="http://journal.hahnsinn.de/nischenseiten-challenge-ich-bin-dann-mal-dabei/" target="_blank">letzten Artikel</a> beschrieben — <a href="http://wpde.org/" target="_blank">WordPress</a> und als Theme <a href="http://demos.simplethemes.com/skeleton/" target="_blank">Skeleton</a> benutzt. Bevor ich an die Seitenstruktur, Inhalte und Designanpassungen ging, habe ich folgende PlugIns installiert:</p>
<h3><a href="http://betterwp.net/wordpress-plugins/google-xml-sitemaps/" target="_blank">BWP Google XML Sitemaps</a></h3>
<p>Plugin, um Sitemaps zu erstellen. Im Vergleich zum „<a href="http://wordpress.org/extend/plugins/google-sitemap-generator/" target="_blank">Google XMS Sitemaps</a>“-PlugIn wohl ein bisschen weiterentwickelt, bzw. mit mehr Optionen.</p>
<h3><a href="http://wordpress.org/extend/plugins/headspace2/" target="_blank">HeadSpace2</a></h3>
<p>Plugin, um ein bisschen an der SEO-Schraube zu drehen. Umfangreiche Einstellungen möglich, um die Metaangaben zu einzelnen Seiten und Artikeln zu verändern. </p>
<h3><a href="http://wordpress.org/extend/plugins/ultimate-tinymce/" target="_blank">Ultimate TinyMCE</a></h3>
<p>Plugin, um im Backend Texteditor mehr Auszeichnungsmöglichkeiten zu haben.</p>
<h3><a href="http://wordpress.org/extend/plugins/exec-php/" target="_blank">Exec-PHP</a></h3>
<p>Plugin, um in den Backend-inhaltsfeldern PHP-Code ausführen zu können. Immer wieder hilfreich, bei individuellen Anpassungen.</p>
<p>Da werden wohl im Laufe der Zeit noch das ein oder andere Plugin dazu kommen!</p>
<h2>Fazit Teil II der Nischenseiten-Challenge</h2>
<p>Ich bin trotz (extremer) Zeitknappheit froh mit zu machen! Denn sein eigenes (Web-)Baby groß zu ziehen hat doch definitiv seinen Reiz! Und schon nach zwei Wochen muss ich sagen, bekomme ich ein gutes Gefühl für so manche Kunden-Problematik. Denn meistens warte ich bei Webprojekten auf Texte von Kunden — naja, eigentlich immer! Und dieses eigene Projekt zeigt mir ganz gut, dass Texte schreiben gerne „vor einem her geschoben wird“! Also werde ich mir auch Gedanken machen, wie ich Kunden zukünftig das Texte schreiben erleichtern kann.<br />
Bzgl. weitere Vermarktung der Nischenseite habe ich mir noch keine Gedanken gemacht. Erst will ich die Seite langsam mal mit Inhalten füllen. Und so sind die kommenden Aufgaben fast die gleichen wie letzte Woche: Inhalte schreiben und an der Optik schrauben…</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/nischenseiten-challenge-praesentationen24-de-das-portal-rund-um-prasentationstechniken/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[Nischenseiten Challenge]]></series:name>
	</item>
		<item>
		<title>Nischenseiten Challenge — Ich bin dann mal dabei…</title>
		<link>http://journal.hahnsinn.de/nischenseiten-challenge-ich-bin-dann-mal-dabei/</link>
		<comments>http://journal.hahnsinn.de/nischenseiten-challenge-ich-bin-dann-mal-dabei/#comments</comments>
		<pubDate>Fri, 02 Mar 2012 12:16:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Online-Marketing]]></category>
		<category><![CDATA[Persönliches]]></category>
		<category><![CDATA[Konzeption]]></category>
		<category><![CDATA[LandingPage]]></category>
		<category><![CDATA[Microsite]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=1153</guid>
		<description><![CDATA[Wahrscheinlich musste es sowas sein… Seit Monaten habe ich es nicht geschafft, vor allem aufgrund von (zuviel) Projekten, neue Artikel für den Blog zu schreiben und dann das: die sogenannte Nischenseiten Challenge. Schon lange treibt mich der Gedanke mal Seiten &#8230; <a href="http://journal.hahnsinn.de/nischenseiten-challenge-ich-bin-dann-mal-dabei/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Wahrscheinlich musste es sowas sein… Seit Monaten habe ich es nicht geschafft, vor allem aufgrund von (zuviel) Projekten, neue Artikel für den Blog zu schreiben und dann das: die sogenannte <a href="http://www.selbstaendig-im-netz.de/nischenseiten-challenge-hauptquartier/" target="_blank">Nischenseiten Challenge</a>. Schon lange treibt mich der Gedanke mal Seiten aufzusetzen, die aufgrund ihrer purer Anwesenheit Geld verdienen… </strong><br />
Neben meinem „Hauptthema“ dem Webdesign, lese ich viel über Online-Marketing und stoße damit auf zwangsläufig immer wieder über Affiliate-Beiträge. Aber wie es so oft bei freien eigenen Projekten ist (siehe dieser Blog), es braucht doch immer wieder einen Antrieb von außen. Und die <a href="http://www.selbstaendig-im-netz.de/nischenseiten-challenge-hauptquartier/" target="_blank">Nischenseiten-Challenge</a> ist dieser Anreiz. Idee ist es eine Webseite zu einer Nische aufzusetzen und die interessierten Besucher mit diversen Einnahmequellen zu monetarisieren. <div id="attachment_1160" class="wp-caption alignright" style="width: 283px"><a href="http://www.selbstaendig-im-netz.de/nischenseiten-challenge-hauptquartier/" target="_blank"><img src="http://journal.hahnsinn.de/wp-content/uploads/2012/03/nischenseite-challenge-logo.gif" alt="" title="nischenseite-challenge-logo" width="273" height="205" class="size-full wp-image-1160" /></a><p class="wp-caption-text">Nischenseiten-Challenge Logo, Quelle: selbstaendig-im-netz.de</p></div>Jeder Teilnehmer dieses „Wettbewerbs“ macht möglichst wöchentlich seinen aktuellen Status öffentlich, so dass möglichst viele davon profitieren. Vorgaben waren nur keinen bezahlten Traffic zu nutzen und eine neue Domain anzulegen. Die Nischenseite soll komplett neu aufgesetzt werden. Schon Mitte Februar begann die Challenge und soll 13 Wochen dauern. Zeit also nachzulegen und sich mit folgenden Themen zu beschäftigen:<br />
<span id="more-1153"></span></p>
<h2>Voraussetzungen:</h2>
<p>Meine Kenntnisse bzgl. Nischenseiten, Affiliate-Marketing tendieren praktisch gegen Null, theoretisch zumindest schon mal das ein oder andere darüber gelesen. Also optimale Voraussetzungen um viel dazu zu lernen, denn die Wissbegierde ist defintiv vorhanden. Auch wenn mein Ziel nicht sein wird ein sog. „Internet Marketer“ zu werden, um später gar noch sog. „Infoprodukte“ anbieten zu müssen. Aber mehr über Online-Marketing an sich mal praxisnah auszuprobieren, ist sehr verlockend.</p>
<h2>Nischensuche:</h2>
<p>Angefangen mit einem Brainstorming über Leidenschaften, Ängste und Probleme, weitergemacht mit beruflichen Interessen und Wissen, geendet mit Nischen, für die meine Frau Texte schreiben könnte (Ja, dann ist der Punkt gekommen aufzuhören)! So kamen einige Ideen zustande, die ich dann zumindest oberflächlich über das Keyword-Tool von <a href="http://adwords.google.de/" target="_blank">Google AdWords</a> untersuchte und in der <a href="http://www.google.de/" target="_blank">Google-Suche</a> schaute, welche Seiten es im Ranking nach oben geschafft haben und ob und wenn ja, was genau bei den Google-Anzeigen beworben wird. So entstanden einige Ideen, bei denen ich befürchte dass, wenn es einigermaßen laufen sollte, noch einige umgesetzt werden…  </p>
<h2>Themenwahl:</h2>
<p>Am Ende entschied ich mich für ein Thema, bei dem ich mich auskenne und das ich auch inhaltlich gerne umsetze. Auch wenn ich befürchte, dass es nicht unbedingt das geeignetste ist, um eine Nische zu besetzen. Ganz zu schweigen, ob man denn überhaupt von „einer Nische“ sprechen kann.<br />
Das Arbeitsthema heißt „<em>Präsentationstechnik</em>“. Blöderweise assoziert man mit Technik eher digitale Gegenstände, ich meine aber eher die Tätigkeit und das handwerkliche Können. Meine potentielle Kundschaft soll die Frage „<em>Wie erstelle ich eine gute Präsentation</em>“ rumtreiben — und natürlich zu meiner Nischenseite führen! Die Bandbreite der Themen soll von der Vorbereitung einer Präsentation über die Körpersprache bis zur Foliengestaltung reichen. Vermutlich wäre ein einzelner dieser Punkte geeigneter für eine wirkliche Nische. Aber das erste Nachforschen ließ mich in der Hoffnung zurück eine kleine „Marktlücke“ entdeckt zu haben. Denn wirklich gute Webseiten rund um das Thema Präsentationen fand ich nicht wirklich. Notfalls erschlage ich mehrere Nischen mit einer Seite…</p>
<blockquote><p>Die Zielgruppe soll die Frage beschäftigen:<br />„Wie erstelle ich eine gute Präsentation”</p></blockquote>
<h2>Umsetzung:</h2>
<p>Mein Anspruch dieses Projektes ist natürlich nicht nur eine Nischenseite umzusetzen, sondern auch inhatlich und optisch eine schöne Referenz zu bekommen und in vielerlei Hinsicht eine Menge zu lernen.<br />
Als System für die Nischenseite werde ich <a href="http://de.wordpress.org/" target="_blank">WordPress</a> benutzen, einerseits aus Gewohnheit, aber eher noch aus Erfahrung und weil ich die vielen Plugins, also den Erweiterungsspielraum, bei den letzten Projekten zu schätzen gelernt habe. Um möglichst schnell voran zu kommen, schaute ich mich bei diversen Theme-Anbietern um. Vor allem die Themes von <a href="http://themeforest.net/" target="_blank">Themeforest</a> können einem Tränen in die Augen treiben. Für eine Aufwandentschädigung von ca. 30 Euro bekommt man ein technisch und optisch hochwertige WordPress-Vorlage samt Photoshop-Dateien und aller benötigten HTML-/CSS– und WordPress-Dateien. Oft noch ausgestattet mit vielen kleinen nützlichen Funktionalitäten, die üblicherweise in WordPress nicht enthalten sind. Bei zwei Projekten habe ich allerdings schon versucht gekaufte Themes auf das Projekt anzupassen und musste zweimal erkennen, dass es geschickter ist, sein eigenes Theme umzusetzen, bzw. das Standardtheme zu nehmen. Die gekauften Themes sind dann gut, wenn sie ziemlich genau auf die optischen und vor allem inhatlichen Anforderungen passen, sobald aber einige Anpassungen notwendig sind, fand ich es sehr mühsam mich in fremden Quellcode einzuarbeiten. Beim Standardtheme weiß ich, was ich habe…<br />
So bin ich aber beim weiteren Forschen beim <a href="http://demos.simplethemes.com/skeleton/" target="_blank">Skeleton Theme</a> gelandet: <em>Skeleton is a Responsive, Mobile-Friendly Theme for WordPress</em>.<br />
Klingt doch ideal, responsive und dazu ausgestatt mit einigen Shortcodes. Als Alternative zum klassischen <a href="http://theme.wordpress.com/themes/twentyeleven/" target="_blank">Twenty Eleven Theme</a> sicherlich mal einen Versuch wert. Ich bin gespannt…<br />
<div id="attachment_1161" class="wp-caption alignleft" style="width: 602px"><a href="http://demos.simplethemes.com/skeleton/" target="_blank"><img src="http://journal.hahnsinn.de/wp-content/uploads/2012/03/skeleton.jpg" alt="" title="skeleton" width="592" height="262" class="size-full wp-image-1161" /></a><p class="wp-caption-text">Skeleton Theme</p></div></p>
<h2>Domain:</h2>
<p>Ja gut, kreativ ist sicherlich was anderes, aber <a href="http://praesentationen24.de/" target="_blank">praesentationen24.de</a> ist auch nicht wirklich schlecht. Ein bisschen hin und her suchen, kurz überlegt und dann recht schnell entschieden. Für das Spektrum an Präsentationsthemen das vond er Seite abgedeckt werden soll sicherlich passend.</p>
<h2>Design:</h2>
<p>Gegen ein professionelles gekauftes Theme sprach sicherlich auch, dass Design komplett selber umzusetzen zu wollen. Logisch, bringt mein Beruf irgendwie mit sich und schließlich sollte es im Idealfall auch als Referenz dienen. Ob ich die Zeit investiere(n kann), dass es auch wirklich richtig gut aussieht? Ich hoffe es mal…<br />
<div id="attachment_1163" class="wp-caption alignleft" style="width: 602px"><a href="http://praesentationen24.de/" target="_blank"><img src="http://journal.hahnsinn.de/wp-content/uploads/2012/03/Präsentationen24.jpg" alt="" title="Präsentationen24" width="592" height="115" class="size-full wp-image-1163" /></a><p class="wp-caption-text">Praesentationen24</p></div></p>
<h2>Inhalte:</h2>
<p>Nach Wahl des Themas, Domain und WordPress-Theme habe ich ein bisschen gebrainstormt, um eine Sitemap zu haben. Diese ist im Grunde schon auf der <a href="http://praesentationen24.de/" target="_blank">Seite</a> zu sehen. Ergänzt werden sollen die einzelnen Menüpunkte von einem Blog, um regelmäßig Aktuelles zu haben und damit den Besuchern und Google einen Mehrwert zu bieten. Die Blogbeiträge sollen sich später auf kleine Anmerkungen, Buchhinweise, Videos etc. beschränken. Der Aufwand soll sich in Grenzen halten.</p>
<h2>Vermarktung:</h2>
<p>Kurzfristig werden wohl ein paar <a href="https://www.google.de/adsense/" target="_blank">Google Adsense-Anzeigen</a> und / oder Amazon-Anzeigen eingebaut. Keine Ahnung, ob und inwieweit andere Affiliate-Geschichten spannend sein könnten. Aber dafür mach ich das ja, um dies herauszufinden! Ich befürchte zwar, dass das Thema sich nicht so großartig ausschlachten läßt wie bei einer Nischenseite über ein konkretes Produkt. Andererseits ist der Spielraum größer, also die Themenbandbreite und damit auch die Bandbreite der potentiellen Werbethemen.<br />
Langfristige Ideen für eine bessere kommerzielle Nutzung bestehen auch, aber dazu dann (in einigen Jahren) mehr, erstmal den Traffic kommen lassen…</p>
<h2>Fazit 1. &amp; 2. Woche:</h2>
<p>Ich freue mich erstmal es geschafft zu haben, teilzunehmen. Der erste Schritt ist ja oft der schwerste. Aber mit Kauf der Domain <a href="http://praesentationen24.de/" target="_blank">praesentationen24.de</a> gab es kein zurück mehr. Irgendwie auch schön blöd, als ob ich keine „richtigen“ Projekte hätte, bzw. denn wirklich Zeit hierfür. Andererseits schwebte es ja irgendwie schon lange im Hinterkopf und dafür bin ich ja schließlich mein eigener Chef:</p>
<blockquote><p>„Hahn, ich habe hier einen Auftrag, den können nur Sie machen!”</p></blockquote>
<p>Ich bin gespannt auf die <a href="http://www.selbstaendig-im-netz.de/nischenseiten-challenge-hauptquartier/" target="_blank">Beiträge der anderen Teilnehmer</a> (mit so abwechslungsreichen Themen von Poolheizung über Zombiefilme bis zu Beatboxen) und hoffe überhaupt erstmal in die Teilnehmerliste aufgenommen zu werden.<br />
Die nächsten Arbeiten, die nun anstehen: </p>
<ul>
<li>Die Seite mit Inhalt füllen.</li>
<li>Meine gewünschten Funktionalitäten in WordPress umsetzen.</li>
<li>Die Seite <em>hübsch</em> machen.</li>
</ul>
<p>Und dann schauen wir mal weiter… Über euer Feedback freue ich mich! Los gehts…</p>
<p>[UPDATE]Ok, wie blöd ist das denn! präsentationen24.de gibt es natürlich schon. Wie gut, dass ich gründlich recherchiert habe (nicht)! Läßt man sich jetzt von dem „ä“ und „ae“ beeinflussen und sucht sich eine neue Domain? Oder egal?<br />
[/UPDATE]</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/nischenseiten-challenge-ich-bin-dann-mal-dabei/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
	
		<series:name><![CDATA[Nischenseiten Challenge]]></series:name>
	</item>
		<item>
		<title>Webdesign-Prinzipien: Der zweite Eindruck</title>
		<link>http://journal.hahnsinn.de/webdesign-prinzipien-der-zweite-eindruck/</link>
		<comments>http://journal.hahnsinn.de/webdesign-prinzipien-der-zweite-eindruck/#comments</comments>
		<pubDate>Thu, 20 Oct 2011 14:44:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webdesign-Prinzipien]]></category>
		<category><![CDATA[Call-to-Action]]></category>
		<category><![CDATA[Eindruck]]></category>
		<category><![CDATA[Look&Feel]]></category>
		<category><![CDATA[prinzipien]]></category>
		<category><![CDATA[Readability]]></category>
		<category><![CDATA[Tonality]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=1083</guid>
		<description><![CDATA[Wie wichtig der erste Eindruck einer Webseite ist, habe ich in einem früheren Artikel beschrieben. Der zweite Eindruck entscheidet aber, ob der Anwender auf der Seite länger verweilt. Welche Faktoren sind für den zweiten Eindruck von Bedeutung und wie können &#8230; <a href="http://journal.hahnsinn.de/webdesign-prinzipien-der-zweite-eindruck/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Wie wichtig der erste Eindruck einer Webseite ist, habe ich in einem <a href="http://journal.hahnsinn.de/der-erste-eindruck-zahlt/">früheren Artikel</a> beschrieben. Der zweite Eindruck entscheidet aber, ob der Anwender auf der Seite länger verweilt. Welche Faktoren sind für den zweiten Eindruck von Bedeutung und wie können diese beeinflusst werden? Damit beschäftigt sich dieser Artikel.</strong><br />
<a href="http://ddesilva.com/" target="_blank"><img class="alignnone size-full wp-image-1092" title="Dilshan de Silva - Melbou Kopie" src="http://journal.hahnsinn.de/wp-content/uploads/2011/10/Dilshan-de-Silva-Melbou-Kopie.jpg" alt="" width="592" height="253" /></a></p>
<p>Um den Anwender von sich oder seinen Produkten / Leistungen zu überzeugen, bleiben einer Webseite meistens nur wenige Sekunden. Dieser zweite Eindruck entscheidet, ob der Anwender weiter auf der Webseite bleibt oder sie verlässt. Je nach Literatur / Studie und je nachdem wie eng man den zweiten Eindruck fasst, kann man hier von ca. zwei bis gar zu zehn Sekunden ausgehen. In diesen ersten Sekunden also, will der Anwender unbewusst folgende Fragen beantwortet bekommen:</p>
<ul>
<li>Wo bin ich hier?</li>
<li>Wo kann ich hin?</li>
<li>Wo finde ich die Information, die ich suche?</li>
</ul>
<p>Ergänzt durch die unbewussten Überlegungen, ob die Webseite seriös genug ist und ihr zuzutrauen ist, seine Bedürfnisse und Erwartungen zu stillen.</p>
<h2>Welche Bedeutung hat der zweiten Eindruck?</h2>
<p>Zum einen möchte der Anwender seinen ersten – hoffentlich schon positiven — Eindruck bestätigt bekommen, da wir unbewusst immer die Bestätigung unser Erwartungen suchen. Entscheidend ist dann die Glaubwürdigkeit der Seite. Trauen wir ihr zu, hier die Informationen zu finden, die ich suche und / oder schnell zu ihr zu kommen!</p>
<h2>Was kann der User in den ersten Sekunden überhaupt aufnehmen?</h2>
<p><span id="more-1083"></span>Das so genannte Look &amp; Feel – also das Aussehen und die Anmutung – nehmen wir unbewusst in Sekundenbruchteilen auf (siehe der <a href="http://journal.hahnsinn.de/der-erste-eindruck-zahlt/">Erste Eindruck</a>).</p>
<p><img title="look-feel" src="http://journal.hahnsinn.de/wp-content/uploads/2011/10/look-feel.jpg" alt="" width="592" height="140" /></p>
<p>Drei unterschiedliche Beispiele für das Look &amp; Feel von Webseiten. Die Inhalte lassen werden zu Beginn noch nicht wahrgenommen, der Eindruck entsteht zuerst aufgrund der Gesamtgestaltung</p>
<p> </p>
<p>In den ersten Sekunden scannt der Anwender die Seite erstmal ab, er überfliegt sie. Hier nehmen wir dann aber auch schon erste konkrete Inhalte wahr, die optisch besonders hervor stechen. Das sind meistens das Logo, die Hauptnavigation und da evtl. schon erste Menüpunkte, die ersten Headlines, Headerbilder, Werbebanner, erste Teaserbilder und Call-to-Action-Buttons.</p>
<p> </p>
<h2>Konsequenz für die Umsetzung:</h2>
<p>Um die Seite leicht scanbar zu machen, sollten die Inhalte übersichtlich gestaltet sein und optische Schwerpunkte gesetzt werden. Mit Farbkontrasten und Größenunterschieden können gezielt Highlights gesetzt werden. Ergänzt mit dem Einsatz von Leerraum lässt sich so die Aufmerksamkeit des Betrachters lenken.</p>
<p> </p>
<p>Werden dann noch Design-Konvention beachtet, wie beispielsweise die Platzierung des Logos und der Hautpnavigation an den Stellen, wo es der Betrachter erwartet, kann dieser die Seite mühelos, sprich intuitiv, überfliegen.</p>
<p> </p>
<p>Da das Look &amp; Feel sehr prägend für den Gesamteindruck ist, sollte die Farbgebung angenehm und die Auswahl der Bilder / Grafiken passend zum Thema der Seite und zu den Erwartungen der Betrachter sein.</p>
<p> </p>
<p>Der Anwender wird auch schon erste Inhalte lesen, so dass die Hauptnavigation kurze klare Menüpunkte beinhalten sollte. Zu lange Namen, bzw. eine uneindeutige Benennung lassen sich nicht schnell aufnehmen und verwirren eher.</p>
<p> </p>
<p>Die ersten Headlines sollten ebenso prägnant und verständlich sein, evtl. ergänzt mit passenden Bildern. Bilder sind für eine schnelle Aufnahme sowieso am besten geeignet (siehe <a href="http://journal.hahnsinn.de/series/bilderwelten-im-web/">Serie Bilderwelten</a>). Sie sollten aber auch schon eine klare Botschaft vermitteln und nicht nur Selbstzweck sein. Also entweder entscheidend zum Look &amp; Feel beitragen oder die Aufmerksamkeit des Lesers gezielt lenken und dann spannende Inhalte vermitteln.</p>
<p> </p>
<p>Call-to-Action-Buttons fallen nicht nur im Vergleich zu „normalen Links“ besser auf, sie beinhalten auch gleich eine eindeutigen Handlungsaufforderung, was für den Anwender sehr angenehm ist.<br />
Und bisher noch gar nicht erwähnt, beeinflusst den Anwender auch schon die Ladezeit der Seite, bzw. einzelner Inhalte. Grundsätzlich lässt sich sagen, je schneller die Inhalte geladen werden, umso positiver ist der Anwender der Seite gegenüber gestimmt.<br />
Last but not least: Immer an die „menschlichen“ Faktoren denken: Der Anwender entscheidet oft schnell, unbewusst ohne nachzudenken. Er hat nicht viel Zeit, bzw. nimmt sich viel, um die Seite erstmal ausgiebig zu studieren, sondern trifft meistens die erstbeste Entscheidung!</p>
<p> </p>
<h3>Beispiel zweiter Eindruck — <a href="http://mailchimp.com/" target="_blank">MailChimp</a></h3>
<p><a href="http://mailchimp.com/" target="_blank"><img title="Email Marketing and Email Kopie" src="http://journal.hahnsinn.de/wp-content/uploads/2011/10/Email-Marketing-and-Email-Kopie.jpg" alt="" width="592" height="543" /></a></p>
<p class="wp-caption">Logo und Hauptnavigation sitzen da, wo der Anwender es erwartet und sind optisch klar hervorgehoben. Großes ungewöhnliches Teaserbild, große Headline mit klarer Aussage, dazu ein markanter Call-to-Action-Button. Darunter eine Headline mit Teaserbildern. Die Elemente für den zweiten Eindruck sind eindeutig optisch hervorgehoben und der Anwender wird nicht überfordert mit Inhalten. Vorbildlich!</p>
<p> </p>
<h3>Beispiel zweiter Eindruck — <a href="http://www.webcontact.de/" target="_blank">web://contact</a></h3>
<p><a href="http://www.webcontact.de/" target="_blank"><img class="alignnone size-full wp-image-1097" title="web---contact - Treffsich Kopie" src="http://journal.hahnsinn.de/wp-content/uploads/2011/10/web-contact-Treffsich-Kopie.jpg" alt="" width="592" height="585" /></a></p>
<p class="wp-caption"> Logo und Hauptnavigation sind auch hier wie im ersten Beispiel schnell zu finden — interessant zu sehen, dass das Logo hier rechts steht, beim ersten Beispiel links. Funktioniert also beides! Eine Headline bestehend aus einem einzigen Wort — weniger geht nicht. Auf den Punkt gebracht, nennt man das dann wohl. Großes Teaserbild, die erste Referenz. Diese Elemente — alle in einer grünen Fläche — heben sich somit vom Rest ab. Dann folgt die Subline von viel Weißraum umgeben und ein markanter (Kreis-)Button. Insgesamt sehr übersichtlich und klar strukturiert und die Inhalte lassen sich schnell aufnehmen. Es wird keine Zeit durch unnötige Bilder oder Texte veschwendet. Kompliment!</p>
<h3>Beispiel zweiter Eindruck — <a href="http://www.versionsapp.com/" target="_blank">Versions</a></h3>
<p><a href="http://www.versionsapp.com/" target="_blank"><img class="alignnone size-full wp-image-1098" title="Versions - Mac Subversion Kopie" src="http://journal.hahnsinn.de/wp-content/uploads/2011/10/Versions-Mac-Subversion-Kopie.jpg" alt="" width="592" height="492" /></a></p>
<p><span class="wp-caption">Navigation oben, ein rießiges Logo samt kurzer selbsterklärender Wortmarke. Dazu zwei Call-to-Action-Buttons. Fertig ist alles für einen schnellen zweiten Eindruck. Ergänzt noch durch eine Subline, Screenshot und zwei Teasern. Kurz und klar!</span></p>
<h3>Beispiel zweiter Eindruck — <a href="www.cubedroute.com" target="_blank">cubedroute</a></h3>
<p><a href="www.cubedroute.com" target="_blank"><img class="alignnone size-full wp-image-1099" title="Web Design Ireland  Digit Kopie" src="http://journal.hahnsinn.de/wp-content/uploads/2011/10/Web-Design-Ireland-Digit-Kopie.jpg" alt="" width="592" height="493" /></a></p>
<p><span class="wp-caption">Logo und Navigation im roten Balken mit viel Platz klar abgetrennt vom Content. Eine große Headline. Kurz und aussagekräftig. Dann zwei Reihen Headline und Teaserbilder. Wer sich hier nicht schnell einen zweiten Eindruck verschaffen kann… Sehr schön!</span></p>
<h2>Fazit:</h2>
<p>Der zweite Eindruck entscheidet, ob sich der Anwender weiter auf der Seite aufhält oder zur nächsten Seite weitergeht, die nur einen Klick entfernt ist. Daher ist seine Bedeutung nicht zu unterschätzen.</p>
<p>Denn bevor der Anwender überhaupt zum groß propagierten „<strong>Content is king</strong>“ kommt, muss er erstmal überzeugt werden, dass da „königliche“ Inhalte auf ihn warten könnten! Dies geht in erster Linie über <strong>optische Gestaltungsmittel</strong> in Ergänzung der ersten redaktionellen Inhalte (Navigationspunkte, Headlines, Bildauswahl etc.).</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/webdesign-prinzipien-der-zweite-eindruck/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bilderwelten im Web – Status quo &amp; Trends</title>
		<link>http://journal.hahnsinn.de/bilderwelten-im-web-%e2%80%93-status-quo-trends/</link>
		<comments>http://journal.hahnsinn.de/bilderwelten-im-web-%e2%80%93-status-quo-trends/#comments</comments>
		<pubDate>Tue, 18 Oct 2011 11:41:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Bilder]]></category>
		<category><![CDATA[Bilderwelt]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[Trends]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=901</guid>
		<description><![CDATA[Mit welchen Bilderwelten treten exemplarische Großunternehmen im Web auf? Was sind austauschbare Bilderwelten und welche Trends beim Einsatz von Bildern gibt es aktuell im Web? Diese Folge der Reihe „Bilderwelten im Web“ gibt einen Überblick über den Status quo, zumindest &#8230; <a href="http://journal.hahnsinn.de/bilderwelten-im-web-%e2%80%93-status-quo-trends/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Mit welchen Bilderwelten treten exemplarische Großunternehmen im Web auf? Was sind austauschbare Bilderwelten und welche Trends beim Einsatz von Bildern gibt es aktuell im Web? Diese Folge der Reihe <em>„Bilderwelten im Web“</em> gibt einen Überblick über den Status quo, zumindest einen kleinen Ausschnitt:<br />
</strong></p>
<h2>Bilder bei Großunternehmen</h2>
<p><a href="http://www.printwirkt.de/print-wirkt-motiv50-lufthansa/" target="_blank"><img class="alignnone size-full wp-image-902" title="50lufthansa" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/50lufthansa.jpg" alt="" width="592" height="192" /></a><br />
Zuerst ein Blick auf einige Großunternehmen. Aufgrund ihrer Präsenz in den verschiedensten Medien (Printanzeigen, Fernsehwerbung etc.) sind ihre Kommunikationsauftritte bekannt, da allgegenwärtig. Die Kampagne „<a href="http://www.printwirkt.de/category/kampagne/" target="_blank">Print wirkt</a>“ des Verbandes Deutscher Zeitschriftenverleger führt seit Jahren vor, wie einprägsam markante Bilderwelten sein können. Voraussetzung dafür ist aber ein entsprechend häufiger Kontakt mit den Motiven durch Werbung (Print und TV), oft sogar über viele Jahre hinweg. Mal schauen, wie es bei den Online-Auftritten ausschaut:</p>
<h3>Wempe</h3>
<p><a href="http://www.wempe.de/index.htm" target="_blank"><img class="alignnone size-full wp-image-903" title="Wempe  Home_www.wempe.de-index" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Wempe-Home_www.wempe_.de-index.jpg" alt="" width="592" height="244" /></a><br />
Großformatige Bilder, die die Atmosphäre der Wempe-Kommunikation nahtlos aufnimmt, aber auch ohne Kenntnisse der Werbeanzeigen einwandfrei funktioniert. Die Webseite ansonsten wirkt zwar nicht mehr ganz taufrisch, aber darum geht es hier ja heute nicht!<br />
<a href="http://www.wempe.de/index.htm" target="_blank">Wempe</a></p>
<h3>Ratiopharm</h3>
<p><a href="http://www1.ratiopharm.com/de/de/pub/home.cfm" target="_blank"><img class="alignnone size-full wp-image-906" title="ratiopharm stellt Generika her und steht für Gesundheit, Prävention, Arzt, Apotheke und Patient vertrauen auf unsere Präparate und Medikamente, preisgünstig und von hoher Qualität, Asthma, Diabetes, Neues zur Zuz" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/ratiopharm-stellt-Generika-her-und-steht-fu%CC%88r-Gesundheit-Pra%CC%88vention-Arzt-Apotheke-und-Patient-vertrauen-auf-unsere-Pra%CC%88parate-und-Medikamente-preisgu%CC%88nstig-und-von-hoher-Qualita%CC%88t-Asthma-Diabetes-Neues-zur-Zuz.jpg" alt="" width="592" height="83" /></a><br />
Rationpharm, gute Preise, gute Webseite? Auf jeden Fall keine guten Bilder! Die Klischee-Zwillinge tauchen nur im Content pixelweise auf. Was ja nicht weiter schlimm wäre, wären die anderen im Header eingesetzten Bilder auch nur ansatzweise markant oder individuell. Aber hier wurde wohl eher Wert darauf gelegt, dass eine Flash-Animation drin ist… Chance verpasst!<br />
<a href="http://www1.ratiopharm.com/de/de/pub/home.cfm" target="_blank">Ratiopharm</a></p>
<h3>Ergo</h3>
<p><a href="http://www.ergo.de/" target="_blank"><img class="alignnone size-full wp-image-907" title="www.ergo.de – ERGO - versichern heißt verstehen  ERGO Versicherungsgruppe AG_www.ergo.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/www.ergo_.de-%E2%80%93-ERGO-versichern-hei%C3%9Ft-verstehen-ERGO-Versicherungsgruppe-AG_www.ergo_.de_.jpg" alt="" width="592" height="207" /></a><br />
Nein, bei den eingesetzten Bildwelten geht es weder um die in der Werbung vielbeworbene Zahnzusatzversicherung, noch um die zweifelhaften Vertriebsausflüge des Ergo-Vorgängers Hamburg-Mannheimer. Es sind zwar nette Fotos, der Bezug zu Ergo findet aber alleine durch die organischen Formen statt. Immerhin…<br />
<a href="http://www.ergo.de/" target="_blank">Ergo</a></p>
<p><span id="more-901"></span></p>
<h3>Jever</h3>
<p><a href="http://www.jever.de/" target="_blank"><img class="alignnone size-full wp-image-908" title="Jever - Friesisch-herb._www.jever.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Jever-Friesisch-herb._www.jever_.de_.jpg" alt="" width="592" height="127" /></a><br />
Die Umsetzung der Webseite überzeugt zwar nicht, aber das Jever-Land ist sofort zu erkennen. Und das noch in verschiedenen Varianten. Bildwelt top!<br />
<a href="http://www.jever.de/" target="_blank">Jever</a></p>
<h3>Lufthansa</h3>
<p><a href="http://www.lufthansa.com/" target="_blank"><img class="alignnone size-full wp-image-909" title="Lufthansa ® - Günstige Flüge ab 99 €  Flug-Angebote  Günstige Flüge &amp; Flugtickets buchen_www.lufthansa.com-de-de-Homepage" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Lufthansa-%C2%AE-Gu%CC%88nstige-Flu%CC%88ge-ab-99-%E2%82%AC-Flug-Angebote-Gu%CC%88nstige-Flu%CC%88ge-Flugtickets-buchen_www.lufthansa.com-de-de-Homepage.jpg" alt="" width="592" height="153" /></a><br />
Ich muss zugeben, die Lufthansa-Anzeigen waren mir erstmal nicht geläufig, obwohl doch irgendwie schon oft gesehen. Aber die Prinzenrolle in Indien auf der Startseite machts da auch nicht besser. Schade!<br />
<a href="http://www.lufthansa.com/" target="_blank">Lufthansa</a></p>
<h3>Telekom</h3>
<p><a href="http://www.telekom.de" target="_blank"><img class="alignnone size-full wp-image-910" title="Festnetz - Mobilfunk - Internet - Fernsehen  Telekom_www.telekom.de-is-bin-INTERSHOP.enfinity-WFS-EKI-TELEKOM-Site-de_DE---EUR-ViewCategoryTheme-Start;sid=kYaqqD_EbemEqHGKg4ylHDTBYZ6ReJewE5euA_9OYZ6RePrhjszDUmIVM" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Festnetz-Mobilfunk-Internet-Fernsehen-Telekom_www.telekom.de-is-bin-INTERSHOP.enfinity-WFS-EKI-TELEKOM-Site-de_DE-EUR-ViewCategoryTheme-StartsidkYaqqD_EbemEqHGKg4ylHDTBYZ6ReJewE5euA_9OYZ6RePrhjszDUmIVM.jpg" alt="" width="592" height="94" /></a><br />
Da wurde schon der seit Jahren durchs Netz geisternde und immer wieder begeisternde <a href="http://www.google.de/search?q=tilt-shift&amp;um=1&amp;ie=UTF-8&amp;tbm=isch&amp;source=og&amp;sa=N&amp;hl=de&amp;tab=wi" target="_blank">Tilt-Shift-Effekt</a> für die Werbung ausgenutzt, aber auf der Website ist davon leider nichts zu finden. Überhaupt scheint man den Einsatz von Bildwelten anderen zu überlassen. Schade!<br />
<a href="http://www.telekom.de" target="_blank">Telekom</a></p>
<h3>Edeka</h3>
<p><a href="http://www.edeka.de/" target="_blank"><img class="alignnone size-full wp-image-912" title="Willkommen bei EDEKA_www.edeka.de-EDEKA-Content-Home-index" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Willkommen-bei-EDEKA_www.edeka_.de-EDEKA-Content-Home-index.jpg" alt="" width="592" height="188" /></a><br />
Die Schiefertafeln hat sich Edeka ja zu eigen gemacht, der Rest ist dann ein Potpourri an bunten Bildern. Warum eigentlich?<br />
<a href="http://www.edeka.de/" target="_blank">Edeka</a></p>
<h3>Krombacher</h3>
<p><a href="https://www.krombacher.de/" target="_blank"><img class="alignnone size-full wp-image-913" title="Krombacher_www.krombacher.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Krombacher_www.krombacher.de_.jpg" alt="" width="592" height="159" /></a><br />
Ich weiß auch nicht warum, aber immer wenn ich die <a href="http://www.ultra-fast-webserver.de/fotoshooting/2002/03-08-2002-aggertalsperre/" target="_blank">Aggertalsperre</a> sehe, muss ich immer an „<a href="http://www.spiegel.de/sport/formel1/0,1518,99415,00.html" target="_blank">Rot vor Silber</a>“ denken. Egal. Die Bilderwelt erscheint zwar irgendwie unscharf, aber wiedererkennbar. So sollte es sein!<br />
<a href="https://www.krombacher.de/" target="_blank">Krombacher</a></p>
<h3>Hermes</h3>
<p><a href="http://www.hermespaketshop.de/" target="_blank"><img class="alignnone size-full wp-image-914" title="Einfach und günstig Paket versenden im Hermes PaketShop_www.hermespaketshop.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Einfach-und-gu%CC%88nstig-Paket-versenden-im-Hermes-PaketShop_www.hermespaketshop.de_.jpg" alt="" width="592" height="170" /></a><br />
Hat Hermes eine Bilderwelt? Schaltet Hermes überhaupt Anzeigen? Zumindest das <a href="http://www.spiegel.de/kultur/tv/0,1518,778200,00.html" target="_blank">Image</a> könnte besser sein! Egal, das blaue Paket funktioniert super. Sehr hohe Wiederkennung und vielseitig einsetzbar. Geht doch!<br />
<a href="http://www.hermespaketshop.de/" target="_blank">Hermes</a></p>
<h3>Postbank</h3>
<p><a href="http://www.postbank.de/" target="_blank"><img class="alignnone size-full wp-image-915" title="Postbank- Willkommen auf der Startseite. Kostenloses Girokonto, günstiger Kredit, Angebote für Sparen und Anlegen - und vieles mehr!_www.postbank.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Postbank-Willkommen-auf-der-Startseite.-Kostenloses-Girokonto-gu%CC%88nstiger-Kredit-Angebote-fu%CC%88r-Sparen-und-Anlegen-und-vieles-mehr_www.postbank.de_.jpg" alt="" width="592" height="243" /></a><br />
Ein Haufen moderner Bilder, keines mit Wiedererkennungsfaktor. Wenigstens die Farben zeigen einem, mit wem man es hier zu tun hat!<br />
<a href="http://www.postbank.de/" target="_blank">Postbank</a></p>
<h3>Deutsche Bahn</h3>
<p><a href="http://www.bahn.de/p/view/angebot/angebotsberatung.shtml" target="_blank"><img class="alignnone size-full wp-image-916" title="DB Bahn- Bahntickets - Alle DB-Angebote und Tickets_www.bahn.de-p-view-angebot-angebotsberatung.shtmldbkanal_020=1" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/DB-Bahn-Bahntickets-Alle-DB-Angebote-und-Tickets_www.bahn_.de-p-view-angebot-angebotsberatung.shtmldbkanal_0201.jpg" alt="" width="592" height="107" /></a><br />
Die Bahn kommt — mit Klischeebildern. Leider nichts eigenes. Schade!<br />
<a href="http://www.bahn.de/p/view/angebot/angebotsberatung.shtml" target="_blank">Deutsche Bahn</a></p>
<h3>Fazit Bilderwelten Großunternehmen</h3>
<p>Dieser nicht repräsentative Überblick zeigt, dass die Thematik &amp; Bedeutung einheitlicher Bidlerwelten noch nicht wirklich bei den Unternehmen angekommen ist. Offline-Kommunikation und Webseite spielen da noch zu selten Ping-Pong. Ich würde meinen: verschenktes Potential!</p>
<h2>Austauschbare Bilderwelten – Fluch &amp; Segen der Bildkataloge</h2>
<p>Allgemeine Unternehmensbilder auf Webseiten sind zu oft austauschbar, gerade wenn — oder besser weil — sie aus Bildkatalogen stammen. Für geringe Kosten bekommt man hier professionelle Fotos ohne groß eingeschränkte Nutzungsrechte. Im Vergleich zu früheren Jahren als gedruckte Bildkataloge stundenlang gewälzt wurden, um dann erst die Nutzungsrechte und damit die Kosten zu klären, ein Segen. Als Folge tauchen die ausgewählten Bilder dann aber nicht nur auf der eigenen Seite auf, sondern gleich auf mehreren. Denn fast jedes Unternehmen hat die Idee / Vorstellung von Bildern „mit jungen fröhlichen gutaussehenden Menschen, die nett zuammen vor dem Laptop sitzen und gemeinsam surfen oder ein entspanntes Meeting halten“ oder ähnliches. Man könnte fast meinen, fernab jeglicher Realität! Aber egal, hier wird es eh zum Fluch, denn mit Eigenständigkeit &amp; Wiedererkennungeffekt haben diese Bilder auch selten was zu tun.</p>
<p>Unterscheiden sollte man dann hier das Einsatzgebiet dieser austauschbaren Bilderwelten. Im Header als Erkennungsmerkmal finde ich solche Bilder deplatziert. Hier sind sie in meinen Augen Fluch, zwar kann sicher je nach Motiv eine hohe Emotionalisierung erreicht werden, aber eben keine hohe Wiedererkennung oder Differenzierung. Siehe den Abschnitt oben „Großunternehmen“<br />
Anders sieht das bei den austauschbaren Bilderwelten als Orientierungs-Elemente aus. Als kleine Teaser für Unterseiten oder Artikel, als Ergänzung bei viel Fließtext haben sie durchaus ihre Berechtigung. Aber bitte nur dort!</p>
<h3>Beispiele für austauschbare Bilderwelten</h3>
<p>(Klick aufs Bild enttarnt die Unternehmen):</p>
<p><a href="http://www.cenit.de/de/ams.html" target="_blank"><img class="alignnone size-full wp-image-917" title="CENIT AG - Application Management Services_www.cenit.de-de-ams" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/CENIT-AG-Application-Management-Services_www.cenit_.de-de-ams.jpg" alt="" width="592" height="177" /></a><br />
Wow, zirkusreife Nummer dieser Fisch. Blöderweise hätte bald jeder Zirkus diese Nummer, da das Bild entsprechend häufig im Einsatz ist!</p>
<p><a href="http://knrconsultinginc.com/" target="_blank"><img class="alignnone size-full wp-image-919" title="Knowledge Network Resource Consulting, Inc._knrconsultinginc.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Knowledge-Network-Resource-Consulting-Inc._knrconsultinginc.com_.jpg" alt="" width="592" height="150" /></a><br />
Gleich sechs glückliche brave Menschen am Meeting-Tisch. Wie realistisch…</p>
<p><a href="http://www.peterpaccagnini.co.uk/" target="_blank"><img class="alignnone size-full wp-image-921" title="Peter Paccagnini - Complete Web site Management_www.peterpaccagnini.co.uk" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Peter-Paccagnini-Complete-Web-site-Management_www.peterpaccagnini.co_.uk_.jpg" alt="" width="592" height="239" /></a><br />
Warum nur ein Klischee-Bild einsetzen, wenn sich gleich eine ganze Montage aus 10 Klischee-Bildern bauen läßt? Business-Woman und Business-Man <strong>par excellence.</strong></p>
<p><a href="http://www.intershop.de/jobs-und-karriere.html"><img class="alignnone size-full wp-image-990" title="Jobs und Karriere  Intershop Communications AG_www.intershop.de-jobs-und-karriere" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Jobs-und-Karriere-Intershop-Communications-AG_www.intershop.de-jobs-und-karriere.jpg" alt="" width="592" height="141" /></a><br />
Und da ist sie dann auch schon wieder! Glückwunsch.</p>
<p><a href="http://contraco.de/" target="_blank"><img class="alignnone size-full wp-image-922" title="Contraco_contraco.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Contraco_contraco.de_.jpg" alt="" width="592" height="160" /></a><br />
Etwas moderner ist schon der Scribbler. Ob er weiß, dass er spiegelverkehrt zeichnen muss, damit es der Anwender lesen kann?</p>
<p><a href="http://www.kienbaum.de/" target="_blank"><img class="alignnone size-full wp-image-923" title="Kienbaum Consultants International GmbH - Home_www.kienbaum.de-desktopdefault" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Kienbaum-Consultants-International-GmbH-Home_www.kienbaum.de-desktopdefault.jpg" alt="" width="592" height="141" /></a><br />
Mh, ist es nicht so, dass sie genau genommen in die falsche Richtung schreibt?</p>
<p><a href="http://www.micus.de/" target="_blank"><img class="alignnone size-full wp-image-924" title="MICUS Management Consulting GmbH_www.micus.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/MICUS-Management-Consulting-GmbH_www.micus_.de_.jpg" alt="" width="592" height="165" /></a><br />
Zwar selten gesehen, muss man aber auch nicht öfters. Denn was will das Bild uns sagen? Ich weiß es nicht!</p>
<p><a href="http://www.afc.net/" target="_blank"><img class="alignnone size-full wp-image-925" title="AFC Consulting Group  TIME FOR A CHANGE_www.afc.net-de-index" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/AFC-Consulting-Group-TIME-FOR-A-CHANGE_www.afc_.net-de-index.jpg" alt="" width="592" height="176" /></a><br />
Für eine „Consulting Group“. Aha!</p>
<p><a href="http://www.i-c-m.de/" target="_blank"><img class="alignnone size-full wp-image-926" title="ICM InvestmentBank AG_www.i-c-m.de-cms-index" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/ICM-InvestmentBank-AG_www.i-c-m.de-cms-index.jpg" alt="" width="592" height="141" /></a><br />
Wir sehen nicht nur verdammt gut aus! Wir wissen das auch! Auch in Kassel und Kleve!</p>
<p><a href="http://www.hyponoe.at/gruppe" target="_blank"><img class="alignnone size-full wp-image-927" title="HYPO NOE Gruppe - Home_www.hyponoe.at-gruppe" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/HYPO-NOE-Gruppe-Home_www.hyponoe.at-gruppe.jpg" alt="" width="592" height="134" /></a><br />
Strahlend weißes Lachen. Oben und unten. Gestellter und unrealistischer geht es kaum.</p>
<p><a href="http://www.werdewelt.info/Identity-Management/" target="_blank"><img class="alignnone size-full wp-image-930" title="» identity management  werdewelt.info_www.werdewelt.info-Identity-Management" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/%C2%BB-identity-management-werdewelt.info_www.werdewelt.info-Identity-Management.jpg" alt="" width="592" height="179" /></a></p>
<p><a href="http://www.landmarkhotels.net/" target="_blank"><img class="alignnone size-full wp-image-961" title="Landmark Hotels and Suites_www.landmarkhotels.net-index" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Landmark-Hotels-and-Suites_www.landmarkhotels.net-index.jpg" alt="" width="592" height="168" /></a><br />
Auch ein Klassiker: Die vierköpfige Familie, die immer gut drauf ist.</p>
<p><a href="https://www.commerzbank.com/" target="_blank"><img class="alignnone size-full wp-image-928" title="Commerzbank Homepage_www.commerzbank.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Commerzbank-Homepage_www.commerzbank.com_.jpg" alt="" width="592" height="295" /></a><br />
Bemüht zeigt sich die Commerzbank. Zwar austauschbare Bilderwelt, aber geschickt das eigene Logo eingebaut und so doch eine Eigenständigkeit hinbekommen!</p>
<h3>Austauschbare Bilderwelten als Orientierungselemente:</h3>
<p><a href="http://www.ratiopharm.de/" target="_blank"><img class="alignnone size-full wp-image-929" title="austausch_orientierung" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/austausch_orientierung.jpg" alt="" width="372" height="457" /></a><br />
Ratiopharm zeigt wie Bilder das Augenmerk auf die einzelnen Teaser werfen können. Und hier mögen die austauschbaren Bilderwelten auch durchaus ihre Berechtigung haben!</p>
<h2>Trends</h2>
<h3>Slider</h3>
<p>Es gibt ja immer wieder verschiedene Trends im Webdesign. Einer davon ist aktuell große Bilder-Slider im Header einzusetzen. Das hat den Vorteil, dass man sich nicht auf ein Thema / Bild beschränken muss und gleich für Abwechslung auf der Seite gesorgt ist.  Andererseits besteht die Gefahr, dass inhaltliche Aussagen verwaschen werden durch Quantität. Der Slider-Aufbau ist fast immer gleich: Rechtecke Bilder, die meistens über die ganze Inhaltsspalte gehen, fahren nach links oder rechts raus und der nächste Content kommt rein:</p>
<p><a href="http://www.hurcoind.com/" target="_blank"><img class="alignnone size-full wp-image-941" title="Store Fixtures and Architectural Millwork  Hurco Design Manufacturing_www.hurcoind.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Store-Fixtures-and-Architectural-Millwork-Hurco-Design-Manufacturing_www.hurcoind.com_1.jpg" alt="" width="592" height="162" /></a><a href="http://www.hurcoind.com/" target="_blank">http://www.hurcoind.com/</a></p>
<p><a href="http://www.thinkfa.com/" target="_blank"><img class="alignnone size-full wp-image-942" title="FreeAssociation_www.thinkfa.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/FreeAssociation_www.thinkfa.com_1.jpg" alt="" width="592" height="119" /></a><a href="http://www.thinkfa.com/" target="_blank">http://www.thinkfa.com/</a></p>
<p>Es gibt auch tolle Varianten, die nicht ganz diesem klassischem Slider-Layout folgen:</p>
<p><a href="http://www.ad60.com/" target="_blank"><img class="alignnone size-full wp-image-943" title="Mobile iPhone Android Apps Digital Advertising Agency, Brooklyn, NY AD60_www.ad60.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Mobile-iPhone-Android-Apps-Digital-Advertising-Agency-Brooklyn-NY-AD60_www.ad60.com_1.jpg" alt="" width="592" height="169" /></a><br />
<a href="http://www.ad60.com/" target="_blank">http://www.ad60.com/</a></p>
<p><a href="http://www.hjelle.no/" target="_blank"><img class="alignnone size-full wp-image-944" title="LK Hjelle_www.hjelle.no" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/LK-Hjelle_www.hjelle.no_1.jpg" alt="" width="592" height="179" /></a><a href="http://www.hjelle.no/" target="_blank">http://www.hjelle.no/</a></p>
<p><a href="http://www.helmandafgn.com/" target="_blank"><img class="alignnone size-full wp-image-945" title="afgn_www.helmandafgn.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/afgn_www.helmandafgn.com_1.jpg" alt="" width="592" height="162" /></a><a href="http://www.helmandafgn.com/" target="_blank">http://www.helmandafgn.com/</a></p>
<p><a href="http://rickardsund.com/new-styleby/1/" target="_blank"><img class="alignnone size-full wp-image-946" title="Photography by Rickard Sund_rickardsund.com-new-styleby-1" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Photography-by-Rickard-Sund_rickardsund.com-new-styleby-11.jpg" alt="" width="592" height="182" /></a><a href="http://rickardsund.com/new-styleby/1/" target="_blank"></p>
<p>http://rickardsund.com/new-styleby/1/</a></p>
<h4>Weitere Slider-Galerien</h4>
<p><a href="http://www.onextrapixel.com/2009/05/25/18-inspirational-image-content-sliders-design-showcases/" target="_blank">http://www.onextrapixel.com/2009/05/25/18-inspirational-image-content-sliders-design-showcases/</a></p>
<p><a href="http://www.elmastudio.de/inspiration/webdesign-trends-grose-bilder-slider/" target="_blank">http://www.elmastudio.de/inspiration/webdesign-trends-grose-bilder-slider/</a></p>
<h3>Große Hintergundfotos</h3>
<p>In der <a href="http://journal.hahnsinn.de/bilder-auf-webseiten-eigenschaften-und-besonderheiten/" target="_blank">letzten Folge</a> ging es auch um die Ladegeschwindigkeit von Webseiten, aber seit sich DSL weit verbreitet hat, werden vermehrt auch großflächig Bilder eingesetzt. Was vorher nur aus Printanzeigen oder logischerweise dem Fernsehen bekannt war, läßt sich nun auch als Gestalungselement im Web einsetzen Die emotionale Wirkung ist enorm, die Wiedererkennung und Prägnanz auch, wie diese Exemplare sehr schön  zeigen:</p>
<p><a href="http://www.eastvillageeatery.de/eat-drink" target="_blank"><img class="alignnone size-full wp-image-948" title="A Bite Of New York  East Village Eatery_www.eastvillageeatery.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/A-Bite-Of-New-York-East-Village-Eatery_www.eastvillageeatery.de_.jpg" alt="" width="592" height="119" /></a><br />
<a href="http://www.eastvillageeatery.de/" target="_blank">http://www.eastvillageeatery.de/</a></p>
<p><a href="http://esbueno.noahstokes.com/" target="_blank"><img class="alignnone size-full wp-image-952" title="Noah Stokes  Es Bueno_esbueno.noahstokes.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Noah-Stokes-Es-Bueno_esbueno.noahstokes.com_.jpg" alt="" width="592" height="129" /></a><br />
<a href="http://esbueno.noahstokes.com/" target="_blank">http://esbueno.noahstokes.com/</a></p>
<p><a href="http://www.ernesthemingwaycollection.com/" target="_blank"><img class="alignnone size-full wp-image-953" title="The Ernest Hemingway Collection_www.ernesthemingwaycollection.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/The-Ernest-Hemingway-Collection_www.ernesthemingwaycollection.com_.jpg" alt="" width="592" height="191" /></a><br />
<a href="http://www.ernesthemingwaycollection.com/" target="_blank">http://www.ernesthemingwaycollection.com/</a></p>
<p><a href="http://www.alley-pfannekuchen.de/feste.htm"><img class="alignnone size-full wp-image-954" title="Alley Pfannekuchen_www.alley-pfannekuchen.de-feste" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Alley-Pfannekuchen_www.alley-pfannekuchen.de-feste.jpg" alt="" width="592" height="257" /></a><br />
<a href="http://www.alley-pfannekuchen.de/feste.htm" target="_blank">http://www.alley-pfannekuchen.de/feste.htm</a></p>
<p><a href="http://www.bowvalleyclub.com/dining" target="_blank"><img class="alignnone size-full wp-image-955" title="Dining &amp; Functions_www.bowvalleyclub.com-dining" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Dining-Functions_www.bowvalleyclub.com-dining.jpg" alt="" width="592" height="195" /></a><br />
<a href="http://www.bowvalleyclub.com/dining" target="_blank">http://www.bowvalleyclub.com/dining</a></p>
<p><a href="http://www.thinkmoto.de/" target="_blank"><img class="alignnone size-full wp-image-956" title="think moto _www.thinkmoto.de-#awp--" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/think-moto-_www.thinkmoto.de-awp-.jpg" alt="" width="592" height="245" /></a><br />
<a href="http://www.thinkmoto.de/" target="_blank">http://www.thinkmoto.de/</a></p>
<p><strong>Ausblick: </strong>In der nächste Folge dieser Serie zeige ich einige tolle Beispiele von Unternehmen / Webseiten, die es geschafft haben (be)merkenswerte Bilderwelten zu kreieren.</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/bilderwelten-im-web-%e2%80%93-status-quo-trends/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<series:name><![CDATA[Bilderwelten im Web]]></series:name>
	</item>
		<item>
		<title>5 kurze Gestaltungstipps für Präsentationen!</title>
		<link>http://journal.hahnsinn.de/5-kurze-gestaltungstips-fur-prasentationen/</link>
		<comments>http://journal.hahnsinn.de/5-kurze-gestaltungstips-fur-prasentationen/#comments</comments>
		<pubDate>Wed, 12 Oct 2011 08:42:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[PowerPoint]]></category>
		<category><![CDATA[Präsentation]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=738</guid>
		<description><![CDATA[Geschätzte 30 Millionen PowerPoint-Vorträge finden weltweit pro Tag statt — GÄÄÄHN! Meistens bleiben die Zuhörer gelangweilt, ratlos oder überfordert und oft genug auch alles zusammen zurück. Die inhaltliche Ausgestaltung ist das Eine, die visuelle Gestaltung das Andere. Auch wenns bei &#8230; <a href="http://journal.hahnsinn.de/5-kurze-gestaltungstips-fur-prasentationen/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Geschätzte 30 Millionen PowerPoint-Vorträge finden weltweit pro Tag statt — </strong><strong>GÄÄÄHN!</strong><strong> Meistens bleiben die Zuhörer gelangweilt, ratlos oder überfordert und oft genug auch alles zusammen zurück. Die inhaltliche Ausgestaltung ist das Eine, die visuelle Gestaltung das Andere. Auch wenns bei beiden oft mangeln mag, konzentrieren wir uns mal auf die Optik. Hier 5 kurze Tipps</strong><strong>, die einfach umzusetzen sind und keine allzu großen Gestaltungskenntnisse verlangen, aber dafür</strong><strong> schönere, übersichtlichere und klarere Präsentationen erzeugen:<br />
</strong></p>
<h3>1. Weniger ist mehr</h3>
<p><img class="alignnone size-full wp-image-744" title="more" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/more.gif" alt="" width="592" height="160" />Platz lassen, Inhalt atmen lassen. Den sogenannten Weißraum gezielt einsetzen (Weißraum darf übrigens auch gerne farbig sein!) Den Inhalt auch mal Raum geben, sich sprichwörtlich zu entfalten. Mal nur das „Wirklich-Wichtige“ sagen! Faustregel, die auf unserer Aufnahmefähigkeit beruht: 7 Wörter pro Zeile und 7 Zeilen pro Folie (+/-2 Wörter bzw. Zeilen). Aus der Erfahrung heraus würde ich statt 7 aber besser nur 4 nehmen! Also:</p>
<ul>
<li>4 Wörter pro Zeile</li>
<li>4 Zeilen pro Folie</li>
</ul>
<p>Und ganz wichtig: Schlüsselwörter statt ganzer Sätze benutzen.</p>
<p> </p>
<p><span id="more-738"></span></p>
<h3>2. Bilder &amp; Grafiken einsetzen</h3>
<p><img class="alignnone size-full wp-image-745" title="bild" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/bild.jpg" alt="" width="592" height="160" />Bilder nehmen wir als Erstes wahr, sie sind emotional und bleiben besser in Erinnerung als Texte. Originelle, spannende, den Inhalt unterstützende Bilder einzusetzen ist Gold wert. Quellen gibt es genug für günstig zu erwerbende Bilder: <a href="http://www.istockphoto.com/" target="_blank">istockphoto.com</a> und <a href="http://de.fotolia.com/" target="_blank">fotolia.de</a> oder auch kostenfreie: <a href="http://www.flickr.com/" target="_blank">flickr.com</a> (<a href="http://de.creativecommons.org/was-ist-cc/" target="_blank">CC beachten</a>!)</p>
<h3>3. Farben: 2 Farben, verschiedene Helligkeiten</h3>
<p><img class="alignnone size-full wp-image-746" title="farbe" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/farbe.gif" alt="" width="592" height="160" />Mit Farben lassen sich schön Highlights setzen und die Inhalte strukturieren, aber nicht alles farbig machen. Zwei bis drei Farben reichen. Ansonsten mit verschiedenen Helligkeiten einer Farbe arbeiten.</p>
<h3>4. Typografie: 2 Schriften, 2 Schriftgrößen</h3>
<p><img class="alignnone size-full wp-image-747" title="typo" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/typo.gif" alt="" width="592" height="160" />Auf zwei Schriftarten beschränken. Und damit meine ich nicht Arial und Times! Wenn es keine vorgegebene Schriftarten gibt, warum nicht mal nach schönen frei benutzbaren Schriften suchen (und auch einsetzen):<br />
<a href="http://webdesignfan.com/fonts-for-effective-headlines/" target="_blank"> http://webdesignfan.com/fonts-for-effective-headlines/</a><br />
<a href="http://sixrevisions.com/graphics-design/45-beautiful-free-fonts-for-modern-design-trends/" target="_blank"> http://sixrevisions.com/graphics-design/45-beautiful-free-fonts-for-modern-design-trends/</a><br />
<a href="http://creativenerds.co.uk/freebies/40-beautiful-free-fonts-for-creating-attractive-typography-headlines/" target="_blank"> http://creativenerds.co.uk/freebies/40-beautiful-free-fonts-for-creating-attractive-typography-headlines/</a><br />
<a href="http://rocketgraphs.net/2011/04/29-beautiful-awesome-fonts/" target="_blank"> http://rocketgraphs.net/2011/04/29-beautiful-awesome-fonts/</a></p>
<p>Und auf zwei bis drei Schriftgrößen beschränken! Headlines und Fließtext haben eine klare Größe, die sich über die Folien konsequent durchzieht (Ja, Ausnahmen besätigen die Regel) und die man auch aus größerer Entfernung noch gut lesen kann Evtl. noch Schriftgrößen definieren für Randnotizen, Fußnoten etc.</p>
<h3>5. Logo weglassen</h3>
<p><img class="alignnone size-full wp-image-748" title="black" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/black.gif" alt="" width="592" height="160" />Das Logo rauslassen. Natürlich nicht auf der Startseite und abschließender Folie. Aber bitte nicht auf JEDER Folie das Logo wiederholen. 50mal braucht das nun wirklich keiner zu sehen. Und wer nach der ersten Folie nicht weiß, welches Unternehmen hier präsentiert, der sollte es auch nicht nach der 38. erfahren!</p>
<p>Ein schönes Beispiel für eine Powerpoint-Neugestaltung und die Wirkung ist diese Clinton-Präsentation:</p>
<div id="__ss_403978" style="width: 510px;"><strong style="display: block; margin: 12px 0 4px;"><a title="Clinton Commits Death By Powerpoint" href="http://www.slideshare.net/rickaltman/clinton-commits-death-by-powerpoint" target="_blank">Clinton Commits Death By Powerpoint</a></strong> <object id="__sse403978" width="510" height="426"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=clintoncommitsdeathbypowerpoint-1210744981862644-9&amp;stripped_title=clinton-commits-death-by-powerpoint&amp;userName=rickaltman" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed type="application/x-shockwave-flash" width="510" height="426" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=clintoncommitsdeathbypowerpoint-1210744981862644-9&amp;stripped_title=clinton-commits-death-by-powerpoint&amp;userName=rickaltman" name="__sse403978" allowscriptaccess="always" allowfullscreen="true"></embed></object> </p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/rickaltman" target="_blank">Rick Altman</a></div>
<p> </p>
</div>
<p>Und Anregungen für spannende, extrem gut gestaltete Präsentationen:<br />
<a href="http://noteandpoint.com/" target="_blank"> http://noteandpoint.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/5-kurze-gestaltungstips-fur-prasentationen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bilderwelten im Web — Eigenschaften &amp; Besonderheiten</title>
		<link>http://journal.hahnsinn.de/bilder-auf-webseiten-eigenschaften-und-besonderheiten/</link>
		<comments>http://journal.hahnsinn.de/bilder-auf-webseiten-eigenschaften-und-besonderheiten/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 15:02:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Bilder]]></category>
		<category><![CDATA[Bilderwelt]]></category>
		<category><![CDATA[Emotion]]></category>
		<category><![CDATA[Header]]></category>
		<category><![CDATA[Hintergründe]]></category>
		<category><![CDATA[Pattern]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[TV]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=893</guid>
		<description><![CDATA[Der Einsatz von Bildern unterscheidet sich zwischen Fernsehen, Print und Web sehr stark. Wobei sich das Internet in der Unternehmenskommunikation eine zentrale Rolle erobert hat, welche sich auch auf die eigesetzten Bilder auswirkt. TV und Print Das Fernsehen ist ein &#8230; <a href="http://journal.hahnsinn.de/bilder-auf-webseiten-eigenschaften-und-besonderheiten/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.printwirkt.de/motiv-46-postbank/" target="_blank"><img class="alignnone size-full wp-image-1006" title="46Postbank" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/46Postbank.jpg" alt="" width="592" height="155" /></a></p>
<p><strong>Der Einsatz von Bildern unterscheidet sich zwischen Fernsehen, Print und Web sehr stark. Wobei sich das Internet in der Unternehmenskommunikation eine zentrale Rolle erobert hat, welche sich auch auf die eigesetzten Bilder auswirkt.</strong></p>
<h2>TV und Print</h2>
<p>Das Fernsehen ist ein bilddominantes Medium und bewirkt durch seine Attraktivität und leichte Konsumierbarkeit eine immer größere und breitere Nachfrage nach bildhafter Kommunikation auch in anderen Medien. Das Fernsehen ist als Leitmedium der Werbung zu sehen, aber eben auch nur für Großnunternehmen interessant.</p>
<p>Erfolgreiche Printkommunikationsmaßnahmen sind immer das Zusammenspiel zwischen Bild und Text. Die Kampagne „<a href="http://www.printwirkt.de/category/kampagne/" target="_blank">Print wirkt</a>“ der Publikumszeitschriften im „Verband Deutscher Zeitschriftenverleger“ verdeutlichte anhand einiger Werbekampagnen in beeindruckender Weise die Wiedererkennung von kontinuierlich in verschiedenen Medien eingesetzten Bildwelten ist. Sie zeigen auch, dass eine einzelne Anzeige, wenn sie nach dem Kommunikationsmuster des Unternehmens gestaltet ist, sich leichter in das vertraute Bild einfügt, das der Konsument von ihr hat.</p>
<h2>Die zentrale Rolle des Internets</h2>
<p>Dem Internet – das zentrale Medium der vielbeschworenen Informationsgesellschaft und damit auch der Informationsökonomie – kommt eine besondere Rolle zu. Aufgrund seiner vielfältigen Einsatzmöglichkeiten im Rahmen der kommunikationspolitischen Maßnahmen (Werbung, Public Relations, Verkauf, Direkt-Marketing etc.) kann ein Internet-Auftritt eine Vernetzung aller eingesetzten Instrumente ermöglichen. Das heißt einheitliche Bilderwelten sollten hier je nach Maßnahme eingesetzt werden. Ein Werbebanner verlangt vermutlich einen anderen Bildeinsatz als die Unterseiten einer Corporate Website.</p>
<p><span id="more-893"></span></p>
<h3>Push statt Pull</h3>
<p>Das Internet ist ein Pull-Medium, d.h. im Vergleich zum Fernsehen sucht der Anwender (mehr oder weniger) gezielt Informationen, bzw. muss mit einer bewussten Entscheidung eine von ihm gewählte Seite aufrufen. Der Informationsfluss wird vom Anwender gesteuert. Ein passives Wahrnehmen / Erleben ist hier so gut wie gar nicht gegeben. Der Anwender braucht dementsprechend für fast jede Entscheidung auch sachliche Informationen, sprich Texte. Selten wird eine Klick-Entscheidung alleine aufgrund eines Bilder getroffen, sondern meistens im Zusammenhang mit ergänzenden Texten.</p>
<p> </p>
<p>Für das Surfverhalten können Bilder eine wesentliche Rolle spielen. Der Anwender scannt erst eine Webseite bevor er sich Inhalten detaillierter zuwendet. Da Bilder unsere Aufmerksamkeit auf sich ziehen, sind sie ein gutes Mittel um den „Scanablauf“ zu unterstützen oder zu beinflussen. Sie können hier als Informationsanker dienen und die Übersichtlichkeit der Webseite erhöhen. Und die in der <a href="http://journal.hahnsinn.de/von-bildern-und-ihrer-wirkung/">vorherigen Folge</a> dieser Serie gennanten Aspekte bezüglich Emotionalisierung und Wiedererkennbarkeit gelten natürlich auch im Web.<br />
Aber allen Geschwindigkeitsentwicklungen zum Trotz ist die Ladezeit von Bildern immer noch zu beachten. Das Warten auf Inhalte, die geladen werden, gehört zu den unerwünschtesten Ereignissen beim Surfen.  Viele Untersuchungen haben gezeigt, dass die Ladezeit für User eines der wichtigsten Kriterien beim Besuch einer Website ist. Der benötigte Speicherplatz und die damit verbundene Ladezeit hat zur Folge, dass Bilder auf Internetauftritten sehr bewusst eingesetzt werden sollten. Werden Bilder aber lediglich als schmückendes Element eingesetzt, von dem keine tiefere Bedeutung ausgeht, sollte ihr Einsatz gut überlegt sein.</p>
<h2>Bilder im Einsatz</h2>
<p>Bilder auf Webseiten können verschiedene Aufgaben erfüllen. Zum einen können sie als Layout-Elemente dienen, die dem Screendesign seine Look &amp; Feel, seine Anmutung geben. Diese Bildelemente schaffen in erster Linie Stimmungen.</p>
<h3>Layout-Elemente</h3>
<p>Klassische Beispiele für solche reinen Layoutbilder sind Webseitenhintergründe oder –muster wie folgende Beispiele:<br />
<img class="alignnone size-full wp-image-1008" title="patterns" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/patterns.jpg" alt="" width="592" height="226" /></p>
<p>Ohne diese könnte die Webseite immer noch genauso gut bedient werden, inhaltlich würde nichts fehlen, für die visuelle Stimmung sind sie aber unentbehrlich.</p>
<p>Anders sieht es beim Header aus. Dieser ist der wichtigste Bereich einer Webseite, da der User optisch und inhatlich abgeholt, bzw. überzeugt werden muss, dass er auf dieser Seite richtig ist. Headerbilder sind also nicht nur reine Layoutelemente, sondern meistens auch sehr bedeutende Inhaltselemente. Folgende Beispiele zeigen schön, die inhaltliche und optische Bedeutung:</p>
<p><a href="http://corvusart.com/" target="_blank"><img class="alignnone size-full wp-image-999" title="Award Winning Web Design San Luis Obispo, California Web Designer San Luis Obispo Web Design Central Coast Web Designer SLO Web Design_corvusart.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Award-Winning-Web-Design-San-Luis-Obispo-California-Web-Designer-San-Luis-Obispo-Web-Design-Central-Coast-Web-Designer-SLO-Web-Design_corvusart.com_.jpg" alt="" width="592" height="122" /></a></p>
<p><a href="http://lyricallynoted.com/" target="_blank"><img class="alignnone size-full wp-image-1000" title="Lyrically Noted  Great lyrics that should be noted down..._www.lyricallynoted.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Lyrically-Noted-Great-lyrics-that-should-be-noted-down..._www.lyricallynoted.com_.jpg" alt="" width="592" height="267" /></a></p>
<p><a href="http://www.bethanycare.com/" target="_blank"><img class="alignnone size-full wp-image-1001" title="Bethany Care Society - Health, Housing and Community Services_www.bethanycare.com-default" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Bethany-Care-Society-Health-Housing-and-Community-Services_www.bethanycare.com-default.jpg" alt="" width="592" height="157" /></a></p>
<p><a href="http://www.bluepixel.net/" target="_blank"><img class="alignnone size-full wp-image-1002" title="Blue Pixel -- Digital Rockstars_bluepixel.net" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Blue-Pixel-Digital-Rockstars_bluepixel.net_.jpg" alt="" width="592" height="230" /></a></p>
<p><a href="http://arnbacktraining.ch/" target="_blank"><img class="alignnone size-full wp-image-1003" title="Arnbäck Training - Personal Trainer Genève, Coach sportif et Fitness avec un coach_arnbacktraining.ch" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Arnba%CC%88ck-Training-Personal-Trainer-Gene%CC%80ve-Coach-sportif-et-Fitness-avec-un-coach_arnbacktraining.ch_.jpg" alt="" width="592" height="266" /></a></p>
<h3>Orientierungs-Elemente</h3>
<p>Gerade auf Newsseiten und Blogs kommen Bilder als Informationsanker zum Einsatz. Sie markieren oft den Beginn einer neuen Informationseinheit, wie bspw. einen neuen Blogeintrag und erleichtern dem Anwender so das schnelle Überfliegen der Seite. Und nicht zu unterschätzen der „Lockerheitsfaktor“. Reine Textseiten – vor allem sehr lange – schrecken den Leser eher ab. Bilder lockern auf und nehmen den „Schrecken“ vor der Bleiwüste. Weitere Orientierungselemente sind beispielsweise ausgestaltete Trennstriche oder Listenpunkte, die dadurch oft markanter sind als reine CSS-Gestaltung.</p>
<p><a href="http://www.sueddeutsche.de/" target="_blank"><img class="alignnone size-full wp-image-997" title="Nachrichten aus Politik, Kultur, Wirtschaft und Sport - sueddeutsche.de_www.sueddeutsche.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Nachrichten-aus-Politik-Kultur-Wirtschaft-und-Sport-sueddeutsche.de_www.sueddeutsche.de_.jpg" alt="" width="592" height="400" /></a></p>
<p><a href="http://wallpaperscript.com/" target="_blank"><img class="alignnone size-full wp-image-995" title="WALLPAPER SCRIPT  FREE WALLPAPERS SCRIPTS_wallpaperscript.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/WALLPAPER-SCRIPT-FREE-WALLPAPERS-SCRIPTS_wallpaperscript.com_.jpg" alt="" width="592" height="171" /></a></p>
<p><a href="http://www.freeagentcentral.com/tour/overview" target="_blank"><img class="alignnone size-full wp-image-1013" title="Small Business Online Accounting Software - FreeAgent_www.freeagentcentral.com-tour-overview" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Small-Business-Online-Accounting-Software-FreeAgent_www.freeagentcentral.com-tour-overview.jpg" alt="" width="438" height="178" /></a></p>
<p><a href="http://gowalla.com/spots" target="_blank"><img class="alignnone size-full wp-image-1014" title="15479240294ba8bcf2bc19d" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/15479240294ba8bcf2bc19d.jpg" alt="" width="592" height="114" /></a></p>
<p><a href="http://www.adoreyou.se/" target="_blank"><img class="alignnone size-full wp-image-1015" title="Adore You – A Digital Creative Studio_www.adoreyou.se" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Adore-You-%E2%80%93-A-Digital-Creative-Studio_www.adoreyou.se_.jpg" alt="" width="292" height="84" /></a></p>
<h3>Inhalts-Elemente</h3>
<p>Bilder sind oft genug aber auch als  Informationsträger unersetzlich. Mal ergänzen die inhaltlich den Artikel oder zeigen, was mit vielen Wörtern nicht ausreichend beschrieben werden könnte:<br />
<a href="http://relogik.com/" target="_blank"><img class="alignnone size-full wp-image-1009" title="relogik.com  Design &amp; innovation  Showcase of Damjan Stanković_relogik.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/relogik.com-Design-innovation-Showcase-of-Damjan-Stankovic%CC%81_relogik.com_.jpg" alt="" width="592" height="212" /></a></p>
<p><a href="http://www.chicagolshirts.com/" target="_blank"><img class="alignnone size-full wp-image-1010" title="Chicago L-Shirts - El Stop T-shirts_www.chicagolshirts.com-w-purple" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Chicago-L-Shirts-El-Stop-T-shirts_www.chicagolshirts.com-w-purple.jpg" alt="" width="592" height="146" /></a></p>
<p><a href="http://www.joyentcloud.com/" target="_blank"><img class="alignnone size-full wp-image-1012" title="19494122484bfd3609140c2" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/19494122484bfd3609140c2.jpg" alt="" width="592" height="248" /></a></p>
<h3>Emotionale-Elemente</h3>
<p>Bilder sind… vor allem emotional! Also ideal dafür geeignet Stimmungen zu schaffen, Gefühle hervorzurufen, eine Webseite interessant, markant, unverwechselbar zu machen und so für eine hohe Wiedererkennbarkeit zu sorgen. Darum geht’s ja auch vor allem hier in dieser Artikel-Serie. Folgende Beispiele demonstieren die hohe Emotionalität, die Bilder auf Webseiten erzeugen können:</p>
<p><a href="http://www.puma.com/" target="_blank"><img class="alignnone size-full wp-image-1018" title="PUMA. Welcome to the home of SportLifestyle._www.puma.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/PUMA.-Welcome-to-the-home-of-SportLifestyle._www.puma_.com_.jpg" alt="" width="592" height="216" /></a></p>
<p><a href="http://www.tuifly.com/" target="_blank"><img class="alignnone size-full wp-image-1019" title="TUIfly.com - Günstige Flüge weltweit - Flug Angebote, Billigflüge, Mietwagen, Hotel, Reise, Urlaub - Ihr Flug-Reise-Portal - Home_www.tuifly.com-de-index" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/TUIfly.com-Gu%CC%88nstige-Flu%CC%88ge-weltweit-Flug-Angebote-Billigflu%CC%88ge-Mietwagen-Hotel-Reise-Urlaub-Ihr-Flug-Reise-Portal-Home_www.tuifly.com-de-index.jpg" alt="" width="592" height="214" /></a></p>
<p><a href="http://www.hm.com/de/" target="_blank"><img class="alignnone size-full wp-image-1020" title="H&amp;M – Mode und Qualität zum besten Preis_www.hm.com-de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/HM-%E2%80%93-Mode-und-Qualita%CC%88t-zum-besten-Preis_www.hm_.com-de.jpg" alt="" width="592" height="260" /></a></p>
<p><a href="http://www.5emegauche.com/" target="_blank"><img class="alignnone size-full wp-image-1021" title="5emegauche_www.5emegauche.com-#!-home" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/5emegauche_www.5emegauche.com-home.jpg" alt="" width="592" height="271" /></a></p>
<p><a href="http://www.danogborn.com/" target="_blank"><img class="alignnone size-full wp-image-1022" title="Dan Ogborn  Barbells on the Brain_www.danogborn.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Dan-Ogborn-Barbells-on-the-Brain_www.danogborn.com_.jpg" alt="" width="592" height="241" /></a></p>
<p><a href="http://www.twofold.com/" target="_blank"><img class="alignnone size-full wp-image-1023" title="Twofold Creative  Graphic, Print &amp; Web Design in Brisbane_www.twofold.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Twofold-Creative-Graphic-Print-Web-Design-in-Brisbane_www.twofold.com_.jpg" alt="" width="592" height="232" /></a></p>
<p><a href="http://www.atelierdesign.be/" target="_blank"><img class="alignnone size-full wp-image-1024" title="Atelier Design_www.atelierdesign.be" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Atelier-Design_www.atelierdesign.be_.jpg" alt="" width="592" height="175" /></a></p>
<p><a href="http://www.cakesweetcake.co.uk/" target="_blank"><img class="alignnone size-full wp-image-1025" title="Wedding &amp; Bespoke Cakes Oxfordshire  Cake Sweet Cake_www.cakesweetcake.co.uk" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Wedding-Bespoke-Cakes-Oxfordshire-Cake-Sweet-Cake_www.cakesweetcake.co_.uk_.jpg" alt="" width="592" height="188" /></a></p>
<h2>Fazit</h2>
<p>Bilder sind ein großartiges Gestaltungselement. Besonders auf Webseiten. Sie können eine enorme Emotionalität erzeugen, Aufmerksamkeit lenken, das Design veschönern und Inhalte schnell vermitteln. Kurz: Sie sind vielseitig und unentbehrlich für das Webdesign!</p>
<p><strong>Ausblick: </strong>In der nächsten Folge der <a href="http://journal.hahnsinn.de/series/bilderwelten-im-web/">Serie Bilderwelten im Web</a> geht es um aktuelle Bildtrends, austauschbare Bilderwelten und die Bildwelten der Großunternehmen.</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/bilder-auf-webseiten-eigenschaften-und-besonderheiten/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[Bilderwelten im Web]]></series:name>
	</item>
		<item>
		<title>GOOD: Team– und Agenturvorstellung per Video</title>
		<link>http://journal.hahnsinn.de/good-team-und-agenturvorstellung-per-video/</link>
		<comments>http://journal.hahnsinn.de/good-team-und-agenturvorstellung-per-video/#comments</comments>
		<pubDate>Thu, 06 Oct 2011 13:35:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Agentur]]></category>
		<category><![CDATA[Porträit]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=849</guid>
		<description><![CDATA[Zu jeder Agenturpräsentation gehört auch eine Vorstellung des Teams, zumindest erhört dies den Persönlichkeitsfaktor enorm. Je kleiner das Team und je geringer die Fluktuation, umso besser läßt es sich vorstellen. Die Agentur David&#38;Goliath stellt jedes der fünf Teammitglieder anhand eines &#8230; <a href="http://journal.hahnsinn.de/good-team-und-agenturvorstellung-per-video/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.davidundgoliath.com/agentur/"><img src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Bildschirmfoto-2011-08-04-um-11.27.00.jpg" alt="" title="Bildschirmfoto 2011-08-04 um 11.27.00" width="592" height="285" class="alignnone size-full wp-image-850" /></a><br />
Zu jeder Agenturpräsentation gehört auch eine Vorstellung des Teams, zumindest erhört dies den Persönlichkeitsfaktor enorm. Je kleiner das Team und je geringer die Fluktuation, umso besser läßt es sich vorstellen. Die Agentur David&amp;Goliath stellt jedes der fünf Teammitglieder anhand eines kurzen Videos vor. Sehr persönliche Aufnahmen werden ergänzt durch Kommentare der jeweiligen Person, was die Agentur auszeichnet. Daumen hoch!<br />
<a href="http://www.davidundgoliath.com/agentur/jasmin" target="_blank">David&amp;Goliath</a></p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/good-team-und-agenturvorstellung-per-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>„Sich ein Bild machen“ – Von Bildern und ihrer Wirkung</title>
		<link>http://journal.hahnsinn.de/von-bildern-und-ihrer-wirkung/</link>
		<comments>http://journal.hahnsinn.de/von-bildern-und-ihrer-wirkung/#comments</comments>
		<pubDate>Mon, 03 Oct 2011 15:51:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Bilder]]></category>
		<category><![CDATA[Bilderwelt]]></category>
		<category><![CDATA[Emotion]]></category>
		<category><![CDATA[Zielgruppe]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=888</guid>
		<description><![CDATA[Wenig spricht uns so sehr an wie Bilder. Sie sind emotional und aufmerksamkeitsstark. Die Werbung lebt von ihnen. Doch wie sieht es im Web aus? Wie werden Bilder hier von Unternehmen eingesetzt? Die Artikel-Reihe „Bilderwelten im Web“ zeigt die Bedeutung &#8230; <a href="http://journal.hahnsinn.de/von-bildern-und-ihrer-wirkung/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Wenig spricht uns so sehr an wie Bilder. Sie sind emotional und aufmerksamkeitsstark. Die Werbung lebt von ihnen. Doch wie sieht es im Web aus? Wie werden Bilder hier von Unternehmen eingesetzt? Die Artikel-Reihe „<a href="http://journal.hahnsinn.de/series/bilderwelten-im-web/" target="_blank">Bilderwelten im Web</a>“ zeigt die Bedeutung von Bildern auf und untersucht an vielen Beispielen den Einsatz und die Wirkung auf Webseiten. </strong></p>
<h2>Von Märkten und „Austauschbarkeiten“</h2>
<p><img class="alignnone size-full wp-image-969" title="Alle Größen  Market Produce  Flickr - Fotosharing!_www.flickr.com-photos-diamond_rain-5624098143-sizes-o-in-photostream" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Alle-Gro%CC%88%C3%9Fen-Market-Produce-Flickr-Fotosharing_www.flickr.com-photos-diamond_rain-5624098143-sizes-o-in-photostream.jpg" alt="" width="592" height="237" /><br />
<span style="font-size: small;">(Quelle: <a href="http://www.flickr.com/photos/diamond_rain/5624098143/" target="_blank">flickr, two gypsy hearts</a>)</span></p>
<p>Die Kosumgesellschaft und die freie Marktwirtschaft haben u.a. als (zwischenzeitliches) Resultat — was von Marketing-Experten seit vielen Jahren gerne gebetsmühlenartig wiederholt wird — dass „die Märkte gesättigt sind“ und „Produkte und Dienstleistungen austauschbar“ geworden sind. Die Folge ist, dass die Konsumenten (also wir alle) immer weniger an sachlichen Informationen interessiert sind.</p>
<p>Hinzu kommt, dass das Angebot an Produkten und Dienstleistungen stark zugenommen hat und für viele undurchschaubar geworden ist. Auch der Aufwand sich mit allen Angeboten ausreichend auseinander zu setzen, um dann eine rationale Entscheidung zu treffen, wäre häufig viel zu groß.</p>
<p>So findet eine Veränderung vom Produktwettbewerb hin zum Kommunikationswettbewerb statt, d.h. bei vergleichbaren Produkten erfolgt eine Unterscheidung von Angeboten bei den Konsumenten im wesentlichen nur noch über kommunikative Maßnahmen. Auf gesättigten Märkten wird die Kommunikation damit zu einem wesentlichen Erfolgsfaktor.</p>
<p><span id="more-888"></span></p>
<h2>Informationsüberflutung der Konsumenten</h2>
<p>Durch den nun enorm gestiegenen Kommunikationsaufwand der Unternehmen und das enorm gestiegene Medienaufgebot kommt es allerdings zu einer Reiz– / Informations-überflutung der Konsumenten. So haben wir unser Informationsverhalten verändert / angepasst. Die angebotenen Informationen werden flüchtiger und selektiver aufgenommen. Eine Schutzreaktion, wir können gar nicht alle Informationen unserer Umwelt aufnehmen, weder bei einem ruhigen Waldspaziergang und erst recht nicht in belebten Einkaufsstrassen deutscher Großstädte, genau wie beim täglichen Surfen über unzählige Webseiten. Durch die Informationsüberflutung wird es für Unternehmen daher immer schwerer, für die gewünschte Aufmerksamkeit für sich und ihre Marken zu sorgen.</p>
<h2>Werteveränderung in der Gesellschaft</h2>
<p><img class="alignnone size-full wp-image-970" title="Alle Größen  Saber Head + Revy Body  Flickr - Fotosharing!_www.flickr.com-photos-stevekeys-2787332107-sizes-l-in-photostream" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Alle-Gro%CC%88%C3%9Fen-Saber-Head-+-Revy-Body-Flickr-Fotosharing_www.flickr.com-photos-stevekeys-2787332107-sizes-l-in-photostream.jpg" alt="" width="592" height="222" /><br />
<span style="font-size: small;">(Quelle: <a href="http://www.flickr.com/photos/stevekeys/2787332107/" target="_blank">flickr, Steve Keys</a>)</span></p>
<p>Und dann kommt noch eine Werteveränderung in der Gesellschaft hinzu. Disziplin, Gehorsam, Selbstbeherrschung, Enthaltsamkeit und Geduld sind Werte, die nicht sehr zeitgemäß klingen. Heute zählen eher Genuss, Kreativität, Individualität, Selbstentfaltung und Gemeinschaftserlebnisse. Die Erlebnisorientierung steht ganz oben und als Folge sind Emotionen, bzw. deren Vermittlung sehr wichtig geworden. Ob diese Emotionen wirklich selbst gefühlte oder eher passiv wahrgenommene sind, ist dabei oft egal.</p>
<h2>Das menschliche Gehirn &amp; die Realität</h2>
<p><img class="alignnone size-full wp-image-972" title="Alle Größen  Attack of the Toutous (49th-52)  Flickr - Fotosharing!_www.flickr.com-photos-alexnormand-3115177384-sizes-l-in-photostream" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Alle-Gro%CC%88%C3%9Fen-Attack-of-the-Toutous-49th-52-Flickr-Fotosharing_www.flickr.com-photos-alexnormand-3115177384-sizes-l-in-photostream.jpg" alt="" width="592" height="231" /><br />
<span style="font-size: small;">(Quelle: <a href="http://www.flickr.com/photos/alexnormand/3115177384/" target="_blank">flickr, skippyjon</a>)</span></p>
<p>Um zu verstehen wie Emotionen auf uns / in uns wirken, ein Blick auf unseren Kopf: Das menschliche Gehirn ist ja durchaus sehr komplex, grob läßt es sich aber aufteilen in eine linke und rechte Hälfte. Der linken Seite werden Funktionen wie logisches, analytisches Denken und Sprache zugeordnet, der rechten Seite Kreativität, Emotionalität und räumliches Vorstellungsvermögen. Die rechte Seite bearbeitet alle Sinneseindrücke, sie denkt in Bildern. D.h. Bilder werden da aufgenommen, wo auch unsere Emotionen sitzen, während Texte meist sachlich verarbeitet werden, also vor allem in der linken Hälfte.</p>
<p>Der Mensch denkt, träumt, redet und erinnert sich in Bildern. Unsere Umwelt nehmen wir vor allem durch visuelle Eindrücke wahr. Als Folge produziert jeder Mensch in jeder Situation einen Vergleich zwischen dem inneren Gedächtnisbild und dem äußeren Wahrnehmungsbild (<em>„Ich nehme wahr, ich habe ein Bild“</em>). Dieser Bildvergleich ist ein Prozess, der nicht bewußt abstellbar ist. Zwischen dem inneren Bild und der Realität besteht somit eine <em>„magische Verwandtschaft“</em> (Schuster und Woschek, <a href="http://www.amazon.de/Nonverbale-Kommunikation-Bilder-Martin-Schuster/dp/3878440103/" target="_blank">Nonverbale Kommunikation durch Bilder</a>). Bilder werden wie die Realität wahrgenommen, obwohl sie nur einige Eigenschaften der Realität besitzen. Bilder können die Wirklichkeit sehr genau und objektiv wiedergeben; ein Abbild der Wirklichkeit schaffen.</p>
<h2>Eigenschaften von Bildern</h2>
<p>Als Folge unserer Wahrnehmung besitzen Bilder folgende Eigenschaften für uns:</p>
<ul>
<li>Hohe Kommunikationsgeschwindigkeit: Bilder sind das Erste, was wir – beispielweise bei einer Anzeige — wahrnehmen. In Bruchteilen von Sekunden haben wir Bildinhalte erfasst und sie für uns eingeordnet, Texte müssen erst gelesen und verstanden werden.</li>
<li>Hohe Anschaulichkeit &amp; Verständlichkeit: „Ein Bild sagt mehr als tausend Worte“ – Bilder wirken als Ganzes und werden parallel verarbeitet. Sie gelten als eine Form analoger Kommunikation. Dagegen läuft die Verarbeitung sprachlicher Information sequentiell ab. Hier wird die Botschaft linear vermittelt, und erst mit ihrem Abschluss fügen sich die Elemente zu einem Ganzen. Daher wirken Bilder im Vergleich zu Text sehr anschaulich und verständlich.</li>
<li>Hohe Erinnerungsrate: An einmal gesehene Bilder erinnern wir uns oft noch Jahre später. Aufgrund ihrer emotionalen Wirkung bleiben sie im Vergleich zu Texten länger und besser im Gedächtnis haften.</li>
<li>Subtile Übermittlung von Einstellungen &amp; Gefühlen: Bilder haben einen großen Erlebnis– und Unterhaltungswert. Das bedeutet auch, dass Bilder automatisch und unkontrollierbar emotionale Haltungen hervorrufen können. Bilder eignen sich somit besser als Texte zur Vermittlung emotionaler Erlebnisse.</li>
<li>Hohe Glaubwürdigkeit: Bilder erscheinen als besonders objektiv und manipulationsunverdächtig, insbesondere dann, wenn sie nur flüchtig wahrgenommen werden.</li>
</ul>
<blockquote><p>„Bilder sind schnelle Schüsse ins Gehirn!“<br />
<span style="font-size: small;"> (Kroeber-Riel, <a href="http://www.amazon.de/Bildkommunikation-Studienausgabe-Werner-Kroeber-Riel/dp/3800620405/" target="_blank">Bildkommunikation</a>)</span></p></blockquote>
<h2>Sehen statt Lesen</h2>
<p><img class="alignnone size-full wp-image-971" title="Alle Größen  Blue Eyes  Flickr - Fotosharing!_www.flickr.com-photos-77682540@N00-2623969513-sizes-z-in-photostream" src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Alle-Gro%CC%88%C3%9Fen-Blue-Eyes-Flickr-Fotosharing_www.flickr.com-photos-77682540@N00-2623969513-sizes-z-in-photostream.jpg" alt="" width="592" height="229" /><br />
<span style="font-size: small;">(Quelle: <a href="http://www.flickr.com/photos/77682540@N00/2623969513/" target="_blank">flickr, Ali Smiles</a> )</span></p>
<p>Das Informationsverhalten hat sich geändert: Die Konsumenten bevorzugen solche Informationen, die sich auf den ersten Blick aus der Informationsflut abheben und besonders schnell aufgenommen und gedanklich verarbeitet werden können. Das sind in erster Linie Bildinformationen.</p>
<p>Und der Kreislauf wird durch die bevorzugte Bildkommunikation in den Medien weiter angetrieben: Wir sehen mehr als dass wir lesen. In der Werbung wird nur noch selten sprachlich argumentiert, vielmehr werden die Produkte bildlich und unterhaltsam in Szene gesetzt. Die Sprache übernimmt in zunehmenden Maße nur noch Hilfsfunktion. Diese Vorherrschaft der Bildkommunikation wirkt sich auch auf die sprachliche Informationsvermittlung aus. Diese sind entsprechend den Strickmustern der Bildkommunikation in kleinen und handlichen Brocken darzubieten, aufreizend und unterhaltsam verpackt, schnell und leicht verständlich.<br />
<em><br />
Grundsätzlich werden medienübergreifend Bilder bevorzugt, sowohl von wenig als auch von stark involvierten Konsumenten.</em></p>
<blockquote><p>„Werbeprofessionalität ist deswegen vor allem Professionalität bei der Auswahl, Gestaltung und Verwendung von Bildern.“<br />
<span style="font-size: small;"> (Kroeber-Riel, <a href="http://www.amazon.de/Bildkommunikation-Studienausgabe-Werner-Kroeber-Riel/dp/3800620405/" target="_blank">Bildkommunikation</a>)</span></p></blockquote>
<h2>Konsequenzen</h2>
<p>Austauschbare Produkte und Leistungen, Informationsüberflutung und Emotionalisierung sind alles Gründe, die die Bedeutung von Bildern als Teil der Unternehmenskommunikation begünstigen, bzw. geradezu verlangen. Und die Eigenschaften von Bildern uns schnell und emotional anzusprechen tun ihr übriges.</p>
<p>Für Unternehmen bedeutet das, dass sich die angebotenen Leistungen nicht mehr hauptsächlich aufgrund von objektiven Eigenschaften auseinanderhalten lassen, sondern die Konsumenten sich sprichwörtlich „ein Bild“ machen.<br />
<em>Aufgrund der Eigenschaften von Bildern Emotionen zu wecken und ihrer hohen Erinnerungsrate sind sie bestens dafür geeignet um die Unternehmensidentität zu vermitteln und das Image zu beeinflussen.</em><br />
Die durch die Kommunikation enstandenen inneren Marken– und Firmenbilder sorgen vermehrt für die Angebotsdifferenzierung.</p>
<p>Für Großunternehmen bedeutet es Bilder(welten) zu finden, die durchgängig in allen Medien konsistent eingesetzt werden, um für eine hohe Wiedererkennung zu sorgen, wichtige emotionale Inhalte schnell zu transportieren und das Fremdbild entsprechend zu beeinflussen. Gelungene Beispiele sind der rauchende Cowboy, das Segelschiff mit den grünen Segeln oder lila Kuh. Ohne den Namen zu sehen, wissen wir (durch jahrelanges Training), welche Firmen dahinter stecken. Hier sollte der Einsatz von gleichartigen Bildern in der Unternehmenskommunikation strategisch geplant sein.</p>
<p>Bei klein– und mittelständischen Unternehmen, die nicht eine solch penetrante Werbestrategie einsetzen (können), sind passende Bilder aber auch ein wichtiges Element der Unternehmenskommunikation. Auch sie haben die Herausforderung mit Informationen überlastete Konsumenten anzusprechen und – ich pauschalisiere mal bewusst – auch für sie wird es wichtiger eine Gefühlswelt aufzubauen und zu entwickeln, die mit dem Unternehmen verbunden wird. Diese Gefühlswelt stellt sich zunehmend als vielleicht nicht einziges, aber zumindest mitentscheidendes Unterscheidungskriterium und damit entscheidender Wettbewerbsfaktor heraus.</p>
<p><em>Die emotionale Ansprache der Bezugsgruppen der Unternehmen gewinnt immer mehr an Bedeutung. Zur Erzeugung einer Gefühlswelt und Vermittlung emotionaler Konsumerlebnisse sind Bilder geradezu prädestiniert, da sie zum einen Emotionen wecken, als auch ein unzähliges Repertoire an Motiven zur Verfügung steht.</em></p>
<p><strong>Ausblick: </strong>Im nächsten Artikel der Serie geht um die Eigenschaften und Besonderheiten von Bildern auf Webseiten.</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/von-bildern-und-ihrer-wirkung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[Bilderwelten im Web]]></series:name>
	</item>
		<item>
		<title>Let’s play with the music: Faszinierende musikalische Interaktionen</title>
		<link>http://journal.hahnsinn.de/lets-play-with-the-music-faszinierende-musikalische-interaktionen/</link>
		<comments>http://journal.hahnsinn.de/lets-play-with-the-music-faszinierende-musikalische-interaktionen/#comments</comments>
		<pubDate>Wed, 28 Sep 2011 08:57:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Musik]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=719</guid>
		<description><![CDATA[Eine ganz andere Sorte von Webseiten, die eine besondere musikalische Interaktion erzeugen und den Spieltrieb herausfordern! Spannend, kurzweilig und unterhaltsam. Für irgendwas muss Flash ja gut sein! Cold War Kids Mein Highlight in dieser Aufzähung gleich als Erstes. Vier Musiker, &#8230; <a href="http://journal.hahnsinn.de/lets-play-with-the-music-faszinierende-musikalische-interaktionen/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>Eine ganz andere Sorte von Webseiten, die eine besondere musikalische Interaktion erzeugen und den Spieltrieb herausfordern! Spannend, kurzweilig und unterhaltsam. Für irgendwas muss Flash ja gut sein!</strong></p>
<h2>Cold War Kids</h2>
<p><a href="http://www.coldwarkids.com/iveseenenough/" target="_blank"><img class="alignnone size-full wp-image-720" title="Cold War Kids  'I've Seen Enough' video  Explore, re-create, enjoy._www.coldwarkids.com-iveseenenough" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/Cold-War-Kids-Ive-Seen-Enough-video-Explore-re-create-enjoy._www.coldwarkids.com-iveseenenough.png" alt="" width="592" height="227" /></a>Mein Highlight in dieser Aufzähung gleich als Erstes. Vier Musiker, vier Einstellungen, ein toller Song und immer wieder neue Arrangements!<br />
<a href="http://www.coldwarkids.com/iveseenenough/" target="_blank"> http://www.coldwarkids.com/iveseenenough/</a></p>
<h2>Whale Song</h2>
<p><a href="http://www.optuswhalesong.com.au/" target="_blank"><img title="Optus Whale Song_www.optuswhalesong.com.au" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/Optus-Whale-Song_www.optuswhalesong.com_.au_.png" alt="" width="592" height="258" /></a>Faszinierend!!! Es lassen sich Walgesänge mit Hilfe eines Orchesters erzeugen. Und der Wal reagiert darauf…<br />
Zwar eine Werbewebseite, aber extrem beeindruckend umgesetzt!<br />
<a href="http://www.optuswhalesong.com.au/" target="_blank"> http://www.optuswhalesong.com.au/</a></p>
<h2>Incredibox</h2>
<p><a href="http://www.incredibox.fr/" target="_blank"><img class="alignnone size-full wp-image-726" title="INCREDIBOX [ Official website ]_www.incredibox.fr" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/INCREDIBOX-Official-website-_www.incredibox.fr_.png" alt="" width="592" height="281" /></a>Lustige kurzweilige Jukebox. Verschiedene Instrumente, Effekte und Stimmen lassen sich immer wieder bunt zusammen mischen — Beatbox trifft a capella Band!<br />
<a href="http://www.incredibox.fr/" target="_blank">http://www.incredibox.fr/</a></p>
<p><span id="more-719"></span></p>
<h2>80ies still alive</h2>
<p><a href="http://www.arte.tv/makeme80s/?lang=de" target="_blank"><img class="alignnone size-full wp-image-721" title="ARTE - summer of the 80s_www.arte.tv-makeme80s-lang=de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/ARTE-summer-of-the-80s_www.arte_.tv-makeme80s-langde.png" alt="" width="592" height="255" /></a>Wer die 80er musikalisch mag, wird diese Jukebox mögen. Seinen eigenen 80er Jahre Hit remixen. Einzig ein paar mehr Soundstücke häten es sein können.<br />
<a href="http://www.arte.tv/makeme80s/?lang=de" target="_blank">http://www.arte.tv/makeme80s/?lang=de</a></p>
<h2>Sound of Hamburg</h2>
<p><a href="http://www.sounds-of-hamburg.de/" target="_blank"><img class="alignnone size-full wp-image-724" title="Sounds of Hamburg_www.sounds-of-hamburg.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/Sounds-of-Hamburg_www.sounds-of-hamburg.de_.png" alt="" width="592" height="252" /></a>„Millionen Talente, Drei Bühnen, Ein Komponist: Sie“, so weit der Einleitungstext. Hamburger Passanten „spielen“ die Musik, der User wählt die Instumente und das Stück aus. Eine besondere spannende Art der Interaktion.<br />
<a href="http://www.sounds-of-hamburg.de/" target="_blank"> http://www.sounds-of-hamburg.de/</a></p>
<h2>MTVNHD Experience</h2>
<p><a href="http://experience.mtvnhd.com/" target="_blank"><img class="alignnone size-full wp-image-727" title="MTVNHD Experience_experience.mtvnhd.com" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/MTVNHD-Experience_experience.mtvnhd.com_.png" alt="" width="592" height="326" /></a>Einmal DJ, Hip-Hoper und Metaller sein? Hier gehts! Witzig<br />
<a href="http://experience.mtvnhd.com/" target="_blank">http://experience.mtvnhd.com/</a><br />
Und als Bonbon: <a href="http://experience.mtvnhd.com/a6a445" target="_blank">http://experience.mtvnhd.com/a6a445</a></p>
<h2>Klangfarbe wörtlich genommen</h2>
<p><a href="http://www.klangfarbe.jot-pe.de/" target="_blank"><img class="alignnone size-full wp-image-728" title="klangfarbe - Ein synästhetisches Experiment_www.klangfarbe.jot-pe.de" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/klangfarbe-Ein-synästhetisches-Experiment_www.klangfarbe.jot-pe.de_.png" alt="" width="592" height="225" /></a>Außer Konkurrenz. Hier läßt sich der Farbton sprichwörtlich erzeugen und ansehen. „Ein synästhetisches Experiment“ nennt sich das Ganze. Anders und spannend, informativ und lehrreich. Mehr davon bitte!<br />
<a href="http://www.klangfarbe.jot-pe.de/" target="_blank">http://www.klangfarbe.jot-pe.de/</a></p>
<h2>Der Klassiker: Kraftwerk</h2>
<p><a href="http://kraftwerk.com/" target="_blank"><img class="alignnone size-full wp-image-730" title="kraftwerk.com_kraftwerk.com-#" src="http://journal.hahnsinn.de/wp-content/uploads/2011/07/kraftwerk.com_kraftwerk.com-1.png" alt="" width="592" height="228" /></a>Ja, was wäre die Musikgeschichte ohne Kraftwerk? Keine Ahnung, ist auch egal, solange es diese Webseite gibt. Einfach, minimalistisch wie die Sounds. „Boing Boom Tschak“ , „The Robots“ und der „Pocketcalculator“ lassen jedes elektronische Herz höher schlagen… Must see<br />
<a href="http://kraftwerk.com/" target="_blank">http://kraftwerk.com/</a> (-&gt; Music/Video)</p>
<p> </p>
<p>Viel Spaß beim ausprobieren!</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/lets-play-with-the-music-faszinierende-musikalische-interaktionen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FAIL: Unscharfe Portraits</title>
		<link>http://journal.hahnsinn.de/fail-intro-unscharfe-portraits/</link>
		<comments>http://journal.hahnsinn.de/fail-intro-unscharfe-portraits/#comments</comments>
		<pubDate>Mon, 26 Sep 2011 14:34:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Intro]]></category>
		<category><![CDATA[Porträit]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=869</guid>
		<description><![CDATA[Startseite eines Immobilienmaklers. Elf (in Worten: elf) Portraits (der Immobilienmakler!?). ALLE unscharf. Dazu noch ein Schlagschatten. Und im Hintergund eine nicht viel schärfere in Duplexton gehaltene Bildmontage. Der Gesamteindruck hat etwas trashiges! Leider hab ich den Link zur Seite nicht &#8230; <a href="http://journal.hahnsinn.de/fail-intro-unscharfe-portraits/">Weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://journal.hahnsinn.de/wp-content/uploads/2011/08/Bildschirmfoto-2011-07-27-um-14.29.56.jpg" alt="" title="Bildschirmfoto 2011-07-27 um 14.29.56" width="592" height="235" class="alignnone size-full wp-image-870" /><br />
Startseite eines Immobilienmaklers. Elf (in Worten: elf) Portraits (der Immobilienmakler!?). ALLE unscharf. Dazu noch ein Schlagschatten. Und im Hintergund eine nicht viel schärfere in Duplexton gehaltene Bildmontage. Der Gesamteindruck hat etwas trashiges! Leider hab ich den Link zur Seite nicht mehr. Daumen runter!</p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/fail-intro-unscharfe-portraits/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zitat: „…dass es irgend­je­mand erfährt…“</title>
		<link>http://journal.hahnsinn.de/612/</link>
		<comments>http://journal.hahnsinn.de/612/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 15:05:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Zitat]]></category>
		<category><![CDATA[Datenschutz]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://journal.hahnsinn.de/?p=612</guid>
		<description><![CDATA[„Wenn es etwas gibt, von dem Sie nicht wollen, dass es irgendjemand erfährt, sollten Sie es vielleicht ohnehin nicht tun.“ Eric Schmidt (bis April 2011 Chief Executive Officer von Google)]]></description>
			<content:encoded><![CDATA[<p>„Wenn es etwas gibt, von dem Sie nicht wollen, dass es irgendjemand erfährt, sollten Sie es vielleicht ohnehin nicht tun.“</p>
<p style="text-align: right;"><span style="font-size: small;">Eric Schmidt (bis April 2011 Chief Executive Officer von Google)</span></p>
]]></content:encoded>
			<wfw:commentRss>http://journal.hahnsinn.de/612/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

