<?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>Over Blogging &#187; Usability</title>
	<atom:link href="http://www.over-blogging.de/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.over-blogging.de</link>
	<description>SEO, Affiliate-Marketing, Usability</description>
	<lastBuildDate>Thu, 28 May 2009 23:14:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Bounce Rate (Absprungrate) senken</title>
		<link>http://www.over-blogging.de/usability/bounce-rate-absprungrate-senken/</link>
		<comments>http://www.over-blogging.de/usability/bounce-rate-absprungrate-senken/#comments</comments>
		<pubDate>Tue, 19 May 2009 18:20:25 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Bounce Rate]]></category>
		<category><![CDATA[HowTo]]></category>
		<category><![CDATA[Konversionsrate]]></category>

		<guid isPermaLink="false">http://www.over-blogging.de/?p=587</guid>
		<description><![CDATA[
Unter der Bounce Rate (deutsch: Absprungrate) versteht man die Anzahl der Besucher einer Website, welche diese direkt wieder verlassen, in Prozent. Eine niedrige Absprungrate ist also meist ein Zeichen dafür, dass die Besucher auf der entsprechenden Seite etwas gefunden haben, was sie interessiert oder beschäftigt.
Auch für die Suchmaschinen kann die Verweildauer der User auf einer [...]<p><p>Ein Beitrag von: <a href="http://www.over-blogging.de">Over Blogging</a></p><br/><br/><a href="http://www.over-blogging.de/usability/bounce-rate-absprungrate-senken/">Bounce Rate (Absprungrate) senken</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-588" title="Bounce Rate (Absprungrate)" src="http://www.over-blogging.de/wp-content/uploads/2009/05/bounce-rate.jpg" alt="Bounce Rate (Absprungrate)" width="555" height="226" /></p>
<p>Unter der Bounce Rate (deutsch: Absprungrate) versteht man die Anzahl der Besucher einer Website, welche diese direkt wieder verlassen, in Prozent. Eine niedrige Absprungrate ist also meist ein Zeichen dafür, dass die Besucher auf der entsprechenden Seite etwas gefunden haben, was sie interessiert oder beschäftigt.</p>
<p>Auch für die Suchmaschinen kann die Verweildauer der User auf einer entsprechenden Internetseite ein Indiz dafür sein, dass sich auf der Seite wertvolle Informationen befinden. Und auch wenn Googles Matt Cutts (noch) behauptet die Bounce Rate habe keinen Einfluss auf das Ranking einer Seite. So ist dennoch jeder Besucher der sie direkt wieder verlässt ein möglicher verpasster Sale.</p>
<p><span id="more-587"></span></p>
<p>Eine niedrige Absprungrate ist also erstrebenswert, ich möchte hier einmal ein paar grundlegende Dinge aufzählen, welche einen Visitor den [Zurück]-Knopf drücken lassen.</p>
<h3>Die Erwartungen des Besuchers erfüllen</h3>
<p>Jemand der über eine Anzeige oder über die organische Suche auf eine Website kommt, hat eine gewisse Vorstellung was er auf der Seite finden wird. Sei es die Möglichkeit ein günstiges Autoradio erwerben zu können, sich über ein bestimmtes Autoradio ausführlich zu informieren oder eine Übersicht über die Vor- und Nachteile verschiedener Autoradios.</p>
<p>Findet er auf der Seite nicht was er sucht, dann geht er wieder. Man sollte also auf jeden Fall versuchen den Erwartungen der Besucher so gut es geht zu entsprechen. Sonnst hilft auch kein noch so ausgeklügeltes Design.</p>
<h3>Call to Action</h3>
<p>Dem Besucher muss klar werden was er auf der Website machen kann/soll. Auf manchen Websites tut man sich aber schon schwer einen einfachen Link vom normalen Text zu unterscheiden.</p>
<p>Ob sich um eine bestimmte Aktion hervorzurufen nun ein einfacher Textlink oder ein grafischer Button in gelb, mit der Schriftart Verdana ehr eignet, wäre dann später ein Fall für einen A/B oder multivariaten Test. Im allgemeinen ist es aber so, dass Anordnungen welche so aufgebaut sind, wie der Besucher sie bereits von anderen Seiten gewohnt ist, am besten funktionieren.</p>
<h3>Ein gut strukturiertes Design</h3>
<p>Auch jemand der die Website zum ersten Mal besucht sollte sich im Idealfall direkt und ohne große Mühe auf ihr zurecht finden. Dies erreicht man durch ein übersichtliches und gut strukturiertes Seitendesign, welches die einzelnen Elemente der Seite klar aufteilt. Deutliche und beschreibende Linktexte. Eine einfach zu verstehende und übersichtliche Seitennavigation.</p>
<p>Neben einer herkömmlichen Navigation, sind Links zu ähnlichen oder beliebten Artikeln meist sehr effektiv.</p>
<p>Auch sollte die Seite nicht total überladen sein und den Visitor mit hunderten von Möglichkeiten wo er hinklicken kann erschlagen. Eine Navigation mit 30 Punkten, ist einfach nur unübersichtlich und abschreckend.</p>
<p>Zu alledem sollte das Design zeitgemäß und aktuell aussehen und die angepeilte Zielgruppe ansprechen. Ein ungepflegtes oder nach 1995 aussehendes Design, lässt meist auch Rückschlüsse über die Aktualität und Korrektheit der Texte schließen.</p>
<h3>Ein Bild &gt; tausend Worte</h3>
<p>Gerade bei Texten über einfach in Bilder zu fassende Dinge, bestätigt ein Bild den Besucher direkt dass er auf der Seite richtig ist, noch bevor dieser den Text überflogen hat.</p>
<p>Aber auch eine schöne Frau, welche dem Websitebesucher links oder rechts vom Text zulächelt, kann die Konversionsrate und Verweildauer erhöhen. Während Logos der Stiftung Warentest oder des TÜVs das Vertrauen des Besuchers in die Seite erhöhen. Natürlich sollte man diese nur benutzen, wenn sich das Produkt diese verdient hat.</p>
<h3>Ladezeit</h3>
<p>Lädt die Seite sehr langsam kann es mit der Geduld des Besuchers schnell vorbei sein. Ein schneller Webserver, kompakter Quelltext und kompakte Grafiken sind wichtig.</p>
<p>Möchte man unbedingt große Rich-Media-Elemente einbinden oder eine menge Daten per AJAX nachladen. Dann ist es ratsam dem Besucher während des Ladevorgangs anzuzeigen das noch etwas geladen wird und er sich doch bitte etwas gedulden möge.</p>
<p><p>Ein Beitrag von: <a href="http://www.over-blogging.de">Over Blogging</a></p><br/><br/><a href="http://www.over-blogging.de/usability/bounce-rate-absprungrate-senken/">Bounce Rate (Absprungrate) senken</a></p>


<p>Related posts:<ol><li><a href='http://www.over-blogging.de/allgemein/cookie-spreading-absprungrate-bounce-rate/' rel='bookmark' title='Permanent Link: Cookie Spreading &#038; Absprungrate'>Cookie Spreading &#038; Absprungrate</a> <small>Ein immer noch ignoriertes Problem bei vielen Affiliate Netzwerken: Cookie...</small></li><li><a href='http://www.over-blogging.de/seo/wie-erstelle-ich-eine-gute-landing-page-einstiegseite/' rel='bookmark' title='Permanent Link: Wie erstelle ich eine gute Landing Page'>Wie erstelle ich eine gute Landing Page</a> <small> Was ist eine Landing Page? Eine Landing Page oder...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.over-blogging.de/usability/bounce-rate-absprungrate-senken/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Teste deine Website mit verschiedenen Browsern!</title>
		<link>http://www.over-blogging.de/usability/webdesign-browser-testen/</link>
		<comments>http://www.over-blogging.de/usability/webdesign-browser-testen/#comments</comments>
		<pubDate>Mon, 04 May 2009 04:30:13 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Browser]]></category>

		<guid isPermaLink="false">http://www.over-blogging.de/?p=572</guid>
		<description><![CDATA[


Auch ältere Browser oder reine Textbrowser werden von einem Teil möglicher Kunden genutzt. Deshalb sollte man sicherstellen, dass diese die Internetseite auch ordentlich dargestellt bekommen und benutzten können.
Die Anzahl der Browser mit denen eine Homepage betrachtet werden kann ist immens. Leider stellen einige hiervon eine Website nicht unbedingt so dar, wie es der Entwickler gerne [...]<p><p>Ein Beitrag von: <a href="http://www.over-blogging.de">Over Blogging</a></p><br/><br/><a href="http://www.over-blogging.de/usability/webdesign-browser-testen/">Teste deine Website mit verschiedenen Browsern!</a></p>
]]></description>
			<content:encoded><![CDATA[
<!-- google_ad_section_start -->
<p style="text-align: center;"><img class="aligncenter size-full wp-image-580" src="http://www.over-blogging.de/wp-content/uploads/2009/05/browsers.jpg" alt="Browsers in " width="416" height="66" /></p>
<p>Auch ältere Browser oder reine Textbrowser werden von einem Teil möglicher Kunden genutzt. Deshalb sollte man sicherstellen, dass diese die Internetseite auch ordentlich dargestellt bekommen und benutzten können.<span id="more-572"></span></p>
<p>Die Anzahl der Browser mit denen eine Homepage betrachtet werden kann ist immens. Leider stellen einige hiervon eine Website nicht unbedingt so dar, wie es der Entwickler gerne hätte. Wenn man zusätzlich bedenkt das ein nicht zu verachtender Teil der Internetnutzer noch den Internet Explorer 6 (IE6) oder gar den IE5.x nutzen, dann kann man es sich fast nicht leisten diesen zu zeigen wie veraltet und schlecht ihr Browser ist. Gerade der IE 6 und älter, hat teilweise starke Probleme damit CSS-Anweisungen richtig umzusetzen.</p>
<p>Ich möchte hier einmal einige Möglichkeiten auflisten, sein Webdesign unter verschiedenen Browsern zu testen.</p>
<h3>#1 Screenshot-Services</h3>
<p>Im Netz gibt es <a href="http://browsershots.org/">verschiedene Anbieter</a>, welche teils kostenlos die Möglichkeit anbieten, eine bestimmte Seite mit verschiedenen Browsern zu testen. Hierbei wird die Seite von verschiedenen Rechnern, mit unterschiedlichen Betriebssystemen aufgerufen und hiervon dann Screenshots erstellt.</p>
<p>Der Vorteil hier ist, dass man selber nichts installieren muss und zusätzlich noch eine sehr große Auswahl an Browsern und Betriebssystemen hat. Allerdings sind diese Dienste (zumindest die kostenlosen) meist sehr langsam. Und man hat meist nicht die Möglichkeit mehrmals am Tag Bilder der selben Seite anfertigen zu lassen. Ein weiterer Nachteil ist es, dass man das Design nicht wirklich testen kann, da man ja lediglich Bilder hiervon sieht.</p>
<ul>
<li><a href="http://ipinfo.info/html/rendering_services.php">Umfangreiche Liste verschiedener Anbieter</a></li>
</ul>
<h3>#2 Virtual Applications</h3>
<p>Ähnlich wie eine Virtual Machine, bietet eine virtual Application die Möglichkeit auf einem bestimmten Betriebssystem verschiedene andere Systeme zu simulieren. Für Windows gibt es unter anderem das Programm Xenocode, für welches es auch schon <a href="http://www.xenocode.com/browsers/">startfertige Versionen der gängigsten Browser</a> gibt. Diese ermöglichen ein schnelles und einfaches testen einer Website mit vielen unterschiedlichen Browsern.</p>
<h3>#3 Virtual Machines</h3>
<p>Mit einer <a href="http://de.wikipedia.org/wiki/Virtuelle_Maschine">Virtual Machine</a> kann man auf seinem Rechner verschiedene Betriebssysteme installieren. So kann man auf seinem Windows XP PC, Linux installieren oder auf seinem MacOS Rechner, Windows Vista. Auf diesen virtuellen Betriebssystemen kann man anschließend dann eine große Zahl verschiedener Browser installieren. Man kann übrigens mehr als eine virtual Machine pro PC installieren.</p>
<p><a href="http://www.vmware.com/de/">VMware</a> ist wohl die bekannteste Software hierzu. Es gibt sie in einer Version für Windows PC und eine für Macs.</p>
<p>Microsoft bietet mit <a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=04d26402-3199-48a3-afa2-2dc0b40a73b6&amp;DisplayLang=de">Virtual PC</a> eine eigene virtual Machine Software an. Zusätzlich gibt es von Microsoft noch Images mit denen man einfach die verschiedenen Versionen (IE6, IE7, IE8) des Internet Explorers testen kann.</p>
<p>Der einzige Nachteil einer virtual Machine ist es, dass das installieren der Systeme und Browser einiges an Zeit in Anspruch nimmt.</p>
<h3>#4 SuperPreview für den Internet Explorer</h3>
<p>Microsoft bietet ein neues Beta Add On für den Internet Explorer an. Mit <a href="http://www.microsoft.com/expression/features/Default.aspx?key=webpreview">SuperPreview</a> kann man im IE einfach zwischen den unterschiedlichen Darstellungsarten, der unterschiedlichen IE Versionen umschalten. Um dann später die so erkannten Darstellungsprobleme zum Beispiel mit CSS-Hacks oder Browserweichen zu beheben.</p>
<p>JavaScript scheint allerdings (noch) nicht zu funktionieren.</p>
<h3>#5 Remote Access</h3>
<p>Als letzte Möglichkeit gibt es noch den Remote-Zugriff auf andere Rechner. Dies ist zumeist einfacher und schneller, als eben einen Freund anzurufen und ihn darum zu bitten eine Webseite mal kurz auf mögliche Darstellungsfehler mit seinen Browsern zu überprüfen.</p>
<p>Es gibt aber auch Unternehmen im Netz, welche Remotezugriff auf Computer mit verschiedenen Betriebssystemen &amp; Browsern anbieten. Da diese allerdings kostenpflichtig sind und keinen Testzugang anboten, kann ich hierzu nichts weiter sagen.</p>
<h3>Fazit</h3>
<p>Je nach Größe des Webprojektes gibt es verschieden aufwändige Wege die korrekte Darstellung dieser mit verschiedenen Browsern unter unterschiedlichen Betriebssystemen zu testen. Vom einfachen erstellen diverser Screenshots einer Website, bis hin zum live testen der unterschiedlichen Browser unter den gängigsten Betriebssystemen per Virtual Machine.</p>
<p><p>Ein Beitrag von: <a href="http://www.over-blogging.de">Over Blogging</a></p><br/><br/><a href="http://www.over-blogging.de/usability/webdesign-browser-testen/">Teste deine Website mit verschiedenen Browsern!</a></p>


<p>&nbsp;</p>
<!-- google_ad_section_end -->
]]></content:encoded>
			<wfw:commentRss>http://www.over-blogging.de/usability/webdesign-browser-testen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
