<?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>uxzentrisch &#187; link</title>
	<atom:link href="http://uxzentrisch.de/tags/link/feed/" rel="self" type="application/rss+xml" />
	<link>http://uxzentrisch.de</link>
	<description>User Experience Blog</description>
	<lastBuildDate>Wed, 16 May 2012 08:19:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Tipps für das Texten von Verlinkungen</title>
		<link>http://uxzentrisch.de/6-wegweiser-texten-von-links/</link>
		<comments>http://uxzentrisch.de/6-wegweiser-texten-von-links/#comments</comments>
		<pubDate>Wed, 21 Mar 2012 08:30:42 +0000</pubDate>
		<dc:creator>Marcel Kleinlütke</dc:creator>
				<category><![CDATA[Feature]]></category>
		<category><![CDATA[hyperlink]]></category>
		<category><![CDATA[Informationsarchitektur]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texten]]></category>

		<guid isPermaLink="false">http://uxzentrisch.de/?p=5037</guid>
		<description><![CDATA[6 wichtige Wegweiser für das schnelle Auffinden nutzerrelevanter Informationen Das Thema &#0187;Nutzerzentrierung&#0171; hat viele Ausprägungen und Facetten. Eindeutig ist allerdings ihr grundlegender Ansatz, dass sich das Informationsangebot eines Webauftritts an den Nutzerbedürfnissen auszurichten hat. Diese Vorgabe gilt für die Funktionalität und das Layout einer Website, natürlich aber auch für deren Inhalte. Was so selbstverständlich klingt, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>6 wichtige Wegweiser für das schnelle Auffinden nutzerrelevanter Informationen</strong></p>
<p>Das Thema &#0187;Nutzerzentrierung&#0171; hat viele Ausprägungen und Facetten. Eindeutig ist allerdings ihr grundlegender Ansatz, dass sich das Informationsangebot eines Webauftritts an den Nutzerbedürfnissen auszurichten hat. Diese Vorgabe gilt für die Funktionalität und das Layout einer Website, natürlich aber auch für deren Inhalte. Was so selbstverständlich klingt, wird in der Content-Praxis nicht selten außer Acht gelassen.</p>
<p>In der inhaltlichen Konzeption werden insbesondere Linktitel und Teaser oft stiefmütterlich behandelt. Und das obwohl die User-Anforderungen beim Surfen gewachsen sind. Sobald er eine Website angesteuert hat, erwartet der Nutzer schnelle und effektive Orientierungshilfen, um die gewünschten Informationen auffinden zu können. Anders ausgedrückt: Das Informationsangebot bzw. die Inhalte einer Website haben aufgrund der immer kürzeren Verweildauer kaum noch die Chance, gelesen zu werden, wenn der gesuchte Content nicht sofort oder ohne Umwege abgerufen werden kann.</p>
<p>Eine Schlüsselrolle, den User auf möglichst kurzer Strecke zu den gewünschten Inhalten zu führen, spielen Verlinkungen. <span id="more-5037"></span>Vergleichbar mit der Fahrt über eine Autobahn hat der Linktitel die Bedeutung einer Wegbeschreibung oder Autobahnkreuz-Beschilderung. Ist sie schon aufgrund der Fahrgeschwindigkeit nicht erkennbar oder nicht aufschlussreich genug, verfährt sich der Fahrer, kommt verspätet ans Ziel oder erreicht es erst gar nicht. Übertragen aufs Internet findet der User die gesuchten Inhalte nicht. Damit der Ausflug ins WWW zu einer zügigen und erkenntnisreichen Spritztour wird, sollten deshalb folgende Grundsätze beherzigt werden:</p>
<ul>
<li>Eine gute Wegbeschreibung beschränkt sich auf das Wesentliche.</li>
<li>Der Nutzer klickt vorzugsweise auf Links, die ihn schnell an sein Ziel führen.</li>
<li>Inhalts- und lösungsorientierte Linktitel sind zielführende Wegmarken.</li>
<li>Eine trennscharfe Bezeichnung der Linkziele helfen dem Nutzer sich zu orientieren – insbesondere, wenn er sich zwischen zwei Verweisen entscheiden muss.</li>
<li>Die Informationen, die der Nutzer braucht, um ans Ziel zu gelangen, sollten strukturiert aufbereitet sein.</li>
</ul>
<p>Die Tipps zeigen, um im Bild zu bleiben, wie die Autobahn aussagekräftig beschildert wird bzw. wie Verlinkungen so betitelt werden, dass sie auf dem Weg zur Information eine schnelle Orientierungshilfe sind:</p>
<h2>Autobahn A1:</h2>
<p>Ein guter Linktitel nennt den für den User relevanten Inhalt – oder würde man gerne über alle kommenden Ausfahrten informiert werden wollen und erst dann den Namen der Autobahn (A1) erfahren, für die sie aufgezählt wurden?</p>
<h2>Autobahn A2:</h2>
<p>Der Linktext ist so kurz wie eine Überschrift zu verfassen, aber gleichzeitig auch so detailliert, als ob der Verweis alles wäre, was der Nutzer zum Linkthema zu lesen bekäme. Dazu reichen 8 Wörter, länger sollte der Linktext nicht sein. Oder wäre etwa folgende Autobahnbeschilderung hilfreich? &#0187;Wenn Sie in den Süden fahren wollen, nutzen Sie die Abfahrt 49 auf die Autobahn 3 in Richtung Wiesbaden.&#0171;</p>
<h3>Beispiele</h3>
<ul>
<li><strong><span style="color: #42ca00;">Gut:</span></strong> &#0187;Anleitungen zur Router-Installation&#0171;, &#0187;Installationsanleitung FBF WLAN 7390a&#0171;, &#0187;WLAN-Router-Installation FBF WLAN 7390a&#0171;</li>
<li><strong><span style="color: #ff0000;">Schlecht:</span></strong> &#0187;mehr&#8230;&#0171;, &#0187;weiter&#8230;&#0171;, &#0187;Alles Weitere erfahren Sie hier.&#0171;</li>
</ul>
<h2>Autobahn A3:</h2>
<p>Entscheidend ist der Inhalt, nicht das Datei-Format des Links. Deshalb ist das Thema, der Mehrwert oder der Sinn und Zweck des Linkziels zu beschreiben. Dagegen ist der textliche Verweis allein aufs Dateiformat für den Nutzer irrelevant. Ebenso wie das Autobahn-Auffahrtsschild, das auf die Zwei- oder Dreispurigkeit der Strecke hinweist, ohne das Ziel zu nennen.</p>
<h3>Beispiele</h3>
<ul>
<li><strong><span style="color: #42ca00;">Gut:</span></strong>: &#0187;Handbuch FBF WLAN 7390a&#0171;, &#0187;Gegenüberstellung der Tarife&#0171;</li>
<li><strong><span style="color: #ff0000;">Schlecht:</span></strong> &#0187;PDF-Handbuch zum Download&#0171;, &#0187;WMV-Video-Tutorial&#0171;</li>
</ul>
<h2>Autobahn A31:</h2>
<p>Auf Basis von A3 ergibt sich automatisch die nächste Empfehlung: Mehrere Verlinkungen oder ganze Verweislisten sind nicht ihrem Format entsprechend zu strukturieren, sondern unter thematischen bzw. inhaltlichen Gesichtspunkten zu sortieren.</p>
<h3>Beispiele</h3>
<ul>
<li><strong><span style="color: #42ca00;">Gut:</span></strong><br />
<strong>&#0187;(Handbücher) Router-Installation&#0171;</strong><br />
FBF WLAN 7390<br />
FBF WLAN 4530<br />
FBF WLAN 1250</li>
<li><strong><span style="color: #ff0000;">Schlecht:</span></strong><br />
<strong>&#0187;PDF-Handbücher&#0171;</strong><br />
FBF WLAN 7390<br />
GlackGerry Curve 8520 GSM<br />
Ramrung MALAXY S II<br />
Vuyitsu TIVEDOOK AH530<br />
Zoni WAJO E Series</li>
</ul>
<h2>Autobahn A4:</h2>
<p>Jedes Linkziel ist einzigartig – der Linktitel ist daher griffig und prägnant zu formulieren. Je weniger Text der User erfassen muss, um sich ein aussagekräftiges Bild vom Verweisziel zu machen, desto besser.</p>
<h3>Beispiele</h3>
<ul>
<li><strong><span style="color: #42ca00;">Gut:</span></strong> &#0187;Anleitung: Router-Installation FBF WLAN 7390a&#0171;, &#0187;FBF WLAN 7390 Router-Installation&#0171;</li>
<li><strong><span style="color: #ff0000;">Schlecht:</span></strong> &#0187;Wie man einfach einen Router installiert&#0171;, &#0187;Informationen zur Installation eines Routers&#0171;</li>
</ul>
<h2>Autobahn A41:</h2>
<p>Linktitel müssen konkret und relevant sein, das folgt aus A4. Generische oder uferlose Verweisheader, die gleich ein ganzes Sammelsurium an Themen und Fragen abdecken sollen, gehören dagegen auf den Index eines jeden Konzepters, der sich Nutzer- oder noch besser Kundenzentrierung auf die Fahnen geschrieben hat.</p>
<h3>Beispiele</h3>
<ul>
<li><strong><span style="color: #42ca00;">Gut:</span></strong> &#0187;Installationsanleitungen Smartphone XY&#0171;, &#0187;Smartphone Installationsanleitungen, Modell XY&#0171;, &#0187;Roaming-Gebühren &#8211; Ihre Fragen, unsere Antworten&#0171;, &#0187;Kostenaufstellung Roaming&#0171;, &#0187;Tarifzonen Ausland&#0171;</li>
<li><strong><span style="color: #ff0000;">Schlecht:</span></strong> &#0187;FAQ&#0171;, &#0187;Häufig gestellte Fragen&#0171;, &#0187;Nützliches&#0171;, &#0187;(generelle) Informationen&#0171;, &#0187;Sonstiges&#0171;, &#0187;Aktuelles&#0171;, &#0187;Quicklinks&#0171;, &#0187;Useful Links&#0171;</li>
</ul>
<p>Diese und ähnliche Begrifflichkeiten sind besonders dann irreführend, wenn sie – was oft der Fall ist – auf Seiten führen, die nicht in die spezifischen Themen der Navigations- und Menüsteuerung eingebunden sind.</p>
]]></content:encoded>
			<wfw:commentRss>http://uxzentrisch.de/6-wegweiser-texten-von-links/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>MouseOver &gt; Startseite (Best Practice)</title>
		<link>http://uxzentrisch.de/mouseover-startseite-best-practice/</link>
		<comments>http://uxzentrisch.de/mouseover-startseite-best-practice/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 08:27:41 +0000</pubDate>
		<dc:creator>Tobias Jordans</dc:creator>
				<category><![CDATA[Allgemeines]]></category>
		<category><![CDATA[amazon]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[home]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[mouseover]]></category>
		<category><![CDATA[startseite]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://uxzentrisch.de/?p=994</guid>
		<description><![CDATA[Der Link zur Startseite. Es ist inzwischen allgemein anerkannt und bekannt, dass Nutzer den Link zur Startseite aka Homepage auf dem Firmenlogo oben links in der Website erwarten. Diese Regel wurde schon 2001 in einer Studie anschaulich visualisiert. Trotzdem ist es aus Usabilitysicht sinnvoll, in der Nähe des Logos noch einen textlichen Indikator zu platzieren, [...]]]></description>
			<content:encoded><![CDATA[<p>Der Link zur Startseite. Es ist inzwischen allgemein anerkannt und bekannt, dass Nutzer den Link zur Startseite aka Homepage auf dem Firmenlogo oben links in der Website erwarten.</p>
<p>Diese Regel wurde <a href="http://psychology.wichita.edu/surl/usabilitynews/31/web_object.asp">schon 2001 in einer Studie</a> anschaulich visualisiert.</p>
<p style="text-align: center;"><a href="http://uxzentrisch.de/wp-content/uploads/2009/11/heatmap-wo-nutzer-den-startseiten-link-erwarten.png"><img class="size-full wp-image-995  aligncenter" title="heatmap wo nutzer den startseiten-link erwarten" src="http://uxzentrisch.de/wp-content/uploads/2009/11/heatmap-wo-nutzer-den-startseiten-link-erwarten.png" alt="heatmap wo nutzer den startseiten-link erwarten" width="381" height="240" /></a></p>
<p>Trotzdem ist es aus Usabilitysicht sinnvoll, in der Nähe des Logos noch einen textlichen Indikator zu platzieren, der die Funktion des Logos als Startseitenlink bestätigt.</p>
<p>Auf der anderen Seite möchte man das aus gestalterischen Gründen ungerne machen.</p>
<p><strong>Amazon, Facebook und Zappos haben eine sehr gute Lösung gefunden um beide Ziele zu vereinen: </strong>Sie zeigen die Zusatzinformation nur, solange die Maus über dem Logo ist:</p>
<p><a style="overflow: hidden; width: 224px; display: inline-block;" href="http://uxzentrisch.de/wp-content/uploads/2009/11/amazon_detailseite_default.png"><img class="alignnone size-full wp-image-1018" title="amazon_detailseite_default" src="http://uxzentrisch.de/wp-content/uploads/2009/11/amazon_detailseite_default.png" alt="amazon_detailseite_default" width="250" height="155" /></a> <a style="overflow: hidden; width: 224px; display: inline-block;" href="http://uxzentrisch.de/wp-content/uploads/2009/11/amazon_detailseite_mouseover.png"><img class="alignnone size-full wp-image-1019" title="amazon_detailseite_mouseover" src="http://uxzentrisch.de/wp-content/uploads/2009/11/amazon_detailseite_mouseover.png" alt="amazon_detailseite_mouseover" width="250" height="155" /></a></p>
<p><a style="overflow: hidden; width: 224px; display: inline-block;" href="http://uxzentrisch.de/wp-content/uploads/2009/11/facebook_default.png"><img class="alignnone size-full wp-image-1020" title="facebook_default" src="http://uxzentrisch.de/wp-content/uploads/2009/11/facebook_default.png" alt="facebook_default" width="224" height="145" /></a> <a style="overflow: hidden; width: 224px; display: inline-block;" href="http://uxzentrisch.de/wp-content/uploads/2009/11/facebook_mouseover.png"><img class="alignnone size-full wp-image-1017" title="facebook_mouseover" src="http://uxzentrisch.de/wp-content/uploads/2009/11/facebook_mouseover.png" alt="facebook_mouseover" width="224" height="145" /></a></p>
<p><a style="overflow: hidden; width: 224px; display: inline-block;" href="http://uxzentrisch.de/wp-content/uploads/2009/11/homepageicon-zappos-default.png"><img class="alignnone size-full wp-image-1022" title="homepageicon zappos default" src="http://uxzentrisch.de/wp-content/uploads/2009/11/homepageicon-zappos-default.png" alt="homepageicon zappos default" width="376" height="205" /></a> <a style="overflow: hidden; width: 224px; display: inline-block;" href="http://uxzentrisch.de/wp-content/uploads/2009/11/homepageicon-zappos-mouseover.png"><img class="alignnone size-full wp-image-1021" title="homepageicon zappos mouseover" src="http://uxzentrisch.de/wp-content/uploads/2009/11/homepageicon-zappos-mouseover.png" alt="homepageicon zappos mouseover" width="295" height="205" /></a></p>
<p>Ein besonderes Lob muss man dabei Amazon und Zappos aussprechen: Sie zeigen diese Effekt auch nur an, wenn man sich auf einer Detailseite befindet. Facebook dagegen lässt den Nutzer auch auf der Homepage zurück auf die Homepage gehen&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://uxzentrisch.de/mouseover-startseite-best-practice/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

