<?xml version="1.0" encoding="utf-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Kommentare zu: Best Practices Interaktionselemente &#8211; Teil 2</title>
	<atom:link href="http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/</link>
	<description>Für mehr Qualität im Web</description>
	<lastBuildDate>Thu, 14 Jan 2010 13:07:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Von: nitzsche.info/Blog/Interaktionselemente (Teil 2)</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26437</link>
		<dc:creator>nitzsche.info/Blog/Interaktionselemente (Teil 2)</dc:creator>
		<pubDate>Tue, 23 Dec 2008 13:26:39 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26437</guid>
		<description>[...] dem 19. Adventskalendertürchen bei den Webkrauts verbirgt sich der zweite Teil meines Artikels über Interaktionselemente. Er beschreibt konkrete Anforderungen an die Gestaltung [...]</description>
		<content:encoded><![CDATA[<p>[...] dem 19. Adventskalendertürchen bei den Webkrauts verbirgt sich der zweite Teil meines Artikels über Interaktionselemente. Er beschreibt konkrete Anforderungen an die Gestaltung [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: nikosch</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26407</link>
		<dc:creator>nikosch</dc:creator>
		<pubDate>Fri, 19 Dec 2008 23:55:38 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26407</guid>
		<description>&lt;blockquote&gt;Mir ist noch nie untergekommen (und das habe ich gerade mit allen mir zur Verfügung stehenden Browsern getestet), dass ein Browser (ohne eine explizite Anweisung im Markup) den ersten Radiobutton einer Liste vorausgewählt hat.&lt;/blockquote&gt;
Das Problem ist ein anderes: Klickt der Nutzer versehentlich einen Punkt an, gelangt er nie wieder in den Status &quot;keine Auswahl&quot;, die aber im Interface (ohne Vorselektierung) erstmal &quot;gefühlt&quot; möglich ist. Was dann die Validierung sagt, steht dann auf einem anderen Blatt.

Kleine Anmerkung zu Selectboxe&lt;strike&gt;n&lt;/strike&gt;s:
Die angesprochenen mehrzeiligen Auswahllisten sind nicht zwingend Mehrfachoptionen, obgleich diese üblicherweise so dargestellt werden. Auch Einfachauswahlen erlauben mehrzeilige Anzeigestile.

Ansonsten: Netter Text. Nichts wirklich neues, aber eine schöne Zusammenstellung!</description>
		<content:encoded><![CDATA[<blockquote><p>Mir ist noch nie untergekommen (und das habe ich gerade mit allen mir zur Verfügung stehenden Browsern getestet), dass ein Browser (ohne eine explizite Anweisung im Markup) den ersten Radiobutton einer Liste vorausgewählt hat.</p></blockquote>
<p>Das Problem ist ein anderes: Klickt der Nutzer versehentlich einen Punkt an, gelangt er nie wieder in den Status &#034;keine Auswahl&#034;, die aber im Interface (ohne Vorselektierung) erstmal &#034;gefühlt&#034; möglich ist. Was dann die Validierung sagt, steht dann auf einem anderen Blatt.</p>
<p>Kleine Anmerkung zu Selectboxe<strike>n</strike>s:<br />
Die angesprochenen mehrzeiligen Auswahllisten sind nicht zwingend Mehrfachoptionen, obgleich diese üblicherweise so dargestellt werden. Auch Einfachauswahlen erlauben mehrzeilige Anzeigestile.</p>
<p>Ansonsten: Netter Text. Nichts wirklich neues, aber eine schöne Zusammenstellung!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Stefan</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26405</link>
		<dc:creator>Stefan</dc:creator>
		<pubDate>Fri, 19 Dec 2008 14:10:49 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26405</guid>
		<description>Ein Toller Artikel mit vielen hilfreichen Tipps. Bei den besuchten Links
&lt;blockquote&gt;Wichtig ist auch, bereits besuchte und gerade aktive Links von unbesuchten Links visuell zu unterscheiden&lt;/blockquote&gt;
würde ich das ganze auf die Content Links reduzieren. In der Navigation wirkt das meist eher unruhig als hilfreich.</description>
		<content:encoded><![CDATA[<p>Ein Toller Artikel mit vielen hilfreichen Tipps. Bei den besuchten Links</p>
<blockquote><p>Wichtig ist auch, bereits besuchte und gerade aktive Links von unbesuchten Links visuell zu unterscheiden</p></blockquote>
<p>würde ich das ganze auf die Content Links reduzieren. In der Navigation wirkt das meist eher unruhig als hilfreich.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Jared</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26404</link>
		<dc:creator>Jared</dc:creator>
		<pubDate>Fri, 19 Dec 2008 12:22:25 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26404</guid>
		<description>@Stefan Nitzsche

Dann lag ich mit meiner Vermutung richtig :) Danke dir für die Erklärung. Bei uns in der Agentur wäre der Scrollbalken in dem Fallbeispiel YAML z.B. nicht gerne gesehen und da ist es sehr hilfreich ihn ausknipsen zu können.

lg
Jared</description>
		<content:encoded><![CDATA[<p>@Stefan Nitzsche</p>
<p>Dann lag ich mit meiner Vermutung richtig <img src='http://www.webkrauts.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Danke dir für die Erklärung. Bei uns in der Agentur wäre der Scrollbalken in dem Fallbeispiel YAML z.B. nicht gerne gesehen und da ist es sehr hilfreich ihn ausknipsen zu können.</p>
<p>lg<br />
Jared</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Stefan Nitzsche</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26403</link>
		<dc:creator>Stefan Nitzsche</dc:creator>
		<pubDate>Fri, 19 Dec 2008 11:28:30 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26403</guid>
		<description>@Jared: Hier kollidieren zwei Richtlinien. Die eine Richtlinie soll die Darstellung von überflüssigen Interaktionselementen, die andere soll Inkonsistenzen im Interface vermeiden. Da muss man fallweise abwägen, für welche Richtlinie man sich entscheidet.

Gerade mit Dirk Jesse habe ich im Vorfeld über den Artikel gesprochen, und er nannte mir einige überzeugende Beispiele für Anwendungsfälle, bei denen es tatsächlich besser ist, einen deaktivierten Scrollbalken einzublenden. Ebensoviele gibt es aber für die gegenteilige Vorgehensweise.

Bei YAML ist es also weder falsch, noch richtig – Dirk hat sich einfach für eine Variante entschieden, die ja vom YAML-Benutzer problemlos geändert werden kann.</description>
		<content:encoded><![CDATA[<p>@Jared: Hier kollidieren zwei Richtlinien. Die eine Richtlinie soll die Darstellung von überflüssigen Interaktionselementen, die andere soll Inkonsistenzen im Interface vermeiden. Da muss man fallweise abwägen, für welche Richtlinie man sich entscheidet.</p>
<p>Gerade mit Dirk Jesse habe ich im Vorfeld über den Artikel gesprochen, und er nannte mir einige überzeugende Beispiele für Anwendungsfälle, bei denen es tatsächlich besser ist, einen deaktivierten Scrollbalken einzublenden. Ebensoviele gibt es aber für die gegenteilige Vorgehensweise.</p>
<p>Bei YAML ist es also weder falsch, noch richtig – Dirk hat sich einfach für eine Variante entschieden, die ja vom YAML-Benutzer problemlos geändert werden kann.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Jared</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26402</link>
		<dc:creator>Jared</dc:creator>
		<pubDate>Fri, 19 Dec 2008 11:13:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26402</guid>
		<description>Super Beitrag. Vieles wusste ich noch garnicht :)

Aber eine Sache ist mir aufgefallen:

&lt;blockquote&gt;Scrollbalken sollten nur dann angezeigt werden, wenn Scrollen tatsächlich notwendig ist.&lt;/blockquote&gt;

Ich kann mich dran erinnern das YAML bei einem bestimmten Zustand (ich glaube, wenn die Höhe des Viewports auf 100% eingestellt wird) immer einen Scrollbalken anzeigte. Ganz sicher bin ich mir nicht.

Dies wäre laut dem Artikel ja dann nicht korrekt?!</description>
		<content:encoded><![CDATA[<p>Super Beitrag. Vieles wusste ich noch garnicht <img src='http://www.webkrauts.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Aber eine Sache ist mir aufgefallen:</p>
<blockquote><p>Scrollbalken sollten nur dann angezeigt werden, wenn Scrollen tatsächlich notwendig ist.</p></blockquote>
<p>Ich kann mich dran erinnern das YAML bei einem bestimmten Zustand (ich glaube, wenn die Höhe des Viewports auf 100% eingestellt wird) immer einen Scrollbalken anzeigte. Ganz sicher bin ich mir nicht.</p>
<p>Dies wäre laut dem Artikel ja dann nicht korrekt?!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Der Caspers</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26400</link>
		<dc:creator>Der Caspers</dc:creator>
		<pubDate>Fri, 19 Dec 2008 10:28:08 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26400</guid>
		<description>Ihr beiden habt schön die Problematik herusgearbeitet: die häufige Verwendung von &quot;sollte&quot; ist der Kern des Problems in vielen W3C-Spezifikationen. Damit ist schon die Grundlage gegeben, dass der eine Browserhersteller sich so entscheidet, und der andere eben anders.

Und so wird dann bei Webautoren aus einem &quot;sollte man eigentlich so machen&quot; (was &quot;muss es aber nicht&quot; implizieren sollte) mal ganz schnell ein &quot;muss immer und überall so sein&quot;.

HTML 4 ist so dermaßen unterspezifiziert, dass es schon fast an ein Wunder grenzt, dass es überhaupt Implementierungen davon gibt.</description>
		<content:encoded><![CDATA[<p>Ihr beiden habt schön die Problematik herusgearbeitet: die häufige Verwendung von &#034;sollte&#034; ist der Kern des Problems in vielen W3C-Spezifikationen. Damit ist schon die Grundlage gegeben, dass der eine Browserhersteller sich so entscheidet, und der andere eben anders.</p>
<p>Und so wird dann bei Webautoren aus einem &#034;sollte man eigentlich so machen&#034; (was &#034;muss es aber nicht&#034; implizieren sollte) mal ganz schnell ein &#034;muss immer und überall so sein&#034;.</p>
<p>HTML 4 ist so dermaßen unterspezifiziert, dass es schon fast an ein Wunder grenzt, dass es überhaupt Implementierungen davon gibt.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Stefan Nitzsche</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26398</link>
		<dc:creator>Stefan Nitzsche</dc:creator>
		<pubDate>Fri, 19 Dec 2008 10:13:51 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26398</guid>
		<description>@Gunnar: Du hast Recht, eine Vorbelegung macht in den meisten Fällen Sinn. Aber:

&lt;blockquote&gt;Ist für keines der &lt;code&gt;INPUT&lt;/code&gt;-Elemente einer Gruppe mit Radio-Button das Attribut &lt;code&gt;CHECKED&lt;/code&gt; gesetzt, dann muss das Benutzerprogramm den ersten Radio-Button der Gruppe zu Beginn auswählen.&lt;/blockquote&gt;

Diese Spezifikation (HTML 2.0) ist aus dem Jahr 1995 und noch ziemlich naiv, was den Umgang mit Formularfeldern angeht. Aktuell bestimmen Radiobuttons Zustimmung zu Newsletter-Anmeldungen, Akzeptanz von Lizenzvereinbarungen, etc. – hier ist keinerlei Vorauswahl möglich, der Benutzer muss nach geltendem Recht eine eigene, aktive Entscheidung treffen.

&lt;blockquote&gt;Weil sich die Vorgehensweise der Benutzerprogramme voneinander unterscheidet, sollten Autoren sicherstellen, dass in jeder Gruppe mit Radiobuttons einer zu Beginn eingeschaltet ist.&lt;/blockquote&gt;

Derzeit gibt es, auch laut der von Dir zitierten HTML 4.01-Spezifikation, keinen Zwang, in einer Liste von Radiobuttons eine Option vorauszuwählen, auch das W3C bedient sich hier der abgeschwächten Form „Autoren sollten sicherstellen“. Mir ist noch nie untergekommen (und das habe ich gerade mit allen mir zur Verfügung stehenden Browsern getestet), dass ein Browser (ohne eine explizite Anweisung im Markup) den ersten Radiobutton einer Liste vorausgewählt hat.</description>
		<content:encoded><![CDATA[<p>@Gunnar: Du hast Recht, eine Vorbelegung macht in den meisten Fällen Sinn. Aber:</p>
<blockquote><p>Ist für keines der <code>INPUT</code>-Elemente einer Gruppe mit Radio-Button das Attribut <code>CHECKED</code> gesetzt, dann muss das Benutzerprogramm den ersten Radio-Button der Gruppe zu Beginn auswählen.</p></blockquote>
<p>Diese Spezifikation (HTML 2.0) ist aus dem Jahr 1995 und noch ziemlich naiv, was den Umgang mit Formularfeldern angeht. Aktuell bestimmen Radiobuttons Zustimmung zu Newsletter-Anmeldungen, Akzeptanz von Lizenzvereinbarungen, etc. – hier ist keinerlei Vorauswahl möglich, der Benutzer muss nach geltendem Recht eine eigene, aktive Entscheidung treffen.</p>
<blockquote><p>Weil sich die Vorgehensweise der Benutzerprogramme voneinander unterscheidet, sollten Autoren sicherstellen, dass in jeder Gruppe mit Radiobuttons einer zu Beginn eingeschaltet ist.</p></blockquote>
<p>Derzeit gibt es, auch laut der von Dir zitierten HTML 4.01-Spezifikation, keinen Zwang, in einer Liste von Radiobuttons eine Option vorauszuwählen, auch das W3C bedient sich hier der abgeschwächten Form „Autoren sollten sicherstellen“. Mir ist noch nie untergekommen (und das habe ich gerade mit allen mir zur Verfügung stehenden Browsern getestet), dass ein Browser (ohne eine explizite Anweisung im Markup) den ersten Radiobutton einer Liste vorausgewählt hat.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Gunnar Bittersmann</title>
		<link>http://www.webkrauts.de/2008/12/19/best-practices-interaktionselemente-teil-2/comment-page-1/#comment-26397</link>
		<dc:creator>Gunnar Bittersmann</dc:creator>
		<pubDate>Fri, 19 Dec 2008 09:33:21 +0000</pubDate>
		<guid isPermaLink="false">http://www.webkrauts.de/?p=488#comment-26397</guid>
		<description>Kleine Anmerkung zu:
&lt;blockquote&gt;Außerdem sollte man bei Radiobuttons eine Vorbelegung erwägen&lt;/blockquote&gt;

Man sollte das IMHO nicht nur erwägen, sondern &lt;strong&gt;immer&lt;/strong&gt; tun. Ansonsten droht undefiniertes Verhalten, eventuell wird der erste Radiobutton (vom Webseitenautor ungewollt) als ausgewählt ausgewertet. Siehe &lt;a href=&quot;http://www.edition-w3.de/TR/1999/REC-html401-19991224/interact/forms.html#radio&quot;&gt;HTML-Spec Kapitel 17.2.1&lt;/a&gt;.

Sollen Nutzer nicht durch eine Vorbelegung zu einer bestimmten Auswahloption geleitet werden (wichtig bei Fragebögen), kann ein zusätzlicher Radiobutton „keine Antwort“ vorgesehen werden, der vorausgewählt wird und mit CSS versteckt wird. Siehe &lt;a href=&quot;http://forum.de.selfhtml.org/archiv/2008/10/t177964/#m1172865&quot;&gt;Posting im SELFHTML-Forum&lt;/a&gt;.</description>
		<content:encoded><![CDATA[<p>Kleine Anmerkung zu:</p>
<blockquote><p>Außerdem sollte man bei Radiobuttons eine Vorbelegung erwägen</p></blockquote>
<p>Man sollte das IMHO nicht nur erwägen, sondern <strong>immer</strong> tun. Ansonsten droht undefiniertes Verhalten, eventuell wird der erste Radiobutton (vom Webseitenautor ungewollt) als ausgewählt ausgewertet. Siehe <a href="http://www.edition-w3.de/TR/1999/REC-html401-19991224/interact/forms.html#radio">HTML-Spec Kapitel 17.2.1</a>.</p>
<p>Sollen Nutzer nicht durch eine Vorbelegung zu einer bestimmten Auswahloption geleitet werden (wichtig bei Fragebögen), kann ein zusätzlicher Radiobutton „keine Antwort“ vorgesehen werden, der vorausgewählt wird und mit CSS versteckt wird. Siehe <a href="http://forum.de.selfhtml.org/archiv/2008/10/t177964/#m1172865">Posting im SELFHTML-Forum</a>.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
