<?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/"
	>

<channel>
	<title>VividVisions &#187; Design</title>
	<atom:link href="http://www.vividvisions.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vividvisions.com</link>
	<description>information design</description>
	<lastBuildDate>Wed, 19 May 2010 19:42:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Designing The Vienna Project</title>
		<link>http://www.vividvisions.com/2009/07/26/designing-the-vienna-project/</link>
		<comments>http://www.vividvisions.com/2009/07/26/designing-the-vienna-project/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 20:37:11 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[agent]]></category>
		<category><![CDATA[August]]></category>
		<category><![CDATA[Austria]]></category>
		<category><![CDATA[Bond]]></category>
		<category><![CDATA[citizen]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Designing]]></category>
		<category><![CDATA[fellow]]></category>
		<category><![CDATA[flashlight]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[gameIf]]></category>
		<category><![CDATA[James Bond]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[LARP]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[mission]]></category>
		<category><![CDATA[movies]]></category>
		<category><![CDATA[night]]></category>
		<category><![CDATA[paper]]></category>
		<category><![CDATA[place]]></category>
		<category><![CDATA[Project]]></category>
		<category><![CDATA[roman mittermayr]]></category>
		<category><![CDATA[series]]></category>
		<category><![CDATA[Social]]></category>
		<category><![CDATA[spy]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[tvp09]]></category>
		<category><![CDATA[Vienna]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=699</guid>
		<description><![CDATA[The game If you live in Austria and are a fellow citizen of the Social Web, then you probably have already heard of The Vienna Project, a LARP spy game which will take place in Vienna on 22nd of August. Until then, interested parties have to solve a series of riddles in order to be [...]]]></description>
			<content:encoded><![CDATA[<h2>The game</h2>
<p>If you live in Austria and are a fellow citizen of the Social Web, then you probably have already heard of <a href="http://www.theviennaproject.com/">The Vienna Project</a>, a <acronym title="Live Action Role Playing">LARP</acronym> spy game which will take place in Vienna on 22<sup>nd</sup> of August. Until then, interested parties have to solve a series of riddles in order to be recruited as one of 16 “agents”, who will then participate in the game with the mission to unravel the mystery of a vanished colleague.</p>
<p>The game is mostly organised and promoted via social networks like <a href="http://search.twitter.com/search?q=%23tvp09">Twitter</a> and <a href="http://www.facebook.com/tvp09">Facebook</a> by its creator <a href="http://mittermayr.com/">Roman Mittermayr</a> and his team, all in their free time. Although I&#8217;ve never played a single <acronym title="Live Action Role Playing">LARP</acronym> game, this one kept my interest and I was looking forward to the unveiling of the official website:</p>
<p><img class="size-full wp-image-717 alignnone" title="Old screenshot of theviennaproject.com " src="http://www.vividvisions.com/wp-content/uploads/2009/07/tvp09_screenshot.jpg" alt="Old screenshot of theviennaproject.com " width="500" height="387" /></p>
<p>I must say, while I really liked the image of the hatted agent, the website just wasn&#8217;t what I had expected. But a few minutes later, <a href="http://twitter.com/mittermayr/status/2496527687">Roman twittered</a>:</p>
<blockquote><p>“And pls don&#8217;t destroy me on usability, design or the small font-size <img src='http://www.vividvisions.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Do a new awesome design for free and I&#8217;ll make you god for a day.”</p></blockquote>
<p>Having had a few hours on my hands, I didn&#8217;t need to be told twice.</p>
<h2>The inspiration</h2>
<p>To get myself into the right mood, I compiled a playlist of a few suitable film scores and started to scribble.</p>
<p><img title="Inspiration" src="http://www.vividvisions.com/wp-content/uploads/2009/07/tvp09_inspiration.jpg" alt="Album covers of music I used as an inspiration for the design" width="500" height="225" /></p>
<p>Being a huge fan of spy movies (especially those with Bond, James Bond), I wrote down a few attributes I like about them in particular: Secrecy, puzzles, suspense, action, deception, &#8230; Now I had to decide which ones I could incorporate into the design within the limited time at my disposal.</p>
<h2>The design</h2>
<p>I wanted to give the viewers the feeling of already being part of the game, so I created a scene, where they slip into the role of an agent who&#8217;s browsing through confidental documents in darkness, using a flashlight. To add atmosphere, the light can be moved with the mouse on the start page.</p>
<p>The Austrian passport was added as tribute to another characteristic I love about spy movies: The numerous locations shown. Bond, for example, travels halfway across the world in the course of a single mission.</p>
<p><a href="http://www.theviennaproject.com/"><img class="size-full wp-image-720 alignnone" title="New design of theviennaproject.com" src="http://www.vividvisions.com/wp-content/uploads/2009/07/tvp_screenshot_new_1.jpg" alt="New design of theviennaproject.com" width="500" height="412" /></a></p>
<p><a href="http://www.theviennaproject.com/"><img class="size-full wp-image-721 alignnone" title="New design of theviennaproject.com" src="http://www.vividvisions.com/wp-content/uploads/2009/07/tvp_screenshot_new_2.jpg" alt="New design of theviennaproject.com 2" width="500" height="412" /></a></p>
<h2>The resources</h2>
<p>Providing a layout for free is one thing, having to pay for the necessary graphical material out of your own pocket is another. <img src='http://www.vividvisions.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  Luckily, <a href="http://www.sxc.hu/">SXC</a> proved to be a valuable resource for royalty-free photos for this project. A big thank you to:</p>
<ul>
<li><strong> </strong><a href="http://www.sxc.hu/profile/slafko">slafko</a> for the <a href="http://www.sxc.hu/photo/799457">folder</a><a href="http://www.sxc.hu/profile/slafko"></a>.</li>
<li><a href="http://www.sxc.hu/profile/rodnem">rodnem</a> for the <a href="http://www.sxc.hu/photo/463417">white paper</a>.</li>
<li><a href="http://www.sxc.hu/profile/Dippes">Dippes</a> for the <a href="http://www.sxc.hu/photo/1191859">paper with lines</a>.</li>
<li><a href="http://www.sxc.hu/profile/Scyza">Scyza</a> for the <a href="http://www.sxc.hu/photo/854924">Polaroid picture.</a></li>
<li><a href="http://www.sxc.hu/profile/alaahammou">alaahammou</a> for the <a href="http://www.sxc.hu/photo/256909">light effect</a> (used as reflection on the iPhone).</li>
</ul>
<p>For the moving flashlight on the start page, I used a <acronym title="Portable Network Graphics">PNG</acronym> image, a few lines of JavaScript (on top of <a href="http://jquery.com/">jQuery</a>) and <acronym title="Cascading Style Sheets">CSS</acronym>. No Flash.</p>
<h2>The reactions</h2>
<p><a href="http://twitter.com/mittermayr/status/2554003214"><img class="size-full wp-image-739 alignnone" title="Roman's tweet: WOW! Walter from @VividVisions (follow!!!) did an outstanding job on re-designing the #tvp09 website, more soon. This is seriously perfect!" src="http://www.vividvisions.com/wp-content/uploads/2009/07/tvp09_kudos.png" alt="Roman's tweet: WOW! Walter from @VividVisions (follow!!!) did an outstanding job on re-designing the #tvp09 website, more soon. This is seriously perfect!" width="500" height="280" /></a></p>
<p>I received a lot of positive feedback on the redesign like the one above. Thank you!!<br />
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/09/18/do-you-speak-english/" rel="bookmark" title="18. Sep 08">Do you speak English?</a></li>
<li><a href="http://www.vividvisions.com/2008/09/26/creative-business-card-design/" rel="bookmark" title="26. Sep 08">Creative business card design</a></li>
<li><a href="http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/" rel="bookmark" title="12. Dez 08">Creative Commons icons as custom shapes for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2008/12/09/my-favourite-iphone-applications-so-far/" rel="bookmark" title="09. Dez 08">My favourite iPhone applications (so far)</a></li>
<li><a href="http://www.vividvisions.com/2008/04/21/web-entwicklung-mit-safari/" rel="bookmark" title="21. Apr 08">Web-Entwicklung mit Safari</a></li>
</ul>
<p><!-- Similar Posts took 24.949 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2009/07/26/designing-the-vienna-project/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2009/07/26/designing-the-vienna-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The new Firefox logo: Small changes, big impact</title>
		<link>http://www.vividvisions.com/2009/06/21/the-new-firefox-logo-small-changes-big-impact/</link>
		<comments>http://www.vividvisions.com/2009/06/21/the-new-firefox-logo-small-changes-big-impact/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 14:15:20 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Anthony Piraino]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[iconfactory]]></category>
		<category><![CDATA[Logo]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=653</guid>
		<description><![CDATA[The upcoming 3.5 version of Firefox will feature a revised logo, which I just love. It was created by Anthony Piraino, icon artist at The Iconfactory, and is based on conceptual artwork by Stephen Horlander and sketches by Jon Hicks, who created the original logo in 2004. Don&#8217;t you just love the smoother fox and [...]]]></description>
			<content:encoded><![CDATA[<p>The upcoming 3.5 version of <a href="http://www.mozilla-europe.org/en/firefox/">Firefox</a> will feature a revised logo, which I just love. It was created by <a href="http://onebuttonmouse.com/">Anthony Piraino</a>, icon artist at <a href="http://iconfactory.com/">The Iconfactory</a>, and is based on conceptual artwork by <a href="http://blog.mozilla.com/faaborg/2009/05/17/new-firefox-icon-concept-rendering-by-stephen-horlander/">Stephen Horlander</a> and sketches by <a href="http://www.hicksdesign.co.uk/">Jon Hicks</a>, who created the original logo in 2004.</p>
<p style="text-align: center;"><img class="size-full wp-image-654  alignnone" title="Firefox logos" src="http://www.vividvisions.com/wp-content/uploads/2009/06/firefox-logos.jpg" alt="Firefox logos" width="500" height="739" /></p>
<p>Don&#8217;t you just love the smoother fox and the 3D effect on its tail? <span>I could look at it all day! <img src='http://www.vividvisions.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /><br />
</span></p>
<p>For more information about the design process and the <a href="http://people.mozilla.com/~faaborg/files/20090515-creativeBrief/creativeBrief-i1-wm.png_large.png">creative brief</a> (<span>worth seeing!)</span>, read the <a href="http://blog.mozilla.com/faaborg/2009/06/18/the-new-firefox-icon/">blog of Alex Faaborg</a>, principal designer at Mozilla. You can download the new logo in various formats at the <a href="https://wiki.mozilla.org/Firefox3.5/Logos">Mozilla Wiki</a>.<br />
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/01/05/netscape-navigator-ein-nachruf/" rel="bookmark" title="05. Jan 08">Netscape Navigator &#8211; Ein Nachruf</a></li>
<li><a href="http://www.vividvisions.com/2008/06/21/neue-tricks-fur-einen-alten-fuchs/" rel="bookmark" title="21. Jun 08">Neue Tricks für einen alten Fuchs</a></li>
<li><a href="http://www.vividvisions.com/2007/07/19/link-prefetching-im-firefox-und-wie-man-es-deaktiviert/" rel="bookmark" title="19. Jul 07">Link Prefetching im Firefox (und wie man es deaktiviert)</a></li>
<li><a href="http://www.vividvisions.com/2008/04/21/web-entwicklung-mit-safari/" rel="bookmark" title="21. Apr 08">Web-Entwicklung mit Safari</a></li>
<li><a href="http://www.vividvisions.com/2008/01/10/vielfalt-zum-browsen-gehen/" rel="bookmark" title="10. Jan 08">Vielfalt zum browsen gehen</a></li>
</ul>
<p><!-- Similar Posts took 8.360 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2009/06/21/the-new-firefox-logo-small-changes-big-impact/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2009/06/21/the-new-firefox-logo-small-changes-big-impact/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Check: oevp.at</title>
		<link>http://www.vividvisions.com/2009/04/29/website-check-oevp-at/</link>
		<comments>http://www.vividvisions.com/2009/04/29/website-check-oevp-at/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 09:17:51 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Web standards]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Balken]]></category>
		<category><![CDATA[Barack Obama]]></category>
		<category><![CDATA[Barrierefrei]]></category>
		<category><![CDATA[Barrierefreiheit]]></category>
		<category><![CDATA[Beispiel]]></category>
		<category><![CDATA[beratung]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[consulting]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Fehler]]></category>
		<category><![CDATA[Form]]></category>
		<category><![CDATA[Hauptmenü]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Inhalt]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[Menü]]></category>
		<category><![CDATA[oevp]]></category>
		<category><![CDATA[oscar wilde]]></category>
		<category><![CDATA[Österreich]]></category>
		<category><![CDATA[Österreichische Volkspartei]]></category>
		<category><![CDATA[övp]]></category>
		<category><![CDATA[Politik]]></category>
		<category><![CDATA[style sheets]]></category>
		<category><![CDATA[stylesheets]]></category>
		<category><![CDATA[Thema]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[validierung]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Website Check]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=565</guid>
		<description><![CDATA[Vor kurzem wurde mit großem Tamtam die neue „Homepage”, sie meinten eigentlich „Website” (Warum?), der Österreichischen Volkspartei vorgestellt. Nachdem die Politik in Österreich dem Thema Web etwas hinterher hinkt, war ich sehr gespannt auf das Ergebnis des Neustarts. Zeit für ein bisschen gratis Consulting in Form eines Website Checks. Generelles Design Dass die neue Optik [...]]]></description>
			<content:encoded><![CDATA[<p>Vor kurzem wurde mit großem Tamtam die neue „Homepage”, sie meinten eigentlich „Website” (<a href="http://de.wikipedia.org/wiki/Homepage">Warum?</a>), der <a href="http://www.oevp.at/">Österreichischen Volkspartei</a> vorgestellt. Nachdem die Politik in Österreich dem Thema Web etwas hinterher hinkt, war ich sehr gespannt auf das Ergebnis des Neustarts. Zeit für ein bisschen gratis Consulting in Form eines Website Checks.</p>
<h2>Generelles Design</h2>
<p>Dass die neue Optik der Website ziemlich <a href="http://www.barackobama.com/">obamaesk</a> anmutet, ist <a href="http://search.twitter.com/search?q=oevp+OR+övp+obama">nicht nur mir</a> aufgefallen, auch in das <a href="http://www.designtagebuch.de/obamania-bei-der-oevp/">Design Tagebuch</a> hat sie es deswegen geschafft. Gut, sich die überaus erfolgreiche Online-Kampagne von Herrn Obama als Vorbild zu nehmen ist jetzt sicherlich nicht verkehrt, nicht zuletzt, weil ja Nachahmung laut <a href="http://de.wikipedia.org/wiki/Oscar_Wilde">Oscar Wilde</a> die höchste Form der Anerkennung sein soll. Der Nachteil solcher großen Fußstapfen ist halt nur, dass man dann auch dem Vergleich standhalten muss, was aber meiner Meinung nach hier nicht der Fall ist.</p>
<p><img class="size-full wp-image-576 alignnone image-border" title="Vergleich oevp.at und barackobama.com" src="http://www.vividvisions.com/wp-content/uploads/2009/04/oevp_vergleich.jpg" alt="Vergleich oevp.at und barackobama.com" width="500" height="192" /></p>
<p>Das Design wirkt auf mich generell unruhig und unstimmig. Im Gegensatz zum „Original” präsentiert es sich nicht aufgeräumt, die einzelnen Elemente sind teilweise zu dicht gedrängt. Ein optisches Ungleichgewicht entsteht auch durch die zentrale Ausrichtung mit den rechtslastigen (internen) Werbebannern.</p>
<h2>Web-Standards</h2>
<p>Die Umsetzung eines Designs mittels standardkonformer <acronym title="(eXtensible) HyperText Markup Language">(X)HTML</acronym> und <acronym title="Cascading Style Sheets">CSS</acronym> ist das Fundament einer professionellen und zeitgemäßen Website. Eine Prüfung mit verschiedenen Validierungs-Tools zeigt hier leider einige Fehler, sogar der RSS-Feed entspricht nicht den Vorgaben.</p>
<p>Ob dies nun ein Indiz dafür ist, wie gut sich diese Partei an Regeln halten kann, sei dahingestellt <img src='http://www.vividvisions.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> , die handvoll Fehler im XHTML-Quellcode könnten jedenfalls leicht ausgebessert werden. Die Herausforderung liegt hier auch darin, die Standardkonformität auch über längere Zeit aufrecht zu erhalten. Laut <a href="http://www.kollermedia.at/archive/2009/04/15/die-neue-ovp-website/">Jürgen Koller von Kollermedia.at</a> waren es auch schon mal viel mehr Fehler, es wird also fleissig daran gefeilt.</p>
<p id="firstHeading" class="firstHeading">Aber auch in den Style Sheets gibt es noch hauptsächlich Flüchtigkeitsfehler. Nur ein paar Anweisungen, die nur der Internet Explorer versteht, sollten verschwinden oder, wenn es denn wirklich sein muss, zumindest über <a href="http://de.wikipedia.org/wiki/Conditional_Comments">Conditional Comments</a> vor anderen Browsern (und anderen Betrachtungssystemen) versteckt werden.</p>
<p>Übrigens, nur um der Gerechtigkeit genüge zu tun: Barack Obamas Website ist auch größtenteils nicht standardkonform.</p>
<h2>Accessibility</h2>
<p><img class="size-full wp-image-577 alignright image-border" title="oevp.at Menü" src="http://www.vividvisions.com/wp-content/uploads/2009/04/oevp_menue.jpg" alt="oevp.at Menü" width="160" height="277" /></p>
<p>Auch in Bezug auf die Barrierefreiheit ist die Website oevp.at noch nicht da, wo sie eigentlich sein sollte. Eine Prüfung nach den <acronym title="Web Accessibility Initiative">WAI</acronym>-Richtlinen ergibt wieder einige Fehler. Eine der Faustregeln für Barrierearmut lautet außerdem, dass die Website auch ohne Einsatz von Style Sheets und JavaScript logisch erfassbar und verwendbar sein sollte. Deaktiviere ich beides, erhalte ich leider nur recht unstrukturierte Inhalte und unnötige Elemente, wie zum Beispiel einige leere Buttons auf der Startseite.</p>
<p>Auch störend ist die relativ kleine Schriftart im Hauptmenü und das halbtransparente Untermenü, wo sogar ich mit meiner 3/4 Dioptrie Probleme habe, die einzelnen Punkte sofort zu erfassen. Der Farbkontrast könnte an manchen Stellen auch ruhig stärker sein.</p>
<p>Zwar gibt es auf der Website eine Funktion zur Vergrößerung der Schrift, nur nutzt diese wenig, wenn zum Beispiel das Hauptmenü oder der Fußteil davon gänzlich unbeindruckt bleiben oder das Layout so starr gebaut wurde, dass ich dann lauter Scrollbalken habe, weil die Inhalte sprichwörtlich ihren Rahmen sprengen. Mittlerweile bieten alle gängigen Browser (und auch Betriebssysteme) Benutzungshilfen, wie zum Beispiel Vergrößerungen, an, die wesentlich effektiver arbeiten, als die Funktion auf der Website.</p>
<p><img class="size-full wp-image-583 alignnone image-border" title="oevp.at bei großer Schriftgröße" src="http://www.vividvisions.com/wp-content/uploads/2009/04/oevp_schriftgroesse.jpg" alt="oevp.at bei großer Schriftgröße" width="481" height="487" /></p>
<h2>Usability</h2>
<p>Hier gäbe es jede Menge Verbesserungspotenzial. Hier nur einige Punkte:</p>
<h3>Links</h3>
<p>Es wird sehr schnell deutlich, dass es kein durchgängiges Konzept für Links gibt. Bei den Teasern ist unintuitiver Weise der Inhalt der Link zum ganzen Artikel, dann gibt es anderswo wieder blaue Links, dann sind sie wieder grau&#8230; Alles in allem nicht durchdacht und verwirrend. Die Grundregel aus Sicht des Besuchers „<a href="http://www.amazon.de/gp/product/0321344758?ie=UTF8&amp;tag=vividv-21&amp;linkCode=as2&amp;camp=1638&amp;creative=6742&amp;creativeASIN=0321344758">Don&#8217;t make me think!</a>” wurde hier leider nicht beachtet.</p>
<p><img class="size-full wp-image-581 alignnone image-border" title="Links auf oevp.at" src="http://www.vividvisions.com/wp-content/uploads/2009/04/oevp_links.jpg" alt="Links auf oevp.at" width="500" height="701" /></p>
<h3>Navigation</h3>
<p>Ein weiteres Manko ist, dass ich weder durch eine optisches Kennzeichnung im Menü, noch über den (nicht vorhandenen!) Seitentitel, noch über eine sprechende <acronym title="Uniform Resource Locator">URL</acronym> erfahre, wo in der Struktur ich mich gerade befinde. Der einzige zarte Hinweis ist der große Balken, wo die Überschrift des Hauptmenüpunktes steht, die aber teilweise auch inkonsequent ist („Politik” im Hauptmenü heißt „Themen” im Balken). Wozu überhaupt dieser Balken? Ein Menü mit Hervorhebungen löst den Balken ab und ich spare jede Menge Platz für Inhalte.</p>
<p><img class="size-full wp-image-585 alignnone image-border" title="oevp.at Header" src="http://www.vividvisions.com/wp-content/uploads/2009/04/oevp_header.jpg" alt="oevp.at Header" width="500" height="324" /></p>
<p>Mag auch sein, dass Herr Pröll wichtiger ist als andere Teammitglieder, ihm aber einen eigenen Hauptmenüpunkt zu widmen, obwohl seine Seite sowieso unter dem Menüpunkt „Team” zu finden ist, zerstört die Logik der Navigation. Shortcuts sollte man anders gestalten und ein Menü stets die Seitenstruktur abbilden.</p>
<h3>Top Stories mit Passwort</h3>
<p>Ein Highlight ist auch, dass ich vom Firefox jedesmal gefragt werde, ob ich mein Passwort speichen möchte, wenn ich mich auf der Startseite durch die „Top Stories” klicken möchte. Offenbar wird hier gleich jedes Mal das davon eigentlich unabhängige Login-Formular mitgeschickt.</p>
<h3>RSS Feed</h3>
<p>Wenn ich schon einen RSS Feed anbiete, dann sollte dieser auch über entsprechende Meta-Tags eingebunden werden, damit auch Browser und andere Tools wissen, dass dieser existiert und ein Abonnement kinderleicht wird, weil man nicht auf der Seite nach etwaigen Icons suchen muss.</p>
<h3>Sprechende URLs</h3>
<p>Sprechende URLs, also zum Beispiel oevp.at/links/teilorganisationen statt oevp.at/links/index.aspx?pageid=38038, machen die Website sowohl für Menschen als auch Maschinen weitaus nutzbarer.</p>
<h2>Suchmaschinenoptimierung</h2>
<p>Die ÖVP möchte offenbar auch nicht gut gefunden werden. Meta-Tags für Stichworte und Kurzbeschreibung fehlen komplett, viel schlimmer ist aber, dass der Titel ausnahmslos „Die Österreichische Volkspartei” lautet, egal auf welcher Seite ich mich befinde. So etwas gefällt Google und Co. überhaupt nicht, den menschlichen Betrachtern übrigens noch viel weniger.</p>
<p>Der tatsächliche Beitrag von sprechenden URLs zur Suchmaschinenoptimierung ist zwar umstritten, unterschätzen würde ich ihn aber auf keinen Fall.</p>
<h2>Web 2.0</h2>
<p>Die selbst proklamierte Web 2.0-Tauglichkeit beschränkt sich auf Links zu einer handvoll ÖVP-Blogs und etablierten Plattformen, wie zum Beispiel <a href="http://www.youtube.com/oevpvideos">YouTube</a>, <a href="http://www.flickr.com/photos/oevp/collections/">Flickr</a> oder <a href="http://www.facebook.com/pages/Wien-Austria/OVP/15078244418">Facebook</a>. Die Möglichkeit Beiträge auf der Website zu kommentieren gibt es derzeit noch nicht, laut Fritz Kaltenegger, Generalsekretär der ÖVP, wird das aber zeitgleich mit der Veröffentlichung des neuen Parteiprogramms möglich sein (Quelle: <a href="http://derstandard.at/?url=/?id=1237229956942">derStandard.at</a>).</p>
<p>Auf die einzelnen Blogs möchte ich hier gar nicht näher eingehen, das hat schon <a href="http://wissenbelastet.com/2009/04/15/die-oevp-die-neue-homepage-und-die-alten-blogs/">Max Kossatz auf Wissenbelastet.com</a> ausführlich erledigt.</p>
<p>Ein kurzer Blick auf YouTube und Flickr verrät: Viel mehr als Videos von Pressekonferenzen oder Fotos von pressewirksam händeschüttelnden Grinsekatzen gibt es dort nicht. Spektakuläre Betrachungszahlen offenbar deswegen auch nicht.</p>
<p>Die Facebook Fanpage wird hauptsächlich als Aggregator verwendet, woran es jetzt prinzipiell nichts auszusetzen gibt. Wie aktiv die ÖVP dort um einen Dialog mit den knapp 800 Fans bemüht ist, kann ich schwer beurteilen. Offizielle Reaktionen auf die ohnehin spärlichen Kommentare von Besuchern scheint es jedenfalls nicht zu geben.</p>
<h2>Fazit</h2>
<p>Hier wurde eine große Chance vertan. Abgesehen von den technischen Mängeln: Im Web 2.0 geht es um Authentizität und Dialog. Der neuen Website fehlt es an beidem. Einen großartigen Mehrwert im Vergleich zur alten Version erschließt sich für mich eigentlich nicht.</p>
<p>Dass die Website eine „100%ige Eigenproduktion der ÖVP” ist, halte ich prinzipiell für eine gute Sache, bei so einem Projekt kann man viel lernen. Dass das Ergebnis der Mühen und sicherlich unzähligen Stunden der freiwilligen „Bastler” offenbar mangels professioneller Beratung nicht optimal ist, finde ich äußerst schade.</p>
<p>Auf mich wirkt die Website jedenfalls unprofessionell. Und gepaart mit dem Tamtam rund um die Veröffentlichung macht es für mich den Eindruck, als hätte die ÖVP das Medium Web und dessen Potenzial noch nicht ganz verstanden.</p>
<p>Ich bin jedenfalls gespannt, wie sehr die Partei ihre „Homepage” in nächster Zeit noch verbessern wird.<br />
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/05/04/beduerfnispyramide-eines-website-besuchers/" rel="bookmark" title="04. Mai 08">Bedürfnispyramide eines Website-Besuchers</a></li>
<li><a href="http://www.vividvisions.com/2007/07/19/link-prefetching-im-firefox-und-wie-man-es-deaktiviert/" rel="bookmark" title="19. Jul 07">Link Prefetching im Firefox (und wie man es deaktiviert)</a></li>
<li><a href="http://www.vividvisions.com/2008/02/28/mutig-in-die-neuen-zeiten/" rel="bookmark" title="28. Feb 08">Mutig in die neuen Zeiten</a></li>
<li><a href="http://www.vividvisions.com/2008/07/21/loungefm-danke-fluid-ohne-browser-geniessen/" rel="bookmark" title="21. Jul 08">LoungeFM dank Fluid ohne Browser genießen</a></li>
<li><a href="http://www.vividvisions.com/2007/08/23/freewave-wird-internationaler/" rel="bookmark" title="23. Aug 07">Freewave wird internationaler</a></li>
</ul>
<p><!-- Similar Posts took 69.725 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2009/04/29/website-check-oevp-at/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2009/04/29/website-check-oevp-at/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The Flying Spaghetti Monster as custom shape for Photoshop</title>
		<link>http://www.vividvisions.com/2009/01/28/the-flying-spaghetti-monster-as-custom-shape-for-photoshop/</link>
		<comments>http://www.vividvisions.com/2009/01/28/the-flying-spaghetti-monster-as-custom-shape-for-photoshop/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 18:47:14 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[christ]]></category>
		<category><![CDATA[christianity]]></category>
		<category><![CDATA[custom shape]]></category>
		<category><![CDATA[custom shapes]]></category>
		<category><![CDATA[flying spaghetti monster]]></category>
		<category><![CDATA[fsm]]></category>
		<category><![CDATA[jesus]]></category>
		<category><![CDATA[ramen]]></category>
		<category><![CDATA[religion]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=520</guid>
		<description><![CDATA[Have you ever wanted to include the likeness of the Flying Spaghetti Monster in your artwork? Just download the custom shapes I created and  go in peace to love and serve the FSM. RAmen! Similar posts: Creative Commons icons as custom shapes for Photoshop RSS icons as custom shapes for Photoshop Comment on this post.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.vividvisions.com/wp-content/uploads/2009/01/fsm.csh"><img class="size-full wp-image-518 alignnone" title="Flying Spaghetti Monster as Photoshop custom shapes" src="http://www.vividvisions.com/wp-content/uploads/2009/01/fsm_custom_shapes.jpg" alt="Flying Spaghetti Monster as Photoshop custom shapes" width="498" height="393" /></a></p>
<p>Have you ever wanted to include the likeness of the <a href="http://www.venganza.org/">Flying Spaghetti Monster</a> in your artwork? Just <a href="http://www.vividvisions.com/wp-content/uploads/2009/01/fsm.csh">download the custom shapes</a> I created and  g<span>o in peace to love and serve the FSM.</span> RAmen! <img src='http://www.vividvisions.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /><br />
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/" rel="bookmark" title="12. Dez 08">Creative Commons icons as custom shapes for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2008/12/13/rss-icons-as-custom-shapes-for-photoshop/" rel="bookmark" title="13. Dez 08">RSS icons as custom shapes for Photoshop</a></li>
</ul>
<p><!-- Similar Posts took 4.081 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2009/01/28/the-flying-spaghetti-monster-as-custom-shape-for-photoshop/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2009/01/28/the-flying-spaghetti-monster-as-custom-shape-for-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RSS icons as custom shapes for Photoshop</title>
		<link>http://www.vividvisions.com/2008/12/13/rss-icons-as-custom-shapes-for-photoshop/</link>
		<comments>http://www.vividvisions.com/2008/12/13/rss-icons-as-custom-shapes-for-photoshop/#comments</comments>
		<pubDate>Sat, 13 Dec 2008 22:38:22 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[custom shape]]></category>
		<category><![CDATA[custom shapes]]></category>
		<category><![CDATA[Download]]></category>
		<category><![CDATA[File]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[orange]]></category>
		<category><![CDATA[PSD]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[shape]]></category>
		<category><![CDATA[vector]]></category>
		<category><![CDATA[Version]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=427</guid>
		<description><![CDATA[Over at feedicons.com, you can download the well-established icon for RSS feeds in different sizes, colours and formats. Unfortunately, their PSD files are just rendered images, so I created a custom shape set for you to play with. You can download it here. Also, I recreated the orange version of the icon just by using [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.vividvisions.com/wp-content/uploads/2008/12/rss-icons.csh"><img class="size-full wp-image-429 alignnone" title="RSS icons as custom shapes for Photoshop" src="http://www.vividvisions.com/wp-content/uploads/2008/12/rss_custom_shapes.jpg" alt="RSS icons as custom shapes for Photoshop" width="498" height="393" /></a></p>
<p>Over at <a href="http://feedicons.com">feedicons.com</a>, you can download the well-established icon for RSS feeds in different sizes, colours and formats. Unfortunately, their PSD files are just rendered images, so I created a custom shape set for you to play with. You can <a href="http://www.vividvisions.com/wp-content/uploads/2008/12/rss-icons.csh">download it here</a>.</p>
<p>Also, I recreated the orange version of the icon just by using these shapes and a few layer styles. <a href="http://www.vividvisions.com/wp-content/uploads/2008/12/feedicon_128x128.psd">Download the PSD file here</a>.</p>
<p style="text-align: center;"><a href="http://www.vividvisions.com/wp-content/uploads/2008/12/feedicon_128x128.psd"><img class="size-full wp-image-430 alignnone" title="RSS Feed icon 128 x 128 pixels" src="http://www.vividvisions.com/wp-content/uploads/2008/12/feedicon_128x128.gif" alt="RSS Feed icon 128 x 128 pixels" width="128" height="128" /></a></p>
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/" rel="bookmark" title="12. Dez 08">Creative Commons icons as custom shapes for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2009/01/28/the-flying-spaghetti-monster-as-custom-shape-for-photoshop/" rel="bookmark" title="28. Jan 09">The Flying Spaghetti Monster as custom shape for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2008/02/22/rss-subscriptions-aus-apple-mail-exportieren/" rel="bookmark" title="22. Feb 08">RSS Subscriptions aus Apple Mail exportieren</a></li>
<li><a href="http://www.vividvisions.com/2009/02/11/wordpress-add-iframes-to-your-post/" rel="bookmark" title="11. Feb 09">WordPress: Add iframes to your post using custom fields and shortcodes</a></li>
<li><a href="http://www.vividvisions.com/2008/12/09/my-favourite-iphone-applications-so-far/" rel="bookmark" title="09. Dez 08">My favourite iPhone applications (so far)</a></li>
</ul>
<p><!-- Similar Posts took 8.557 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2008/12/13/rss-icons-as-custom-shapes-for-photoshop/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2008/12/13/rss-icons-as-custom-shapes-for-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Creative Commons icons as custom shapes for Photoshop</title>
		<link>http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/</link>
		<comments>http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/#comments</comments>
		<pubDate>Fri, 12 Dec 2008 14:45:58 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[cc]]></category>
		<category><![CDATA[Commons]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[creative commons]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[custom shape]]></category>
		<category><![CDATA[custom shapes]]></category>
		<category><![CDATA[EPS]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[licence]]></category>
		<category><![CDATA[license]]></category>
		<category><![CDATA[lizenz]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[true type font]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=407</guid>
		<description><![CDATA[If you want to mark your design work as licenced under a Creative Commons licence and include the respective icons, you can download them as SVG, EPS and PNG files and even as true type font at creativecommons.org/about/downloads/. Since I often work with custom shapes in Photoshop, I created a custom shape set featuring all [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.vividvisions.com/wp-content/uploads/2008/12/creativecommons.csh"><img class="size-full wp-image-406 alignnone" title="Creative Commons icons as custom shapes for Photoshop" src="http://www.vividvisions.com/wp-content/uploads/2008/12/cc_custom_shapes.jpg" alt="Creative Commons icons as custom shapes for Photoshop" width="498" height="393" /></a></p>
<p>If you want to mark your design work as licenced under a Creative Commons licence and include the respective icons, you can download them as SVG, EPS and PNG files and even as true type font at  <a href="http://creativecommons.org/about/downloads/">creativecommons.org/about/downloads/</a>. Since I often work with custom shapes in Photoshop, I created a custom shape set featuring all Creative Commons icons, which I wanted to share with you. <a href="http://www.vividvisions.com/wp-content/uploads/2008/12/creativecommons.csh">Download it here</a>.</p>
<h2>What are Creative Commons licences?</h2>
<p>Creative Commons licences are the right choice if you want to share your work with others. For instance: the contents of this website are generally licenced under the <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons BY-NC-ND 3.0</a> licence, which means that you can use the texts and images I created for non-commercial purposes without asking me, provided that you don&#8217;t change them and credit me, ideally with a link to this website.</p>
<p>Creating this set was only possible, because the icons themselves are licenced under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution Licence</a>, which allows me to adapt and share them.</p>
<p>To learn more, watch the videos below and visit <a href="http://creativecommons.org/about/">creativecommons.org/about/</a>.</p>
<div style="text-align: center; margin-bottom: 20px;"><object width="400" height="317" data="http://blip.tv/play/goY6kdkzg9ky.m4v" type="application/x-shockwave-flash"><param name="src" value="http://blip.tv/play/goY6kdkzg9ky.m4v" /><param name="allowfullscreen" value="true" /></object></div>
<div style="text-align: center;"><object width="400" height="283" data="http://blip.tv/play/goY6yZQBg9ky.m4v" type="application/x-shockwave-flash"><param name="src" value="http://blip.tv/play/goY6yZQBg9ky.m4v" /><param name="allowfullscreen" value="true" /></object><br />
(via <a href="http://www.helge.at/2008/10/du-verwendest-creative-commons-immer-noch-nicht/">helge.at</a>)</div>
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/12/13/rss-icons-as-custom-shapes-for-photoshop/" rel="bookmark" title="13. Dez 08">RSS icons as custom shapes for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2009/01/28/the-flying-spaghetti-monster-as-custom-shape-for-photoshop/" rel="bookmark" title="28. Jan 09">The Flying Spaghetti Monster as custom shape for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2008/09/26/creative-business-card-design/" rel="bookmark" title="26. Sep 08">Creative business card design</a></li>
<li><a href="http://www.vividvisions.com/2009/07/26/designing-the-vienna-project/" rel="bookmark" title="26. Jul 09">Designing The Vienna Project</a></li>
<li><a href="http://www.vividvisions.com/2007/06/18/was-lange-waehrt/" rel="bookmark" title="18. Jun 07">Was lange währt, wird endlich gut!</a></li>
</ul>
<p><!-- Similar Posts took 9.769 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Art of Barack Obama</title>
		<link>http://www.vividvisions.com/2008/11/06/the-art-of-barack-obama/</link>
		<comments>http://www.vividvisions.com/2008/11/06/the-art-of-barack-obama/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 17:31:50 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Barack Obama]]></category>
		<category><![CDATA[campaign]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[cult]]></category>
		<category><![CDATA[diversity]]></category>
		<category><![CDATA[election]]></category>
		<category><![CDATA[goal]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[hoopla]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[personality]]></category>
		<category><![CDATA[richness]]></category>
		<category><![CDATA[soup]]></category>
		<category><![CDATA[Source]]></category>
		<category><![CDATA[United States]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[wildfire]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=298</guid>
		<description><![CDATA[One thing I love about the Internet is that it encourages and facilitates creativity because of the quick and easy way to create, publish and assimilate ideas. In the last weeks, there was one source of inspiration like few others: the presidential election in the United States. Especially the almost perfect campaign of Barack Obama, [...]]]></description>
			<content:encoded><![CDATA[<p>One thing I love about the Internet is that it  encourages and facilitates creativity because of the quick and easy way to create, publish and assimilate ideas. In the last weeks, there was one source of inspiration <span>like few others: </span>the presidential election in the United States. Especially the almost perfect campaign of <a href="http://de.wikipedia.org/wiki/Barack_Obama">Barack Obama</a>, who convinced more than 60 million people to vote for him and therefore <a href="http://www.isobamapresident.com/">made history</a>.</p>
<p>Many designers and artists helped him to achieve his goal by creating tons of images, wallpapers and posters, which spread like wildfire on the Web. And even though the whole hoopla verges on a personality cult, its richness and diversity is really impressive.</p>
<p>Here are just a few examples:</p>
<p style="text-align: center;"><a href="http://log.c3o.org/post/6687607/by-toolo-Neat-trick-with-the-logo"><img class="size-full wp-image-301 alignnone" title="Obama United" src="http://www.vividvisions.com/wp-content/uploads/2008/11/obama_united.jpg" alt="Obama United States of America" width="298" height="500" /></a><br />
via <a href="http://log.c3o.org/post/6687607/by-toolo-Neat-trick-with-the-logo">c3o&#8217;s soup</a></p>
<p style="text-align: center;"><a href="http://www.fubiz.net/blog/index.php?2008/04/04/2014-obama-art"><img class="alignnone size-full wp-image-302" title="Obama collage" src="http://www.vividvisions.com/wp-content/uploads/2008/11/obama2.jpg" alt="Obama collage" width="460" height="785" /></a><br />
via <a href="http://www.fubiz.net/blog/index.php?2008/04/04/2014-obama-art">fubiz.net</a></p>
<p style="text-align: center;"><a href="http://www.notcot.com/archives/2008/01/shepard_faireys.php"><img class="alignnone size-full wp-image-299" title="Obama Hope" src="http://www.vividvisions.com/wp-content/uploads/2008/11/barack_obama_hope.jpg" alt="Obama portrait &quot;Hope&quot;" width="300" height="449" /></a><br />
via <a href="http://www.notcot.com/archives/2008/01/shepard_faireys.php">notcot.com</a></p>
<p style="text-align: center;"><a href="http://www.robotwalrus.com/2008/07/30/obama-by-alex-ross-5999/"><img class="alignnone size-full wp-image-303" title="Obama as Superman" src="http://www.vividvisions.com/wp-content/uploads/2008/11/obama_superman.jpg" alt="Obama as Superman" width="300" height="350" /></a><br />
via <a href="http://www.robotwalrus.com/2008/07/30/obama-by-alex-ross-5999/">robotwalrus.com</a></p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/tsevis/2279253649/"><img class="alignnone size-full wp-image-305" title="Obama Mosaic" src="http://www.vividvisions.com/wp-content/uploads/2008/11/obama_mosaic.jpg" alt="Obama mosaic" width="300" height="367" /></a><br />
by <a href="http://www.flickr.com/photos/tsevis/2279253649/">tsevis via flickr</a></p>
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2009/01/20/to-mark-the-occasion-obamicon-me/" rel="bookmark" title="20. Jan 09">To Mark The Occasion: Obamiconise yourself!</a></li>
<li><a href="http://www.vividvisions.com/2007/07/19/helma-16-ist-da/" rel="bookmark" title="19. Jul 07">Helma 1.6 ist da</a></li>
<li><a href="http://www.vividvisions.com/2008/05/21/tools-zur-planung-von-web-benutzeroberflaechen/" rel="bookmark" title="21. Mai 08">Tools zur Planung von Web-Benutzeroberflächen</a></li>
<li><a href="http://www.vividvisions.com/2008/06/06/was-ist-social-media/" rel="bookmark" title="06. Jun 08">Was ist Social Media?</a></li>
<li><a href="http://www.vividvisions.com/2008/01/05/netscape-navigator-ein-nachruf/" rel="bookmark" title="05. Jan 08">Netscape Navigator &#8211; Ein Nachruf</a></li>
</ul>
<p><!-- Similar Posts took 9.697 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2008/11/06/the-art-of-barack-obama/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2008/11/06/the-art-of-barack-obama/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creative business card design</title>
		<link>http://www.vividvisions.com/2008/09/26/creative-business-card-design/</link>
		<comments>http://www.vividvisions.com/2008/09/26/creative-business-card-design/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 15:04:32 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[john st.]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=273</guid>
		<description><![CDATA[This one has been around for a while now, I just rediscovered it today. So simple, so nice. The agency responsible for this design is john st. Unfortunately, their website is a perfect example of how not to build a website. (via yeahyoureright.com) Similar posts: Creative Commons icons as custom shapes for Photoshop Was lange [...]]]></description>
			<content:encoded><![CDATA[<p>This one has been around for a while now, I just rediscovered it today. So simple, so nice.</p>
<p>The agency responsible for this design is<a href="http://www.johnst.com/"> john st.</a> Unfortunately, their website is a perfect example of how<em> not </em>to build a website.</p>
<p style="text-align: center;"><img class="aligncenter" title="Divorce lawyer business card" src="http://www.vividvisions.com/wp-content/uploads/2008/09/divorce-lawyer.jpg" alt="Divorce lawyer business card" width="415" height="551" /><br />
(via <a href="http://yeahyoureright.com/blog/2008/09/scheiden-tut-weh-und/">yeahyoureright.com</a>)</p>
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/12/12/creative-commons-icons-as-custom-shapes-for-photoshop/" rel="bookmark" title="12. Dez 08">Creative Commons icons as custom shapes for Photoshop</a></li>
<li><a href="http://www.vividvisions.com/2007/06/18/was-lange-waehrt/" rel="bookmark" title="18. Jun 07">Was lange währt, wird endlich gut!</a></li>
<li><a href="http://www.vividvisions.com/2009/07/26/designing-the-vienna-project/" rel="bookmark" title="26. Jul 09">Designing The Vienna Project</a></li>
<li><a href="http://www.vividvisions.com/2009/04/29/website-check-oevp-at/" rel="bookmark" title="29. Apr 09">Website Check: oevp.at</a></li>
</ul>
<p><!-- Similar Posts took 4.620 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2008/09/26/creative-business-card-design/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2008/09/26/creative-business-card-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Makeup á la Photoshop</title>
		<link>http://www.vividvisions.com/2008/07/20/makeup-a-la-photoshop/</link>
		<comments>http://www.vividvisions.com/2008/07/20/makeup-a-la-photoshop/#comments</comments>
		<pubDate>Sun, 20 Jul 2008 11:32:06 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Beispiel]]></category>
		<category><![CDATA[Designer]]></category>
		<category><![CDATA[Directors]]></category>
		<category><![CDATA[Feind]]></category>
		<category><![CDATA[Freund]]></category>
		<category><![CDATA[Kunstwesen]]></category>
		<category><![CDATA[Magazin]]></category>
		<category><![CDATA[Mensch]]></category>
		<category><![CDATA[Retusche]]></category>
		<category><![CDATA[Retuschieren]]></category>
		<category><![CDATA[Schritt]]></category>
		<category><![CDATA[Selbstbewußtsein]]></category>
		<category><![CDATA[Welt]]></category>
		<category><![CDATA[Werbewirtschaft]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=180</guid>
		<description><![CDATA[Photoshop: Bester Freund der Werbewirtschaft und Feind aller Menschen mit schwachem Selbstbewusstsein. Warum? Weil die Art Directors dieser Welt mittels Photoshop aus normalen Menschen „perfekte” Kunstwesen schaffen. Feuer frei zum Wettlauf zum Ziel eines nie zu erreichenden Schönheitsideals. Wir alle wissen, dass 99,9% aller Bilder, die wir zum Beispiel in Werbungen sehen, gründlich nachbearbeitet wurden. [...]]]></description>
			<content:encoded><![CDATA[<p>Photoshop: Bester Freund der Werbewirtschaft und Feind aller Menschen mit schwachem Selbstbewusstsein. Warum? Weil die Art Directors dieser Welt mittels Photoshop aus normalen Menschen „perfekte” Kunstwesen schaffen. Feuer frei zum Wettlauf zum Ziel eines nie zu erreichenden Schönheitsideals.</p>
<p>Wir alle wissen, dass 99,9% aller Bilder, die wir zum Beispiel in Werbungen sehen, gründlich nachbearbeitet wurden. Und ich meine jetzt nicht nur Belichtung und Farbsättigung, sondern die übertriebene Retuschierung von menschlicher Imperfektion. Ich behaupte jetzt auch einfach mal, dass in einer Ausgabe eines typischen Frauenmagazins mehr Stunden an Photoshop-Arbeit drin stecken, als für Redaktion, Satz und Layout. Ich gebe mich aber auch nicht der Illusion hin, dass es bei Männer- oder überhaupt anderen Magazinen anders sei. Bedenklich, meint Ihr? Ganz und gar, sage ich.</p>
<p>Möchte man nun dennoch bei den eigenen Familienportraits den Haaransatz korrigieren, oder die Augenringe als Zeugen der letzten Party hinter Pixel-Makeup verstecken, dem sei Folgendes empfohlen:</p>
<p>Das <a href="http://www.smashingmagazine.com">Smashing Magazine</a> hat vor einigen Tagen eine <a href="http://www.smashingmagazine.com/2008/07/15/70-beauty-retouching-photoshop-tutorials/">nette Kollektion von Tutorials</a> veröffentlicht, die -mal oberflächlicher, mal genauer- Schritt für Schritt erklären, wie man soetwas macht.</p>
<p style="text-align: center;"><a href="http://www.smashingmagazine.com/2008/07/15/70-beauty-retouching-photoshop-tutorials/"><img class="image-border" title="Perfekte Lüge" src="http://www.vividvisions.com/wp-content/uploads/2008/07/perfect-lie.jpg" alt="Perfekte Lüge" width="330" height="206" /></a></p>
<p>Aber Vorsicht: Übertreibt man es dann ein wenig mit dem Retuschieren, landet man mit hoher Wahrscheinlichkeit bei den <a href="http://photoshopdisasters.blogspot.com/">Photoshop Disasters</a>, ein wunderbares Blog, das die besten Stücke an designerischer Selbstüberschätzung und Dilettantismus präsentiert.</p>
<p>Dieses Beispiel mit einem aalglatten Clive Owen zeigt schön, wie man schnell den Charakter eines Menschen aus dem Gesicht wegzaubern kann.</p>
<p style="text-align: center;"><a href="http://photoshopdisasters.blogspot.com/"><img class="image-border" title="Clive Owen (Photoshop Disasters)" src="http://www.vividvisions.com/wp-content/uploads/2008/07/cliveowen.jpg" alt="Clive Owen (Photoshop Disasters)" width="339" height="346" /></a></p>
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2008/02/28/mutig-in-die-neuen-zeiten/" rel="bookmark" title="28. Feb 08">Mutig in die neuen Zeiten</a></li>
<li><a href="http://www.vividvisions.com/2007/12/23/wir-backen-uns-ein-vanillekipferl/" rel="bookmark" title="23. Dez 07">Wir backen uns ein Vanillekipferl</a></li>
<li><a href="http://www.vividvisions.com/2008/05/04/beduerfnispyramide-eines-website-besuchers/" rel="bookmark" title="04. Mai 08">Bedürfnispyramide eines Website-Besuchers</a></li>
<li><a href="http://www.vividvisions.com/2007/08/03/ein-iphone-fuer-den-geek-in-mir/" rel="bookmark" title="03. Aug 07">Ein iPhone für den Geek in mir</a></li>
<li><a href="http://www.vividvisions.com/2007/07/19/link-prefetching-im-firefox-und-wie-man-es-deaktiviert/" rel="bookmark" title="19. Jul 07">Link Prefetching im Firefox (und wie man es deaktiviert)</a></li>
</ul>
<p><!-- Similar Posts took 23.942 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2008/07/20/makeup-a-la-photoshop/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2008/07/20/makeup-a-la-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bedürfnispyramide eines Website-Besuchers</title>
		<link>http://www.vividvisions.com/2008/05/04/beduerfnispyramide-eines-website-besuchers/</link>
		<comments>http://www.vividvisions.com/2008/05/04/beduerfnispyramide-eines-website-besuchers/#comments</comments>
		<pubDate>Sun, 04 May 2008 00:47:29 +0000</pubDate>
		<dc:creator>Walter</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Deutsch]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Main blog]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web standards]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Analyse]]></category>
		<category><![CDATA[Aufenthaltsdauer]]></category>
		<category><![CDATA[Bedürfnispyramide]]></category>
		<category><![CDATA[Beispiel]]></category>
		<category><![CDATA[Benutzer]]></category>
		<category><![CDATA[Besuch]]></category>
		<category><![CDATA[Besucher]]></category>
		<category><![CDATA[Betrachter]]></category>
		<category><![CDATA[Erreichbarkeit]]></category>
		<category><![CDATA[Fehler]]></category>
		<category><![CDATA[Funktionsfähigkeit]]></category>
		<category><![CDATA[Kriterium]]></category>
		<category><![CDATA[Maslow]]></category>
		<category><![CDATA[Mensch]]></category>
		<category><![CDATA[Optimierung]]></category>
		<category><![CDATA[Orientierung]]></category>
		<category><![CDATA[Pyramide]]></category>
		<category><![CDATA[Router]]></category>
		<category><![CDATA[Semantik]]></category>
		<category><![CDATA[Semiotik]]></category>
		<category><![CDATA[Server]]></category>
		<category><![CDATA[Stufe]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Verständlichkeit]]></category>
		<category><![CDATA[Verwertbarkeit]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.vividvisions.com/?p=144</guid>
		<description><![CDATA[Der durchschnittliche Internet-Benutzer ist 3 &#8211; 100 Jahre alt, männlich oder weiblich, genießt keine bis hohe Bildung, verdient mäßig bis überdurchschnittlich gut, ist Single oder in Partnerschaft und wohnt in der Stadt oder am Land. Oder anders ausgedrückt: Den durchschnittlichen Internet-Benutzer gibt es nicht. Und dennoch: Unabhängig davon, ob es sich um eine Unternehmens-Website, ein [...]]]></description>
			<content:encoded><![CDATA[<p>Der durchschnittliche Internet-Benutzer ist 3 &#8211; 100 Jahre alt, männlich oder weiblich, genießt keine bis hohe Bildung, verdient mäßig bis überdurchschnittlich gut, ist Single oder in Partnerschaft und wohnt in der Stadt oder am Land. Oder anders ausgedrückt: Den durchschnittlichen Internet-Benutzer gibt es nicht.</p>
<p>Und dennoch: Unabhängig davon, ob es sich um eine Unternehmens-Website, ein Blog oder eine komplexe Web 2.0 Anwendung handelt, gelten in den meisten Fällen eines Website-Besuchs ein paar grundlegende Kriterien, die erfüllt werden wollen, damit er sowohl für den Betrachter als auch den Anbieter zu einem positiven Erlebnis wird.</p>
<p>Ich habe versucht, diese Kriterien zusammenzufassen und sie wie die <a href="http://de.wikipedia.org/wiki/Maslowsche_Bedürfnispyramide">Maslowsche Bedürfnispyramide</a> aufzubauen. <span id="more-144"></span>Das Prinzip dieser Pyramide funktioniert so: Wird das Bedürfnis einer Stufe nicht erfüllt, sind die darüberliegenden hinfällig, was die unterste Stufe zum Einstiegspunkt macht.</p>
<p><img class="image-center" title="Maslowsche Pyramide für Website-Besucher" src="http://www.vividvisions.com/wp-content/uploads/2008/05/maslow_website_besucher.gif" alt="Maslowsche Pyramide für Website-Besucher" width="441" height="381" /></p>
<h2>Erreichbarkeit</h2>
<p>Das Fundament eines jeden Website-Besuchs: Die Website muss erreichbar sein. So trivial das klingt, so ist es doch ein mehr oder weniger kompliziertes Zusammenspiel vieler einzelner Elemente.</p>
<p>Da wären unter anderem die Internetleitung, der Router, das Modem, etwaige Proxy-Server, DNS Server, Web Server, Router, Switches, Firewalls und vieles mehr. Und nicht zuletzt spielt auch der eigene Computer mit der darauf installierten Software eine große Rolle. Nur wenn all diese Zahnrädchen reibungslos ineinandergreifen, kommen die Daten auch dort an, wo sie hingehören.</p>
<p>Die URLs, also die Adressen unter denen die einzelnen Seiten erreichbar sind, spielen hier ebenfalls schon eine große Rolle. Im Idealfall sollten Inhalte immer über die erstveröffentlichte Adresse erreichbar bleiben, man spricht dann von sogenannten <a href="http://de.wikipedia.org/wiki/Permalink">Permalinks</a>. Löscht oder verschiebt man Seiten ersatzlos, bekommt ein Besucher, der über einen externen Link auf die Website gelangt ist, nur „Nicht gefunden”-Meldungen präsentiert, was nicht unbedingt zum Erfolg der Website beiträgt. Ein interessanter Artikel zu diesem Thema lautet „<a href="http://journalism.nyu.edu/pubzone/weblogs/pressthink/2005/01/07/wldm_perm.html">The Importance of Being Permanent</a>” von <a href="http://www.simonwaldman.net/about-me-and-this-blog/">Simon Waldman</a> (via <a href="http://www.helge.at/2008/02/nicht-zitierfaehig-helge-motzt/">Helge</a>).</p>
<h2>Funktionsfähigkeit</h2>
<p>Wird man auf der Website ausschließlich von Fehlermeldungen begrüßt, hinterlässt das nicht gerade einen guten Eindruck. Ich spreche hier nicht von den kleinen Schnitzern, die die Funktionalität der Website in keinster Weise beeinträchtigen, sondern von den fatalen Fehlern. Quellen dafür gibt es ja wirklich genug. Seien es die <a href="http://de.wikipedia.org/wiki/HTTP-Statuscode">500er Errors</a>, Programm-Fehler oder „Bandwidth exceeded“-Meldungen, für den Besucher gibt es kein Weiterkommen und oftmals auch kein Wiederkommen.</p>
<p>Ebenfalls unter diesem Punkt untergekommen sind die groben Anzeige- und Funktionsfehler, die den Benutzer daran hindern, die Website so zu nutzen, wie es ursprünglich gedacht war. Dies kann zum Beispiel passieren, wenn Sites nur für einen Browser „optimiert“ werden, ein glücklicherweise immer seltener auftretendes Phänomen, immerhin gibt es <a href="http://www.vividvisions.com/2008/01/10/vielfalt-zum-browsen-gehen/">so viel verschiedene davon</a>.</p>
<p>Durch die Einhaltung der Web Standards unter Berücksichtigung der Allüren der einzelnen  Browser inklusive ausgiebiger Tests können diese Fehler im Vorfeld ausgemerzt werden.</p>
<p>Funktionieren sollte eine Website natürlich für so viele Menschen wie möglich. Ist eine Seite rein optisch eindrucksvoll, aber der Code dahinter ein Saustall, wird sie zum Beispiel für blinde Menschen, die auf Bildschirmleseprogramme oder die <a href="http://de.wikipedia.org/wiki/Braillezeile">Braillezeile</a> angewiesen sind, einfach nicht funktionieren.</p>
<p>Richtlinien der <a href="http://www.w3.org/WAI/">Web Accessilbity Initiative</a> (WAI) wie zum Beispiel die <a href="http://www.w3.org/WAI/intro/wcag.php">Web Content Accessibility Guidelines </a>(WCAG) sollen eine größtmögliche Barrierefreiheit ermöglichen.</p>
<p>Im österreichischen E-Government-Gesetz (<a href="http://www.dsk.gv.at/e-govgd.htm#1Ab">§1 Abs. 3</a>) war übrigens die Zielsetzung gesetzlich verankert, barrierefreien Zugang zu behördlichen Internetauftritten für Menschen mit Einschränkungen bis 1. Jänner 2008 umzusetzen. Bei vielen Websites heißt es aber nach wie vor „bitte warten”.</p>
<h2>Orientierung</h2>
<p>Kein Besucher wird sich auf einer Website sonderlich wohl fühlen, wenn er nicht auf Anhieb erkennt, wo in der Struktur er sich gerade befindet und wie er navigieren kann.</p>
<p>Die sofortige Erkennbarkeit von Navigationselementen, sei es ein Menü oder einfache Links ist einer der Grundsätze der „Web Usability“. Ziel muss es sein, die Website einfachst und intuitiv nutzbar zu machen. Verbesserungsbedarf gibt es im Netz jedenfalls reichlich, denn man glaubt es kaum: Es gibt tatsächlich noch Menschen, die meinen, dass man wichtige Textpassagen im Web unterstreicht.<br />
Eine Buchempfehlung zu diesem Thema ist übrigens „<a href="http://www.amazon.de/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.de%2FThink-Common-Sense-Approach-Usability%2Fdp%2F0321344758&amp;site-redirect=at&amp;tag=vividv-21&amp;linkCode=ur2&amp;camp=1638&amp;creative=6742">Don&#8217;t make me think</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.de/e/ir?t=vividv-21&amp;l=ur2&amp;o=3" border="0" alt="" width="1" height="1" />“ von Steve Krug. Dort werden Richtlinien für eine durchdachte Usability mit dem Hausverstand erarbeitet.</p>
<p>Selbstverständlich spielen die Leitfäden der Web Accessibility Initiative auch in dieser Stufe eine gewichtige Rolle. Techniken wie zum Beispiel semantisches HTML, also die korrekte Verwendung von HTML-Bausteinen nach ihren logischen Bedeutungen und Strukturen, tragen ebenfalls zur besseren Verarbeitung von Hilfssoft- oder -hardware und damit zur besseren Orientierung bei.</p>
<p>Warum kommt die Orientierung in der Pyramide vor dem Verständnis? Nun, es kann ja vorkommen, dass der Besucher seine Ziel-Website nicht in einer ihm bekannten Sprachen vorfindet, er sich aber für die Sprachumschaltung trotzdem orientieren und diese erkennen können muss.</p>
<h2>Verständlichkeit</h2>
<p>Der Betreiber und der Betrachter eines Internetauftritts müssen mindestens zwei Dinge gemeinsam haben, wenn sich eine positive Beziehung zwischen den Beiden entwickeln soll. Zum einen wäre das die Sprache, zum anderen das Wissen über das auf der Website behandelte Thema.</p>
<p>Das gemeinsame Sprachverständnis fängt bei der Schrift und Symbolik an. Erkennt der Besucher nicht einmal die Schriftzeichen, wird er nicht sonderlich viel mit den dargebotenen Texten anfangen, sofern die Inhalte nicht auch in seiner Sprache anzeigbar sind (wo wir wieder bei der Orientierung und Sprachumschaltung wären). Aber auch einfache Symbole können eine Barriere darstellen. Vereinfacht heißt das: Man stelle sich einen Website-Besucher auf <a href="http://youtube.com">YouTube.com</a> vor, der die Symbole für „Abspielen“ (<img style="vertical-align: middle;" title="Play" src="http://www.vividvisions.com/wp-content/uploads/2008/05/symbol_play.gif" alt="Play" width="11" height="20" />) oder „Pause“ (<img style="vertical-align: middle;" title="Pause" src="http://www.vividvisions.com/wp-content/uploads/2008/05/symbol_pause.gif" alt="Pause" width="10" height="20" />) einfach nicht kennt. Entweder startet jetzt ein Lernprozess oder YouTube.com wandert nicht in die Favoritenliste des Besuchers.</p>
<p>Erst ein gemeinsamer Wortschatz ermöglicht also überhaupt das generelle Verstehen von Texten. Grundsätzliche Regeln der <a href="http://de.wikipedia.org/wiki/Semiotik">Semiotik</a> müssen erfüllt werden, damit eine Botschaft vom Sender an den Empfänger verarbeitet werden kann. Sollen diese Botschaften auch inhaltlich verstanden werden, muss sich das Wissen von Beiden über die Inhalte zumindest überschneiden.</p>
<p><img class="image-center" title="Semiotik Website-Besucher" src="http://www.vividvisions.com/wp-content/uploads/2008/05/semiotik_website_besucher.gif" alt="Semiotik Website-Besucher" width="441" height="232" /></p>
<p>Die Aufbereitung von Text im Internet ist eine Wissenschaft für sich, die den Rahmen dieses Artikels bei weitem sprengen würde. Viele Faktoren entscheiden dabei zwischen Verwerten oder Verwerfen.</p>
<h2>Verwertbarkeit</h2>
<p>Egal aus welchem Grund und auf welchem Weg ein Besucher zu meiner Website gelangt ist, kann ich ihn neugierig machen, ihn fesseln und eventuell sogar zur Partizipation animieren, haben wir beide gewonnen.</p>
<p>Ziel einer Website muss es sein, Informationen effizient und effektiv nutzbar zu machen. Dabei ist es egal, ob das nun Texte, Bilder, Dokumente oder Filmchen sind. Hat der Benutzer für seine Zwecke einen echten Mehrwert für eine minimale Anzahl an Klicks erhalten, wird er sich länger auf der Website aufhalten, sie mit einem positiven Gefühl wieder verlassen und im Idealfall weiterempfehlen und wiederkommen.</p>
<p>Auswertungs- und Analyse-Tools wie zum Beispiel <a href="http://awstats.sourceforge.net/">AWStats</a>, <a href="http://www.google.com/analytics/">Google Analytics</a> oder <a href="http://haveamint.com/">Mint</a> können enorm bei der Optimierung einer Website helfen. Sie zeigen die Stärken und Schwächen unter anderem anhand der Anzahl von (wiederkehrenden) Besuchern, deren Navigationswegen und Aufenthaltsdauer auf.<br />
<h2>Similar posts:</h2>
<ul class="similar-posts">
<li><a href="http://www.vividvisions.com/2009/04/29/website-check-oevp-at/" rel="bookmark" title="29. Apr 09">Website Check: oevp.at</a></li>
<li><a href="http://www.vividvisions.com/2007/07/19/link-prefetching-im-firefox-und-wie-man-es-deaktiviert/" rel="bookmark" title="19. Jul 07">Link Prefetching im Firefox (und wie man es deaktiviert)</a></li>
<li><a href="http://www.vividvisions.com/2008/02/28/mutig-in-die-neuen-zeiten/" rel="bookmark" title="28. Feb 08">Mutig in die neuen Zeiten</a></li>
<li><a href="http://www.vividvisions.com/2008/04/21/web-entwicklung-mit-safari/" rel="bookmark" title="21. Apr 08">Web-Entwicklung mit Safari</a></li>
<li><a href="http://www.vividvisions.com/2008/07/21/loungefm-danke-fluid-ohne-browser-geniessen/" rel="bookmark" title="21. Jul 08">LoungeFM dank Fluid ohne Browser genießen</a></li>
</ul>
<p><!-- Similar Posts took 65.072 ms --></p>
<p><strong><a href="http://www.vividvisions.com/2008/05/04/beduerfnispyramide-eines-website-besuchers/#respond">Comment on this post.</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.vividvisions.com/2008/05/04/beduerfnispyramide-eines-website-besuchers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced

Served from: www.vividvisions.com @ 2012-02-05 07:46:33 -->
