<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>DESIGNOUTPUT</title> <link>http://www.designoutput.de</link> <description>Web und Motion</description> <lastBuildDate>Wed, 11 Jan 2012 21:25:03 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/designoutput" /><feedburner:info uri="designoutput" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>designoutput</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><title>When all is said and done…</title><link>http://feedproxy.google.com/~r/designoutput/~3/zlQmCBJItHM/</link> <comments>http://www.designoutput.de/grafikdesign/when-all-is-said-and-done/#comments</comments> <pubDate>Wed, 11 Jan 2012 21:25:03 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Dribbble]]></category> <category><![CDATA[Grafikdesign]]></category><guid isPermaLink="false">http://www.designoutput.de/?p=401</guid> <description><![CDATA[When all is said and done, much more is said than done]]></description> <content:encoded><![CDATA[<p>When all is said and done, much more is said than done</p><p><img
src="http://www.designoutput.de/wp-content/uploads/2012/01/saidanddone.jpg" alt="" title="When all is said and done, much more is said than done" width="520" height="693" class="alignnone size-full wp-image-402" /></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/zlQmCBJItHM" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/grafikdesign/when-all-is-said-and-done/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/grafikdesign/when-all-is-said-and-done/</feedburner:origLink></item> <item><title>Das Ende ist nah…</title><link>http://feedproxy.google.com/~r/designoutput/~3/QBug5wID3Jk/</link> <comments>http://www.designoutput.de/grafikdesign/das-ende-ist-nah/#comments</comments> <pubDate>Sat, 31 Dec 2011 12:48:38 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Dribbble]]></category> <category><![CDATA[Grafikdesign]]></category><guid isPermaLink="false">http://www.designoutput.de/?p=393</guid> <description><![CDATA[2011 ist fast zu Ende. 2012 soll ja die Welt untergehen. Allerdings erst im Dezember. Wir haben also noch Zeit, die Dinge, die uns bisher nicht so gefallen haben, zu ändern. Also rufen wir das Jahr 2012 doch einfach als &#8220;Jahr der Veränderung&#8221; aus. Wem jetzt nichts einfällt, kann sich ja mal auf www.crowdnovels.com eintragen. [...]]]></description> <content:encoded><![CDATA[<p>2011 ist fast zu Ende. 2012 soll ja die Welt untergehen. Allerdings erst im Dezember. Wir haben also noch Zeit, die Dinge, die uns bisher nicht so gefallen haben, zu ändern. Also rufen wir das Jahr 2012 doch einfach als &#8220;Jahr der Veränderung&#8221; aus. Wem jetzt nichts einfällt, kann sich ja mal auf <a
href="http://crowdnovels.com" title="www.crowdnovels.com" target="_blank">www.crowdnovels.com</a> eintragen. Da kann man 2012 auf jeden Fall den Lauf der Geschichte ändern.</p><p><img
src="http://www.designoutput.de/wp-content/uploads/2011/12/theyearofchange_m.jpg" alt="" title="The Year of Change" width="520" height="390" class="alignnone size-full wp-image-396" /></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/QBug5wID3Jk" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/grafikdesign/das-ende-ist-nah/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/grafikdesign/das-ende-ist-nah/</feedburner:origLink></item> <item><title>Interface für eine Schichtplaner-WebApp</title><link>http://feedproxy.google.com/~r/designoutput/~3/rOWTUV6i_ew/</link> <comments>http://www.designoutput.de/projekte/interface-fur-eine-schichtplaner-webapp/#comments</comments> <pubDate>Mon, 05 Dec 2011 18:57:19 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Dribbble]]></category> <category><![CDATA[Interface Design]]></category> <category><![CDATA[Projekte]]></category><guid isPermaLink="false">http://www.designoutput.de/?p=381</guid> <description><![CDATA[Dies ist ein Interface für eine Web-Anwendung, an der ich gerade arbeite. Man wird damit möglichst einfach einen Schichtplan in einem Unternehmen verwalten können.]]></description> <content:encoded><![CDATA[<p>Dies ist ein Interface für eine Web-Anwendung, an der ich gerade arbeite. Man wird damit möglichst einfach einen Schichtplan in einem Unternehmen verwalten können.<br
/> <img
src="http://www.designoutput.de/wp-content/uploads/2011/12/schichtplaner-lupe.jpg" alt="" title="Schichtplaner" width="520" height="611" class="alignnone size-full wp-image-382" /><br
/> <img
src="http://www.designoutput.de/wp-content/uploads/2011/12/schichtplaner-lupe2.jpg" alt="" title="Schichtplaner" width="517" height="428" class="alignnone size-full wp-image-383" /></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/rOWTUV6i_ew" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/projekte/interface-fur-eine-schichtplaner-webapp/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/projekte/interface-fur-eine-schichtplaner-webapp/</feedburner:origLink></item> <item><title>Kostenloses PSD: Modal Login Box</title><link>http://feedproxy.google.com/~r/designoutput/~3/Fa7swHVGZGY/</link> <comments>http://www.designoutput.de/free-stuff/kostenloses-psd-modal-login-box/#comments</comments> <pubDate>Fri, 02 Dec 2011 15:55:06 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Dribbble]]></category> <category><![CDATA[Free Stuff]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=25</guid> <description><![CDATA[Wer braucht heutzutage keine Login-Box? Lad Sie dir einfach runter und mach damit was du willst :)]]></description> <content:encoded><![CDATA[<p>Wer braucht heutzutage keine Login-Box? Lad Sie dir einfach runter und mach damit was du willst :)</p><p><img
src="http://www.designoutput.de/wp-content/uploads/2011/12/loginscreen.jpg" alt="" title="Modal Login Box" width="520" height="491" class="alignnone size-full wp-image-372" /></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/Fa7swHVGZGY" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/free-stuff/kostenloses-psd-modal-login-box/feed/</wfw:commentRss> <slash:comments>2</slash:comments> <feedburner:origLink>http://www.designoutput.de/free-stuff/kostenloses-psd-modal-login-box/</feedburner:origLink></item> <item><title>Tough Luck</title><link>http://feedproxy.google.com/~r/designoutput/~3/UlKV2cRt4Bs/</link> <comments>http://www.designoutput.de/videos/tough-luck/#comments</comments> <pubDate>Sun, 04 Sep 2011 16:38:30 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Videos]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=1</guid> <description><![CDATA[Eines Tages erhält der mittlerweile sehr heruntergekommene Detektiv Jack McKenzie einen unangenehmen Auftrag. Wegen seiner schlechten finanziellen Situation nimmt er ihn an und besiegelt damit sein Schicksal&#8230;]]></description> <content:encoded><![CDATA[<p>Eines Tages erhält der mittlerweile sehr heruntergekommene Detektiv Jack McKenzie einen unangenehmen Auftrag. Wegen seiner schlechten finanziellen Situation nimmt er ihn an und besiegelt damit sein Schicksal&#8230;</p><p><iframe
src="http://player.vimeo.com/video/2636494?title=0&amp;byline=0&amp;portrait=0&amp;color=FCD638" width="520" height="293" frameborder="0"></iframe></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/UlKV2cRt4Bs" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/videos/tough-luck/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/videos/tough-luck/</feedburner:origLink></item> <item><title>Crowdnovels</title><link>http://feedproxy.google.com/~r/designoutput/~3/UvogybYYngI/</link> <comments>http://www.designoutput.de/projekte/crowdnovels/#comments</comments> <pubDate>Sat, 03 Sep 2011 12:28:00 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Dribbble]]></category> <category><![CDATA[Projekte]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=53</guid> <description><![CDATA[Crowdnovels ist ein Projekt, an dem ich gerade manchmal arbeite. Ich kann und will noch nicht allzu viel verraten, aber soviel ist schon mal sicher: es geht um’s Schreiben (und Lesen) von Büchern. Und Crowdsourcing hat auch was damit zu tun. UPDATE 04.09.11: Ab sofort kannst du dich auf crowdnovels.com in den Verteiler eintragen. Wir [...]]]></description> <content:encoded><![CDATA[<p>Crowdnovels ist ein Projekt, an dem ich <del>gerade</del> manchmal arbeite. Ich kann und will noch nicht allzu viel verraten, aber soviel ist schon mal sicher: es geht um’s Schreiben (und Lesen) von Büchern. Und Crowdsourcing hat auch was damit zu tun.</p><p><strong>UPDATE 04.09.11</strong>:<br
/> Ab sofort kannst du dich auf <a
href="http://crowdnovels.com" title="Crowdnovels">crowdnovels.com</a> in den Verteiler eintragen. Wir werden dich dann über den Inhalt und die Fortschritte des Projekts auf dem Laufenden halten.</p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/UvogybYYngI" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/projekte/crowdnovels/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/projekte/crowdnovels/</feedburner:origLink></item> <item><title>Love the whole elephant</title><link>http://feedproxy.google.com/~r/designoutput/~3/QB_cXA68pG8/</link> <comments>http://www.designoutput.de/grafikdesign/love-the-whole-elephant/#comments</comments> <pubDate>Sun, 03 Jul 2011 14:37:47 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Dribbble]]></category> <category><![CDATA[Grafikdesign]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=56</guid> <description><![CDATA[Ein interessanter Artikel zum großen Thema Social Media hat mich zu dieser Arbeit inspiriert.]]></description> <content:encoded><![CDATA[<p>Ein interessanter Artikel zum großen Thema Social Media hat mich zu dieser Arbeit inspiriert.</p><p><img
src="http://www.designoutput.de/wp-content/uploads/2011/07/lovethewholeelephant.jpg" alt="" title="Love the whole elephant" width="520" height="694" class="alignnone size-full wp-image-364" /></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/QB_cXA68pG8" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/grafikdesign/love-the-whole-elephant/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/grafikdesign/love-the-whole-elephant/</feedburner:origLink></item> <item><title>Everything is a remix</title><link>http://feedproxy.google.com/~r/designoutput/~3/ctFL_xiKh1o/</link> <comments>http://www.designoutput.de/videos/everything-is-a-remix/#comments</comments> <pubDate>Fri, 03 Jun 2011 14:21:37 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Videos]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=48</guid> <description><![CDATA[Albert Einstein hat einmal gesagt: &#8220;Creativitiy is contagious. Pass it on.&#8221; In diesem Sinne empfehle ich Kerby Fergusons großartige Serie “Everything Is A Remix”. Hier der dritte Teil der Serie mit Fokus auf dem Thema “Kreativität”. Auf jeden Fall aber auch die ersten beiden Teile anschauen. Der vierte und letzte Part erscheint im Herbst 2011.]]></description> <content:encoded><![CDATA[<p>Albert Einstein hat einmal gesagt: &#8220;Creativitiy is contagious. Pass it on.&#8221;</p><p>In diesem Sinne empfehle ich Kerby Fergusons großartige Serie “Everything Is A Remix”.<br
/> Hier der dritte Teil der Serie mit Fokus auf dem Thema “Kreativität”. Auf jeden Fall aber auch die ersten beiden Teile anschauen. Der vierte und letzte Part erscheint im Herbst 2011.</p><p><iframe
src="http://player.vimeo.com/video/25380454?title=0&amp;byline=0&amp;portrait=0&amp;color=FCD638" width="520" height="293" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/ctFL_xiKh1o" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/videos/everything-is-a-remix/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/videos/everything-is-a-remix/</feedburner:origLink></item> <item><title>Usability von Webformularen verbessern</title><link>http://feedproxy.google.com/~r/designoutput/~3/2c-bc8kG5yQ/</link> <comments>http://www.designoutput.de/artikel/usability-von-webformularen-verbessern-2/#comments</comments> <pubDate>Wed, 02 Sep 2009 22:24:45 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Artikel]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=34</guid> <description><![CDATA[Wenn wir Menschen uns beim täglichen Surfen durch die Weiten des Internets bewegen, tun wir das meistens, weil wir auf der Suche sind. Auf der Suche nach Informationen, die wir möglichst schnell finden wollen. Wie gut diese Aufgabe bewältigt werden kann hängt sehr stark vom Konzept einer Website ab. Wird der Besucher geleitet und erhält [...]]]></description> <content:encoded><![CDATA[<p>Wenn wir Menschen uns beim täglichen Surfen durch die Weiten des Internets bewegen, tun wir das meistens, weil wir auf der Suche sind. Auf der Suche nach Informationen, die wir möglichst schnell finden wollen. Wie gut diese Aufgabe bewältigt werden kann hängt sehr stark vom Konzept einer Website ab. Wird der Besucher geleitet und erhält er zum richtigen Zeitpunkt ein Feedback zu der Interaktion, die er ausgeführt hat, stellt sich ein Zufriedenheitsgefühl ein. Umgekehrt kann es schnell zu Frustrationen führen, wenn bestimmte Aktionen nicht das Resultat hervorrufen, das der User erwartet hat. Kurz: die Usability einer Website hat erheblichen Einfluss auf die User Experience.</p><p><span
id="more-207"></span></p><p>Wie unterschiedlich diese Benutzererfahrung alleine im Ausfüllen unterschiedlich konzipierter Web-Formulare sein kann, hat Luke Wroblewski von <a
href="http://www.alistapart.com">A List Apart</a> in Zusammenarbeit mit einem Unternehmen für Usability-Testing herausgefunden.</p><p>Der Schlüsselbegriff, der beim Ausfüllen von Formularen auf Websites zu weniger Fehlern und mehr Zufriedenheit führt, lautet &#8220;inline validation&#8221;. Das bedeutet, dass die Angaben des Nutzers bereits während der Eingabe auf ihre Gültigkeit hin überprüft werden.</p><h2>6 Formulare, 22 Testpersonen</h2><p>Ein Formular gab der Testperson erst eine Rückmeldung über ihre Angaben nachdem der Senden-Button gedrückt wurde. Es wurde also keine Inline Validation verwendet. Weitere fünf Formulare verwendeten Inline Validation in verschiedenen Variationen. Beispielsweise wurde untersucht, welche Eingabefelder überhaupt mit einer Validierungsfunktion versehen werden sollten und ob die Überprüfung sozusagen in Echtzeit während der Eingabe (&#8220;while&#8221;- und &#8220;before and while&#8221;-Methode) oder erst nach dem Wechsel zu einem anderen Eingabefeld (&#8220;after&#8221;-Methode) stattfinden sollte.</p><h2>Schneller, besser, zufriedener</h2><p>Verglichen mit der Version, die keine Inline Validation benutzt, führt die Version mit direkter Datenüberprüfung zu einem deutlichen Zuwachs in der Erfolgsrate. Außerdem werden signifikant weniger Fehler bei der Dateneingabe gemacht. Die Zeitspanne vom Start bis zum erfolgreichen Abschicken des Formulars ist fast um die Hälfte verkürzt. Die Zufriedenheit der User steigt.</p><h2>Inline Validation, aber richtig</h2><p>All diese Vorteile stellen sich jedoch nur ein, wenn die Inline Validation richtig angewendet wird. So wurde herausgefunden, dass eine Datenüberprüfung nur bei den Eingabefeldern angewendet werden sollte, bei denen die zu gebende Antwort nicht offensichtlich ist. Andernfalls kann dies zu Verwirrung und Ablenkung des Users führen.</p><p>Weitere Aspekte wie beispielsweise der Ort, an dem das Feedback im Formular platziert werden soll, wurden ebenfalls untersucht. Deshalb empfehle ich jedem Webdesigner und -entwickler den sehr lesenswerten <a
href="http://www.alistapart.com/articles/inline-validation-in-web-forms/">Artikel (englisch)</a> auf A List Apart.</p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/2c-bc8kG5yQ" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/artikel/usability-von-webformularen-verbessern-2/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/artikel/usability-von-webformularen-verbessern-2/</feedburner:origLink></item> <item><title>Weather Change</title><link>http://feedproxy.google.com/~r/designoutput/~3/egG9ag0Uh2Q/</link> <comments>http://www.designoutput.de/videos/weather-change/#comments</comments> <pubDate>Sun, 03 May 2009 19:55:43 +0000</pubDate> <dc:creator>Andreas Becker</dc:creator> <category><![CDATA[Videos]]></category><guid isPermaLink="false">http://192.168.178.23/johannes/?p=62</guid> <description><![CDATA[Weather Change ist eine Animation aus Einzelbildern, die in After Effects entstanden ist.]]></description> <content:encoded><![CDATA[<p>Weather Change ist eine Animation aus Einzelbildern, die in After Effects entstanden ist.</p><p><iframe
src="http://player.vimeo.com/video/4455207?title=0&amp;byline=0&amp;portrait=0&amp;color=FCD638" width="520" height="293" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p> <img src="http://feeds.feedburner.com/~r/designoutput/~4/egG9ag0Uh2Q" height="1" width="1"/>]]></content:encoded> <wfw:commentRss>http://www.designoutput.de/videos/weather-change/feed/</wfw:commentRss> <slash:comments>0</slash:comments> <feedburner:origLink>http://www.designoutput.de/videos/weather-change/</feedburner:origLink></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.designoutput.de @ 2012-01-11 22:25:17 -->

