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

<channel>
	<title>KnowTeBook - Webworkers Daily Milk &#187; usability</title>
	<atom:link href="http://www.knowtebook.com/tag/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://www.knowtebook.com</link>
	<description>A community blog about design, ideas, trends, wordpress &#38; more.</description>
	<pubDate>Tue, 27 Jul 2010 08:46:19 +0000</pubDate>
	<generator>http://wordpress.org/?v=9</generator>
	<language>en</language>
			<item>
		<title>Usability: Watch movies of your users behavior session</title>
		<link>http://www.knowtebook.com/usability-watch-movies-of-your-users-behavior-session-1607.htm</link>
		<comments>http://www.knowtebook.com/usability-watch-movies-of-your-users-behavior-session-1607.htm#comments</comments>
		<pubDate>Mon, 16 Feb 2009 09:34:04 +0000</pubDate>
		<dc:creator>Knowtebook</dc:creator>
		
		<category><![CDATA[tools]]></category>

		<category><![CDATA[statistics]]></category>

		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.knowtebook.com/?p=1607</guid>
		<description><![CDATA[Run instant usability studies for your website using your real users. You can get it up &#38; running in seconds with one line of javascript, and immediately watch movies of your users’ browsing sessions to analyze their behavior.

userfly.com from Chris (...)]]></description>
			<content:encoded><![CDATA[<p>Run instant usability studies for your website using your real users. You can get it up &amp; running in seconds with one line of javascript, and immediately watch movies of your users’ browsing sessions to analyze their behavior.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="377" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2451370&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="500" height="377" src="http://vimeo.com/moogaloop.swf?clip_id=2451370&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a target="_blank" href="http://vimeo.com/2451370">userfly.com</a> from <a target="_blank" href="http://vimeo.com/user930239">Chris Estreich</a> on <a target="_blank" href="http://vimeo.com">Vimeo</a>.</p>
<p><span id="more-1607"></span></p>]]></content:encoded>
			<wfw:commentRss>http://www.knowtebook.com/usability-watch-movies-of-your-users-behavior-session-1607.htm/feed</wfw:commentRss>
		</item>
		<item>
		<title>Sharing Activity Chart 2008 - Users Social Bookmarking Analysed</title>
		<link>http://www.knowtebook.com/sharing-activity-chart-2008-users-social-bookmarking-analysed-1580.htm</link>
		<comments>http://www.knowtebook.com/sharing-activity-chart-2008-users-social-bookmarking-analysed-1580.htm#comments</comments>
		<pubDate>Thu, 08 Jan 2009 13:31:57 +0000</pubDate>
		<dc:creator>Knowtebook</dc:creator>
		
		<category><![CDATA[how-to]]></category>

		<category><![CDATA[tools]]></category>

		<category><![CDATA[social media]]></category>

		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.knowtebook.com/?p=1580</guid>
		<description><![CDATA[Knowing the sharing activity on your site can give you some insight as to what your most popular content is and how your visitors are sharing. We feel that it’s important to listen to your visitors, and they have a (...)]]></description>
			<content:encoded><![CDATA[<p>Knowing the sharing activity on your site can give you some insight as to what your most popular content is and how your visitors are sharing. We feel that it’s important to listen to your visitors, and they have a lot to say. Sharethis.com wanted to share with you some information involving overall sharing activity around the net.</p>
<p><img class="alignnone size-full wp-image-1581" title="sharechart" src="http://www.knowtebook.com/uploaded/2009/01/sharechart.jpg" alt="sharechart Sharing Activity Chart 2008 - Users Social Bookmarking Analysed" width="500" height="326" /></p>
<p>As you can see, <strong>Email dominates sharing activity</strong>. So, what can we learn out of this? <a target="_blank" href="http://www.cheezhead.com/2008/08/07/sharethis-dat/" target="_blank">Cheezhead</a> says:</p>
<blockquote><p>The lesson: People have a wide variety of preferences as to how they interact with publishers and connect with friends. As a smart marketer, the key is to plug into users on <em>their</em> terms. Not yours.</p></blockquote>
<p><span id="more-1580"></span></p>
<h2>Common Social Bookmark Tools</h2>
<ul>
<li><a target="_blank" href="http://sharethis.com/" target="_blank">ShareThis</a></li>
<li><a target="_blank" href="http://www.foxiewire.com/shareaholic" target="_blank">Shareaholic</a></li>
<li><a target="_blank" href="http://addthis.com/" target="_blank">addthis</a></li>
<li><a target="_blank" href="http://yoast.com/wordpress/sociable/" target="_blank">Sociable</a></li>
</ul>
<h3>Now, it is your turn. Tell us your experiences or tools you are using!</h3>]]></content:encoded>
			<wfw:commentRss>http://www.knowtebook.com/sharing-activity-chart-2008-users-social-bookmarking-analysed-1580.htm/feed</wfw:commentRss>
	<enclosure url='http://www.knowtebook.com/uploaded/2009/01/sharechart-150x150.jpg' length ='1'  type='image/jpeg' />	</item>
		<item>
		<title>Usability: Benutzerfreundliche Best&#228;tigungsemails</title>
		<link>http://www.knowtebook.com/usability-benutzerfreundliche-bestaetigungsemails-832.htm</link>
		<comments>http://www.knowtebook.com/usability-benutzerfreundliche-bestaetigungsemails-832.htm#comments</comments>
		<pubDate>Sun, 24 Feb 2008 17:52:50 +0000</pubDate>
		<dc:creator>Knowtebook</dc:creator>
		
		<category><![CDATA[tutorials]]></category>

		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.4webworking.com/allgemein/usability-benutzerfreundliche-bestaetigungsemails/</guid>
		<description><![CDATA[
Auch in Emails bedarf es einer gewissen Benutzerfreundlichkeit. Dieser Artikel zeigt die Gegens&#228;tze zwischen verschiedenen Varianten von Best&#228;tigungsemails und was sie zus&#228;tzlich beachten sollten.
Vielleicht haben Sie es schon bemerkt. Die Inhalte von Best&#228;tigungsemails werden mit der Zeit immer k&#252;rzer. Vielerorts (...)]]></description>
			<content:encoded><![CDATA[<p id="RTEmultiCSSID" style="position: relative; font-family: Arial">
<p><strong></strong><strong>Auch in Emails bedarf es einer gewissen Benutzerfreundlichkeit. Dieser Artikel zeigt die Gegens&#228;tze zwischen verschiedenen Varianten von Best&#228;tigungsemails und was sie zus&#228;tzlich beachten sollten.</strong></p>
<p>Vielleicht haben Sie es schon bemerkt. Die Inhalte von Best&#228;tigungsemails werden mit der Zeit immer k&#252;rzer. Vielerorts werden Informationen ausgelassen oder finden sich in FAQ-Listen (Frequently Asked Questions - H&#228;ufig gestellte Fragen) wieder. Manchmal werden Best&#228;tigungsmails mit ein paar Zeilen Text auch noch schnell zu sp&#228;ter Stunde von Programmierern erstellt, die dann bis auf weiteres unentdeckt bleiben.</p>
<p>Gerade aber im Bereich des E-Commerce, wenn Kunden oder Mitglieder z.B. etwas bestellen m&#246;chten und man sein Produkt auch verkaufen m&#246;chte, sollte man sich gewisse Grundregeln aneignen.</p>
<p><span id="more-832"></span></p>
<h2><strong>Beispiel</strong></h2>
<p>Anhand eines Beispieles m&#246;chte ich auf die A&#8217;s und O&#8217;s von Best&#228;tigungsmails eingehen. Der 1. Text stammt aus einer automatisch versendeten Best&#228;tigungsemail beim Abonieren eines Newsletters, wie man ihn so oft an die Birne geklatscht bekommt. Der 2. Text ist eine &#220;berarbeitung des ersten Textes und h&#228;lt sich an die Richtlinien, die weiter unten benannt werden. Wie haben ihn auf unseren Newsletter ausgerichtet um es anschaulicher zu machen.</p>
<table border="0" cellspacing="3" cellpadding="0" width="500" bgcolor="#f5f5f5">
<tbody>
<tr>
<td>Text 1:<br />
<span style="color: #990000;"><br />
Hallo,</span></p>
<p><span style="color: #990000;">vielen Dank, dass Du dich f&#252;r unseren Newsletter entschieden hast.</span></p>
<p><span style="color: #990000;">MfG,<br />
der Webmaster</span></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="3" cellpadding="0" width="500" bgcolor="#f5f5f5">
<tbody>
<tr>
<td>Text2:<br />
<span style="color: #990000;">Lieber Thomas,</span></p>
<p><span style="color: #990000;">vielen Dank, dass Sie den 4Webworking.de Newsletter mit den n&#252;tzlichsten Weblinks, Downloads und den neuesten Artikeln abonieren m&#246;chten. Sie erhalten Ihre erste Ausgabe am n&#228;chsten Dienstag.</span></p>
<p><span style="color: #990000;">Wenn es nicht zuviel M&#252;he macht, w&#252;rde ich mich &#252;ber eine schnelle Email an <a target="_blank" href="mailto:webmaster@homepage.de">webmaster@homepage.de</a> freuen, die Ihre Hoffnungen und Erwartungen an den KnowTeBook Newsletter schildert. So kann ich besser den Inhalt des Newsletters auf Ihre Interessen abstimmen.</span></p>
<p><span style="color: #990000;">Bei Anregungen oder R&#252;ckfragen k&#246;nnen sich mich gern jederzeit unter +49 (0) 89 555 555 6 und <a target="_blank" href="mailto:webmaster@homepage.de">webmaster@homepage.de</a> erreichen.</span></p>
<p><span style="color: #990000;">Mit besten Gr&#252;&#223;en,<br />
Max Mustermann<br />
<a target="_blank" href="http://www.homepage.de/">www.homepage.de</a></span></p>
<p><span style="color: #990000;">Wenn Sie den KnowTeBook Newsletter nicht mehr erhalten m&#246;chten, klicken Sie bitte auf folgenden Link:<br />
<a target="_blank" href="http://www.homepage.de/abbestellen.html">http://www.homepage.de/abbestellen.html</a></span></td>
</tr>
</tbody>
</table>
<p>Was war denn nun anders? Grundlegend alles!</p>
<h2><strong>Auswertung des Beispieles</strong></h2>
<p><strong> </strong><br />
Der 2. Text war mit direkter Anrede wesentlich <strong>pers&#246;nlicher</strong>. Dies l&#228;sst beim Leser erst gar kein Distanzgef&#252;hl entstehen.</p>
<p>Er enthielt den <strong>Name</strong>n des Newsletters, also das bestellte Produkt, und deren <strong>Beschreibung</strong>. Es ist beruhigend zu sehen, was man bestellt hat. Das zeigt, dass bei der Bestellung alles in Ordnung gegangen ist.</p>
<p>Es wird konkret das <strong>Versendedatum</strong> des Newsletters benannt. Der Benutzer kann sich darauf einrichten und rechnet damit. Entt&#228;uschen Sie ihn also nicht.</p>
<p>Ferner, k&#246;nnen Sie diese M&#246;glichkeit nutzen um ein <strong>Feedback </strong>vom Kunden bzw. Benutzer zu erhalten, noch bevor er &#252;berhaupt eine erste Ausgabe bzw. das Produkt bekommen hat. So k&#246;nnen Sie besser einsch&#228;tzen ob die Beschreibung des Newsletters bzw. des Produktes auch dem Inhalt entspricht und welche Erwartungen an Sie gerichtet werden.</p>
<p>Dar&#252;ber hinaus, geben Sie eine gewisse N&#228;he bekannt, dadurch dass Sie Kontaktm&#246;glichkeiten benennen und Sie signalisieren Erreichbarkeit. Das sch&#228;tzen Kunden und verschafft Vertrauen!</p>
<p>Zus&#228;tzlich sollten sie dem Kunden eine Storno-M&#246;glichkeit bieten. Niemand l&#228;sst sich gern etwas aufzwingen. Zum Anderen steigert dieser Eintrag den Wert der Best&#228;tigungsemail erheblich. Benutzer heben sich diese Mail auf und stecken sie in einen Ordner um f&#252;r den Fall der F&#228;lle eine Austragungsm&#246;glichkeit oder <strong>Kontaktinformationen</strong> zu haben.</p>
<p>Sie sehen, es steckt viel Potenzial in Best&#228;tigungsemails. Man muss es nur ausnutzen.</p>
<h2><strong>Richtlinien f&#252;r benutzerfreundliche Best&#228;tigungsemails</strong></h2>
<p>Zusammenfassend kann man daraus folgende Richtlinien erstellen:</p>
<ol>
<li>Gliedern Sie die Informationen in der Email nach Priorit&#228;t. Das Wichtigste sollte immer zu erst stehen.</li>
<li>Sprechen Sie den Nutzer an.</li>
<li>Benennen Sie das vom Nutzer bestellte Produkt und deren Beschreibung nochmals um Irrt&#252;mer auszuschliessen.</li>
<li>Sagen Sie dem Nutzer, wenn m&#246;glich, ganz konkret wann Ihre Bestellung versendet und ankommen wird.</li>
<li>Zeigen Sie Offenheit, indem Sie Kontaktinformationen angeben.</li>
<li>Eine Storno-M&#246;glichkeit sollte vorhanden sein.</li>
<li>Vermeiden Sie Werbung. Der schnelle Leser wird denken, es handelt sich um Spam und l&#246;scht versehentlich die Mail.</li>
<li>Versetzen Sie sich in die Rolle des Kunden: Was will er h&#246;ren, was ist f&#252;r Ihn wichtig. Wenn n&#246;tig, fragen Sie Testpersonen oder Bekannte &#252;ber Ihre Erfahrungen.</li>
<li>Automatisch generierte Best&#228;tigungsmails sollten sofort nach dem Abwicklungsprozess der Bestellung an den Kunden gesendet werden. Erh&#228;lt der Leser keine weiteren Informationen oder erst sp&#228;ter, wird er unsicher ob die Bestellung funktioniert hat. So vermeiden Sie auch ungewollte Doppelbestellungen.</li>
<li>Zus&#228;tzlich k&#246;nnen die Benutzerinformationen wie Benutzername, Passwort oder Kundennummer angegeben werden.</li>
<li>Nutzen Sie die M&#246;glichkeit um an ein Feedback zu gelangen!</li>
<li>Schreiben Sie kurz und pr&#228;gnant. Der Leser hat nicht ewig Zeit.</li>
</ol>
<p>Benutzerfreundliche Best&#228;tigungsinformationen und strukturierter Inhalt helfen nicht nur dem Leser, sondern erspart auch Ihnen jede Menge Zeit bei der Beantwortung von R&#252;ckfragen. Zudem verschaffen Sie sich damit nur Freunde und dass bei minimalen Aufwand und minimalen Kosten - etwas mehr Zeit!</p>]]></content:encoded>
			<wfw:commentRss>http://www.knowtebook.com/usability-benutzerfreundliche-bestaetigungsemails-832.htm/feed</wfw:commentRss>
		</item>
		<item>
		<title>How To Simplify Form Errors</title>
		<link>http://www.knowtebook.com/how-to-simplify-form-errors-624.htm</link>
		<comments>http://www.knowtebook.com/how-to-simplify-form-errors-624.htm#comments</comments>
		<pubDate>Sat, 09 Feb 2008 21:23:21 +0000</pubDate>
		<dc:creator>Knowtebook</dc:creator>
		
		<category><![CDATA[tutorials]]></category>

		<category><![CDATA[usability]]></category>

		<category><![CDATA[webdevelopment]]></category>

		<guid isPermaLink="false">http://www.4webworking.de/allgemein/usability-php-formular-fehler-vermeiden/</guid>
		<description><![CDATA[One of the most frustrating experiences on the Web is filling out forms. When mistakes are made, the user is often left guessing what they need to correct. We&#8217;ve taken an approach that shows the user in no uncertain terms (...)]]></description>
			<content:encoded><![CDATA[<p>One of the most frustrating experiences on the Web is filling out forms. When mistakes are made, the user is often left guessing what they need to correct. We&#8217;ve taken an approach that shows the user in no uncertain terms what needs to be fixed.</p>
<p><a target="_blank" href="http://kalsey.com/simplified/form_errors/" target="_blank"><img class="alignnone size-full wp-image-1327" title="formerrors" src="http://www.knowtebook.com/uploaded/2008/08/formerrors.gif" alt="formerrors How To Simplify Form Errors" width="422" height="247" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.knowtebook.com/how-to-simplify-form-errors-624.htm/feed</wfw:commentRss>
	<enclosure url='http://www.knowtebook.com/uploaded/2008/08/formerrors-150x150.gif' length ='1'  type='image/jpeg' />	</item>
		<item>
		<title>Sprechende Links im URL-Design</title>
		<link>http://www.knowtebook.com/sprechende-links-im-url-design-584.htm</link>
		<comments>http://www.knowtebook.com/sprechende-links-im-url-design-584.htm#comments</comments>
		<pubDate>Sat, 09 Feb 2008 21:23:21 +0000</pubDate>
		<dc:creator>Knowtebook</dc:creator>
		
		<category><![CDATA[how-to]]></category>

		<category><![CDATA[domains]]></category>

		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.4webworking.de/allgemein/url-design/</guid>
		<description><![CDATA[In Usability-Seminaren sind manche Teilnehmer ziemlich erstaunt, wenn sie den Begriff »URL-Design« h&#246;ren. Oft glaubt man, dass URLs als Dateinamen gar nicht beeinflussbar seien, und wenn &#252;berhaupt, dass das doch ein Fall f&#252;r die Suchmaschinen-Optimierer sei. Und was das denn (...)]]></description>
			<content:encoded><![CDATA[<p>In Usability-Seminaren sind manche Teilnehmer ziemlich erstaunt, wenn sie den Begriff »URL-Design« h&#246;ren. Oft glaubt man, dass URLs als Dateinamen gar nicht beeinflussbar seien, und wenn &#252;berhaupt, dass das doch ein Fall f&#252;r die Suchmaschinen-Optimierer sei. Und was das denn mit dem Besucher zu tun habe – Hauptsache, der Browser zeigt den richtigen Inhalt an.</p>
<p><a target="_blank" title="TinyURL?" href="http://www.scoreberlin.de/usability-artikel/url-design/" target="_blank"><img src="http://farm3.static.flickr.com/2024/1790914408_df517c6cee.jpg" border="0" alt="TinyURL?" title="1790914408 df517c6cee Sprechende Links im URL Design   how to" /></a><br />
<small><a target="_blank" title="Attribution License" href="http://creativecommons.org/licenses/by/2.0/" target="_blank"><img src="http://www.knowtebook.com/wp-content/plugins/photo_dropper/images/cc.png" border="0" alt="Creative Commons License" width="16" height="16" align="absmiddle" title="cc Sprechende Links im URL Design   how to" /></a> <a target="_blank" href="http://www.photodropper.com/photos/" target="_blank">photo</a> credit: <a target="_blank" title="schoschie" href="http://www.flickr.com/photos/87569910@N00/1790914408/" target="_blank">schoschie</a></small></p>]]></content:encoded>
			<wfw:commentRss>http://www.knowtebook.com/sprechende-links-im-url-design-584.htm/feed</wfw:commentRss>
		</item>
		<item>
		<title>Usability: Formulare mit &#220;bersicht - Teil 1</title>
		<link>http://www.knowtebook.com/usability-formulare-mit-uebersicht-teil-1-7.htm</link>
		<comments>http://www.knowtebook.com/usability-formulare-mit-uebersicht-teil-1-7.htm#comments</comments>
		<pubDate>Tue, 24 Feb 2004 17:52:50 +0000</pubDate>
		<dc:creator>Knowtebook</dc:creator>
		
		<category><![CDATA[Allgemein]]></category>

		<category><![CDATA[formulare]]></category>

		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.4webworking.com/allgemein/usability-formulare-mit-uebersicht-teil-1/</guid>
		<description><![CDATA[Lange Formulare k&#246;nnen schnell un&#252;bersichtlich werden. Mit einfachen visuellen Hilfsmitteln kann man viel f&#252;r die &#220;bersicht und Benutzerfreundlichkeit von Formularen gewinnen.
Nehmen wir an Sie haben ein Formular und &#252;berpr&#252;fen standardgem&#228;&#223; die vom Nutzer eingetragenden Daten auf ihre Richtigkeit. Das liegt (...)]]></description>
			<content:encoded><![CDATA[<p><strong>Lange Formulare k&#246;nnen schnell un&#252;bersichtlich werden. Mit einfachen visuellen Hilfsmitteln kann man viel f&#252;r die &#220;bersicht und Benutzerfreundlichkeit von Formularen gewinnen.</strong></p>
<p>Nehmen wir an Sie haben ein Formular und &#252;berpr&#252;fen standardgem&#228;&#223; die vom Nutzer eingetragenden Daten auf ihre Richtigkeit. Das liegt zum Einen daran, dass Menschen im Internet nur wenig Zeit haben und sich an Formularen nur kurze Zeit daran aufhalten m&#246;chten. Fl&#252;chtigkeitsfehler schleichen sich oft ein!</p>
<p>Sie als Entwickler k&#246;nnen nun entweder dem Nutzer darauf hinweisen, dass er die Daten noch vervollst&#228;ndigen bzw. erg&#228;nzen soll oder dass er die Daten in einem falschen Format eingetragen hat, ODER Sie geben Ihren Nutzern ein wenig Unterst&#252;tzung dabei ohne selbst viel Aufwand zu haben und vermeiden zudem noch das Stirnrunzeln des Benutzers.</p>
<p>Eine Methode mit der sie unschl&#252;ssigen Benutzern trotzdem helfen k&#246;nnen Formulare richtig auszuf&#252;llen, ist ein Beispielwert f&#252;r das Feld anzugeben.<br />
Vielerlei wird dies bei Passw&#246;rtern schon gemacht. Bei anderen Feldern jedoch nicht f&#252;r erachtenswert gehalten.</p>
<p><strong><img src="http://www.4webworking.com/uploaded/formularevisuell1.gif" alt="formularevisuell1 Usability: Formulare mit &#220;bersicht - Teil 1" title="formularevisuell1.gif" border="0" height="407" width="504" /><br />
<font face="Verdana"><font size="2"><br />
</font></font></strong><font face="Verdana"><font size="2"> Probieren Sie es aus und Ihre Internetnutzer werden es Ihnen danken!</font></font></p>]]></content:encoded>
			<wfw:commentRss>http://www.knowtebook.com/usability-formulare-mit-uebersicht-teil-1-7.htm/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
