<?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/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>resign</title>
	<atom:link href="http://resign.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://resign.wordpress.com</link>
	<description>revisiting design</description>
	<lastBuildDate>Mon, 05 Feb 2007 21:45:18 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='resign.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/0678fcb7d560b53570e818561f977f0f?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>resign</title>
		<link>http://resign.wordpress.com</link>
	</image>
			<item>
		<title>Off.</title>
		<link>http://resign.wordpress.com/2007/02/04/off/</link>
		<comments>http://resign.wordpress.com/2007/02/04/off/#comments</comments>
		<pubDate>Sun, 04 Feb 2007 14:31:00 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/02/04/off/</guid>
		<description><![CDATA[
Die LVA User Interface Design war sehr inspirierend und interessant gestaltet. Ich hoffe, dass es auch nächstes Jahr die Möglichkeit gibt, den Track &#8222;Design Life&#8220; zu absolvieren &#8211; setzt man sich doch auf diesem Weg sehr intensiv mit dem Themengebiet auseinander. Spannend war&#8217;s, schön war&#8217;s, anstrengend war&#8217;s.
In diesem Sinne,
resign (= ich)  macht vorerst Pause.
 [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=37&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><img src="http://img252.imageshack.us/img252/9341/12473341598ecf6cb9obn6.jpg" alt="Power off" /></p>
<p>Die <strong>LVA User Interface Design</strong> war sehr inspirierend und interessant gestaltet. Ich hoffe, dass es auch nächstes Jahr die Möglichkeit gibt, den Track &#8222;Design Life&#8220; zu absolvieren &#8211; setzt man sich doch auf diesem Weg sehr intensiv mit dem Themengebiet auseinander. Spannend war&#8217;s, schön war&#8217;s, anstrengend war&#8217;s.</p>
<p>In diesem Sinne,<br />
<strong>resign </strong>(= ich)  macht vorerst Pause.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/37/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/37/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/37/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/37/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/37/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=37&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/02/04/off/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img252.imageshack.us/img252/9341/12473341598ecf6cb9obn6.jpg" medium="image">
			<media:title type="html">Power off</media:title>
		</media:content>
	</item>
		<item>
		<title>Thinking About Web 2.0 And Beyond</title>
		<link>http://resign.wordpress.com/2007/02/04/thinking-about-web-20-and-beyond/</link>
		<comments>http://resign.wordpress.com/2007/02/04/thinking-about-web-20-and-beyond/#comments</comments>
		<pubDate>Sun, 04 Feb 2007 13:57:30 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Web]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/02/04/thinking-about-web-20-and-beyond/</guid>
		<description><![CDATA[Web 2.0 ist &#8211; seit geraumer Zeit &#8211; in aller Munde. Es stellt an sich eine Redefinition des Verhaltens und der Methoden, wie Menschen miteinander im Internet kommunizieren und interagieren, dar. Services werden anders genutzt als noch bei Web 1.0, &#8222;Social Networking&#8220; steht im Vordergrund.
Um gute User Interfaces designen zu können, muss man auch über [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=36&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Web 2.0 ist &#8211; seit geraumer Zeit &#8211; in aller Munde. Es stellt an sich eine Redefinition des Verhaltens und der Methoden, wie Menschen miteinander im Internet kommunizieren und interagieren, dar. Services werden anders genutzt als noch bei Web 1.0, &#8222;<a href="http://de.wikipedia.org/wiki/Soziales_Netzwerk" title="Social Networking" target="_blank">Social Networking</a>&#8220; steht im Vordergrund.</p>
<p>Um gute User Interfaces designen zu können, muss man auch über eine fundierte Kenntnis der zugrunde liegenden Technik verfügen, spielen doch &#8222;Oberfläche&#8220; und &#8222;Gerüst&#8220; mehr als ineinander. Die Trennung dieser Bereiche verschwimmt zunehmend, klare Aufgabenverteilungen bei Beteiligten im Designprozess werden immer schwieriger zu definieren.</p>
<p>Der Kreativität sind keine Grenzen gesetzt, gleichzeitig geht der Trend allerdings immer mehr zu  ästhetischen, einfachen Interfaces. So auch z.b bei Microsoft, einem Unternehmen, das nicht unbedingt für intuitive Interfaces stand: Windows Vista hat das Wort &#8222;Einfach&#8220; erstmals im Produkt-Claim verankert und 2007 soll es wieder mal eine abgespecktere Office-Version geben. Apple ist beim Produktdesign natürlich immer noch das Maß aller Dinge. iLife Blogs haben eine ganz eigene Ästhetik und Oberflächen von Applikationen wie iCal, iTunes und iPhoto sind Produkte einer neueren Generation von guten User Interface Designern.</p>
<p>Das Web allerdings wird immer mehr von Usern selbst gestaltet &#8211; z.B. Wikis und Weblogs. Im folgenden nun ein gutes <strong>Video</strong>, welches den <strong>Web 2.0 Sachverhalt</strong> recht gut veranschaulicht.</p>
<p><span style="text-align:center; display: block;"><a href="http://resign.wordpress.com/2007/02/04/thinking-about-web-20-and-beyond/"><img src="http://img.youtube.com/vi/6gmP4nk0EOE/2.jpg" alt="" /></a></span></p>
<p><strong>Web 2.0 Links:</strong></p>
<p><a href="http://www.suprglu.com/" target="_blank">suprglu</a><br />
<a href="http://del.icio.us" target="_blank">del.icio.us</a><br />
<a href="http://www.flickr.com" target="_blank">flickr</a><br />
<a href="http://www.technorati.com" target="_blank">technorati</a><br />
<a href="http://www.wikipedia.org" target="_blank">wikipedia</a><br />
<a href="http://de.wikipedia.org/wiki/Blogging" target="_blank">blogging</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/36/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/36/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/36/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=36&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/02/04/thinking-about-web-20-and-beyond/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img.youtube.com/vi/6gmP4nk0EOE/2.jpg" medium="image" />
	</item>
		<item>
		<title>reacTable</title>
		<link>http://resign.wordpress.com/2007/02/02/reactable/</link>
		<comments>http://resign.wordpress.com/2007/02/02/reactable/#comments</comments>
		<pubDate>Thu, 01 Feb 2007 23:53:34 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Electric Devices]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/02/02/reactable/</guid>
		<description><![CDATA[Dank eines Beitrags eines Kollegen (Christoph) in den Kommentaren des LVA-Blogs wurde ich auf reacTable, ein Projekt der Music Technology Group der Universitat Pompeu Fabra in Barcelona, aufmerksam.

reacTable ist ein &#8222;state-of-the-art multi-user electro-acoustic music instrument with a tabletop tangible user interface&#8222;. Laut Projektbeschreibung sei die Benutzeroberfläche so intuitiv, dass der reacTable sowohl von Kleinkindern sofort [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=35&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Dank eines Beitrags eines Kollegen (Christoph) in den Kommentaren des LVA-Blogs wurde ich auf <strong>reacTable</strong>, ein Projekt der <a href="http://www.iua.upf.edu/mtg/pages/contact" target="_blank">Music Technology Group</a> der Universitat Pompeu Fabra in Barcelona, aufmerksam.</p>
<p><img src="http://img264.imageshack.us/img264/9600/reactablewl3.jpg" alt="reacTable" /></p>
<p><strong>reacTable</strong> ist ein &#8222;<em>state-of-the-art multi-user electro-acoustic music instrument with a tabletop tangible user interface</em>&#8222;. Laut Projektbeschreibung sei die Benutzeroberfläche so intuitiv, dass der reacTable sowohl von Kleinkindern sofort nutzbar, als auch von professionellen Musikern live einsetzbar ist.</p>
<p>Zur Veranschaulichung dienen die drei folgenden Videos.</p>
<p><strong>Weitere Videos:</strong><br />
<a href="http://www.youtube.com/watch?v=0h-RhyopUmc">Basic Demo #1</a><br />
<a href="http://www.youtube.com/watch?v=MPG-LYoW27E">Basic Demo #2</a><br />
<a href="http://www.youtube.com/watch?v=WEDia3CFdfg">Live-Improvisation</a></p>
<p><strong>Links:</strong><br />
<a href="http://mtg.upf.edu/reactable/" target="_blank">reacTable Website</a><br />
<a href="http://www.iua.upf.edu/mtg/pages/contact" target="_blank">Music Technology Group Website</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/35/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/35/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/35/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/35/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/35/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=35&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/02/02/reactable/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img264.imageshack.us/img264/9600/reactablewl3.jpg" medium="image">
			<media:title type="html">reacTable</media:title>
		</media:content>
	</item>
		<item>
		<title>Sortierfunktion im Web</title>
		<link>http://resign.wordpress.com/2007/02/01/sortierfunktion-im-web/</link>
		<comments>http://resign.wordpress.com/2007/02/01/sortierfunktion-im-web/#comments</comments>
		<pubDate>Thu, 01 Feb 2007 14:03:25 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Web]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/02/01/sortierfunktion-im-web/</guid>
		<description><![CDATA[Sortierfunktion bei tuwis++ 
Seit ca. Beginn des WS 2006/2007 &#8222;erfreut&#8220; uns tuwis++, das zentrale Informationsmedium für Studenten auf der TU Wien mit einem neuen Feature:
Die abonnierten LVA&#8217;s können nun endlich nach Belieben angeordnet werden, was vor allem bei zwei verschiedenen Studienrichtungen die Übersicht enorm erleichtert.
Nur: Jedes Mal, wenn ich die LVA-Anordnung ändere, muss die Seite [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=34&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><strong>Sortierfunktion bei tuwis++ </strong></p>
<p>Seit ca. Beginn des WS 2006/2007 &#8222;erfreut&#8220; uns tuwis++, das zentrale Informationsmedium für Studenten auf der TU Wien mit einem neuen Feature:<br />
Die abonnierten LVA&#8217;s können nun endlich nach Belieben angeordnet werden, was vor allem bei zwei verschiedenen Studienrichtungen die Übersicht enorm erleichtert.</p>
<p>Nur: Jedes Mal, wenn ich die LVA-Anordnung ändere, muss die Seite neu laden &#8211; ein Graus, wenn ich die oberste LVA an die unterste Stelle befördern will.</p>
<p><img src="http://img99.imageshack.us/img99/8794/sort2um0.jpg" alt="tuwis++" /><br />
<em>Sortierfunktion bei tuwis</em></p>
<p><strong>Sortierfunktion bei myspace.com</strong></p>
<p>Bei der online-Plattform myspace.com (Hierfür gibts auf diesem Blog schon einen eigenen Design-Life Eintrag) verhält es sich ähnlich wie bei tuwis++: Nach jedem &#8222;Up Up&#8220; oder &#8222;Down&#8220; befehl (hiermit verwalte ich die Reihenfolge der Songs auf meinem Profil) kommt die Seite um einen Refresh nicht herum.</p>
<p><img src="http://img182.imageshack.us/img182/9086/sort1iu2.jpg" alt="Myspace" /><br />
<em>Sortierfunktion bei mysapce</em></p>
<p><strong>Geht das nicht besser?</strong></p>
<p>Das Sortieren in diesen beiden Beispiel-Web-Applikationen dauert so seine Zeit, sie stehen allerdings sinnbildlich für eine ganze Reihe weiterer Implementierungen dieser Funktion auf anderen Seiten. Allerdings lassen sich Internetanwendungen User Interface &#8211; technisch mit gängigen, weit verbreiteten Technologien wie PHP (in Verbindung mit CSS) oder Flash (wem das nicht gefällt, sei Java Script mit script.acolo.us Library ans Herz gelegt) viel besser designen als in reinen HTML / CSS Tagen.</p>
<p>Es wäre doch viel komfortabler, nicht nach jedem Up / Down &#8211; Befehl neu zu laden, sondern die Änderungen erst nach erfolgtem Sortiervorgang (z.B. per Drag and Drop) zu übernehmen.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/34/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/34/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/34/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/34/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/34/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=34&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/02/01/sortierfunktion-im-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img99.imageshack.us/img99/8794/sort2um0.jpg" medium="image">
			<media:title type="html">tuwis++</media:title>
		</media:content>

		<media:content url="http://img182.imageshack.us/img182/9086/sort1iu2.jpg" medium="image">
			<media:title type="html">Myspace</media:title>
		</media:content>
	</item>
		<item>
		<title>Gastvortrag: Thomas Pamminger</title>
		<link>http://resign.wordpress.com/2007/01/30/gastvortrag-thomas-pamminger/</link>
		<comments>http://resign.wordpress.com/2007/01/30/gastvortrag-thomas-pamminger/#comments</comments>
		<pubDate>Tue, 30 Jan 2007 18:51:11 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/01/30/gastvortrag-thomas-pamminger/</guid>
		<description><![CDATA[Letzen Mittwoch hielt Thomas Pamminger, CEO der Wiener Kreativ-Schmiede &#8222;wollzelle&#8220; einen Gastvortrag und gab einen kleinen Einblick ins Berufsleben eines Mediengestalters.

wollzelle develops ideas for others.
With our fresh ideas, creative expression and technical expertise, we turn strategy, design and technology into creative solutions.

Bio und Projekte
Nach der HTL mit EDV-Schwerpunkt in Oberösterreich studierte Thomas Pamminger Architektur an [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=33&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Letzen Mittwoch hielt Thomas Pamminger, CEO der Wiener Kreativ-Schmiede &#8222;wollzelle&#8220; einen Gastvortrag und gab einen kleinen Einblick ins Berufsleben eines Mediengestalters.</p>
<p><img src="http://wollzelle.com/images/logo.gif" alt="wollzelle logo" /></p>
<blockquote><p><strong>wollzelle develops ideas for others.</strong><br />
With our fresh ideas, creative expression and technical expertise, we turn strategy, design and technology into creative solutions.</p></blockquote>
<p>
<strong>Bio und Projekte</strong></p>
<p>Nach der HTL mit EDV-Schwerpunkt in Oberösterreich studierte Thomas Pamminger Architektur an der TU Wien. Nach seinem Abschluss machte er sich im Jahr 2000 mit der Gründung der Kreativ-Agentur &#8222;wollzelle&#8220; selbstständig, in der er als Schnittstelle zwischen Technik und Design fungiert. Gemeinsam mit zwei Angestellten (einer Designerin und einem Entwickler) werden vor allem in den drei Bereichen <strong>Identity</strong> (Corporate und Brand Design), <strong>Mediengestaltung</strong> (Web/Screen Design, Marketing Broschüren etc.) und <strong>Applications</strong> zahlreiche Projekte umgsetzt.</p>
<p>Unter anderem zeichnet sich &#8222;wollzelle&#8220; verantwortlich für die Konzeptionierung und Umsetzung der Webseite <a href="http://www.gucci.com" target="_blank"><strong>gucci.com</strong></a> &#8211; ein Auftrag, der der Firma wichtige Reputation und den dritten Platz beim japanischen Wettbewerb &#8222;Most Impressive Websites 2006&#8243; einbrachte. </p>
<p><a href="http://script.acolo.us" target="_blank"><strong>script.acolo.us</strong></a> ist eine open source java-script library, die visuelle Web-Effekte ermöglicht. So wird zum Beispiel auch drag-and-drop, eine Funktion, die vor allem Flash vorbehalten war, unterstützt. Vom flash-artigen Look and Feel zeigten sich unter anderen auch recht bald Firmen wie <a href="http://www.apple.com">Apple</a> überzeugt.</p>
<p><a href="http://fluxiom.com/" target="_blank"><strong>Fluxiom</strong></a> ist ein weiteres Projekt, das &#8211;  neben anderen Auftragsarbeiten &#8211; von der Firma je nach verfügbaren Zeitressourcen vorangetrieben wird. Files können mithilfe eines Upload-Tools in den Fluxiom Account geladen und somit Kollegen online Verfügbar gemacht werden. So sollen verstopfte Mailboxen und unnötiges Hin und Her &#8211; Schicken von Dateien der Vergangenheit angehören. Ein intuitives User-Interface , welches schnell verständlich ist, erleichert diese Tasks und macht das Programm wunderbar stylisch &#8211; ganz im Sinne von Thomas Pammingers Leitmotiv: &#8222;<strong>Design is not just the facade</strong>&#8222;. Ein sehr interessanter und inspirierender Vortrag.</p>
<p><img src="http://ts.wollzelle.com/assets/2007/1/27/UI-design3.jpg" alt="Thomas Pamminger" /><br />
<em>Thomas Pammingers Gastvortrag auf der TU Wien</em></p>
<p><strong>Weiterführende Links:</strong></p>
<p><a href="http://wollzelle.com" target="_blank">wollzelle</a><br />
<a href="http://gucci.com" target="_blank">gucci</a><br />
<a href="http://script.aculo.us" target="_blank">script.aculo.us</a><br />
<a href="http://www.fluxiom.com" target="_blank">Fluxiom</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/33/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/33/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=33&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/01/30/gastvortrag-thomas-pamminger/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://wollzelle.com/images/logo.gif" medium="image">
			<media:title type="html">wollzelle logo</media:title>
		</media:content>

		<media:content url="http://ts.wollzelle.com/assets/2007/1/27/UI-design3.jpg" medium="image">
			<media:title type="html">Thomas Pamminger</media:title>
		</media:content>
	</item>
		<item>
		<title>VO 8 &#8211; Sieben (tödliche) Designfallen</title>
		<link>http://resign.wordpress.com/2007/01/24/vo-8-sieben-todliche-designfallen/</link>
		<comments>http://resign.wordpress.com/2007/01/24/vo-8-sieben-todliche-designfallen/#comments</comments>
		<pubDate>Wed, 24 Jan 2007 13:55:04 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/01/24/vo-8-sieben-todliche-designfallen/</guid>
		<description><![CDATA[Der Name ist Programm &#8211; Sieben zentrale Fehlinterpretationen vom Designprozess und dem Design selbst:
1. Oberfläche
Viele (die wenig davon verstehen) behaupten, User Interface Design zeige sich nur an der Oberfläche. In der Tat ist es aber so, dass die Technologie, die einer Applikation zugrunde liegt, selbst schon user-centered sein muss, da sonst auch das beste UI [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=32&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Der Name ist Programm &#8211; Sieben zentrale Fehlinterpretationen vom Designprozess und dem Design selbst:</p>
<p><strong>1. Oberfläche</strong></p>
<p>Viele (die wenig davon verstehen) behaupten, User Interface Design zeige sich nur an der Oberfläche. In der Tat ist es aber so, dass die Technologie, die einer Applikation zugrunde liegt, selbst schon user-centered sein muss, da sonst auch das beste UI das Programm nicht mehr retten kann.</p>
<p><strong>2. Intuition</strong></p>
<p>Mit &#8222;intuitiv nutzbar&#8220; ist vor allem die Verwendung von Metaphern gemeint &#8211; Beim User sollen sich durch ein selbsterklärendes UI  &#8222;Aha-Effekte&#8220; einstellen. Komplexe Skills müssen allerdings auch in der realen Welt erst antrainiert werden (siehe Gehen lernen, ein Vorgang der Jahre überdauert) und so kann auch Usern bei Software eine gewisse Lernphase zugemutet werden.</p>
<p><strong>3. Komplexität</strong></p>
<p>Die Annahme dass komplexe Probleme auch komplexe Software erfordern würden, ist falsch. Vielmehr ist es so, dass komplexe Probleme auch komplexe Skills erfordern, die wenn die Sofftware neue Wege geht, User vor eine lange Lernphase stellt.</p>
<p><strong>4. Richtige Nutzung</strong></p>
<p>Software, die für ein gewisses Problem, oder einen gewissen Aufgabenbereich designt ist, kann von Usern auch anderweitig benutzt werden &#8211; das nennt man dann &#8222;abuse&#8220;. Gerade im Open-Source Bereich kann das allerdings sehr produktiv sein, so eröffnen sich neue Herangehensweisen und neue Verwendungszwecke. Es ist im Allgemeinen eher nicht förderlich, Software zu designen, die &#8222;abuse&#8220; in jedem Fall verhindern will.</p>
<p><strong>5. Konzept</strong></p>
<p>Hinter jeder Killer-App steht eine &#8222;big idea&#8220;. In der Architektur zum Beispiel ist es so, dass kleine Details an der Fassade / der Konstruktion die &#8222;große Idee&#8220; des Gebäudes in ihrem Wesen unterstützen sollten. Dies lässt sich natürlich auch im Software-Bereich sagen. Revolutionen passieren nur dann, wenn eine gute Idee dahintersteht.</p>
<p><strong>6. Wert von Design</strong></p>
<p>Wie wichtig ist Design? Ich wage zu behaupten: Es ist essenziell. Allerdings muss es mit guter Technik einhergehen, sonst wird Design &#8211; bei schlechter Technik &#8211; nur eine hoffnungslose Maske, die Fehler kaschiert. Das sollte nicht die Aufgabe von Design sein.</p>
<p><strong>7. Pflichtenheft</strong></p>
<p>Das Pflichtenheft ist ein Schreckensgespenst, das immer noch in altabackenen Vorstellungen vom SWE Prozess herumgeistert. Es stellt eine Art &#8222;Vertrauensverhältnis&#8220; zwischen Auftraggeber und Entwicklern her, was sich in der Praxis aber vor allem durch herbe Enttäuschungen seitens der Auftraggeber nicht bewährt hat. </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/32/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/32/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/32/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/32/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/32/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=32&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/01/24/vo-8-sieben-todliche-designfallen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>
	</item>
		<item>
		<title>User Interfaces in Filmen</title>
		<link>http://resign.wordpress.com/2007/01/18/user-interfaces-in-filmen/</link>
		<comments>http://resign.wordpress.com/2007/01/18/user-interfaces-in-filmen/#comments</comments>
		<pubDate>Thu, 18 Jan 2007 13:19:07 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Applications]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2007/01/18/user-interfaces-in-filmen/</guid>
		<description><![CDATA[Kürzlich habe ich mir im Kino den Hollywood-Film &#8222;Déjà vu&#8220; mit Denzel Washington in der Hauptrolle angesehen. Die Story in Kürze: ATF Agent (Washington) reist durch die Zeit um einen Anschlag zu verhindern, die Raumkrümmung und ein komplexes Softwaresystem müssen als Erklärung dafür herhalten. Interessant für InformatikerInnen ist hier weniger der eigentliche Plot, sondern vielmehr [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=31&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Kürzlich habe ich mir im Kino den Hollywood-Film &#8222;<em>Déjà vu</em>&#8220; mit Denzel Washington in der Hauptrolle angesehen. Die Story in Kürze: ATF Agent (Washington) reist durch die Zeit um einen Anschlag zu verhindern, die Raumkrümmung und ein komplexes Softwaresystem müssen als Erklärung dafür herhalten. Interessant für InformatikerInnen ist hier weniger der eigentliche Plot, sondern vielmehr die Art, wie dem zahlenden Kinopublikum im Allgemeinen futuristische Computersysteme und im Speziellen deren User Interfaces präsentiert werden.</p>
<p><img src="http://img181.imageshack.us/img181/1513/dejavu1jd8.png" alt="Washington infront of a surreal UI" /><br />
<em>Denzel Washington vor einem Softwaresystem, in dem Vergangenheit und Gegenwart keine Rolle spielt.</em></p>
<p><strong>Komplexität</strong></p>
<p>O-Ton: <em>&#8222;Das sieht zu einfach aus. Wie soll das denn bitte in Wirklichkeit so einen Funktionsumfang haben können?&#8220;.</em><br />
Dem Kinobesucher wird Funktionsumfang durch möglichst viele und kompliziert gestaltete Elemente so weit vorgegaukelt, dass eventuelle Kritiker, die die Technik und den Realitätsbezug der Software in Frage stellen könnten, rasch verstummen. So wird in Filmen Technik oft zu einem Komplexitätsgrad hochstilisiert, der für &#8222;normale&#8220; Anwender nicht mehr verständlich ist.</p>
<p><strong>Dialogboxen</strong></p>
<p>Es gibt unzählige Agentenfilme, in denen ein System &#8211; meistens vom Hauptdarsteller &#8211; gehackt wird. Je nach Erfolg des Protagonisten werden riesige &#8222;Access Denied&#8220; bzw. &#8222;Access Granted&#8220; Dialog-Boxen (übrigens meistens in übergroßen Lettern auf grünem bzw. rotem Hintergrund) angezeigt. Sie machen zwar den Sachverhalt für Nicht-Computernutzer klar, sind aber in der Realität vernachlässigbar, da man nach einem erfolgreichen Loginvorgang direkt auf seinem Home-Screen landen sollte. Große, bildschirmfüllende Botschaften haben aber auch in der Filmbranche ihr Ablaufdatum bereits überschritten.</p>
<p>Filmszenen, in denen aufpoppende, mit Sound unterlegte &#8222;You&#8217;ve got mail&#8220; Messages vorkommen, würden aneinandergereiht wahrscheinlich Abendfilmlänge weit überschreiten. Umgemünzt auf den Alltag wäre es allerdings ein Graus, jeder Junk-Mail, die ins Postfach kommt, je 5 Sekunden Aufmerksamkeit schenken zu müssen.</p>
<p><strong>Intuitive Steuerung</strong></p>
<p>&#8222;<em>Minority Report</em>&#8220; mit Tom Cruise ist ein gutes Beispiel dafür, dass sich Autor, Regisseur und professionelle UI-Designer sehr wohl den Kopf darüber zerbrochen haben, wie man neue Wege in der Steuerung eines Systems gehen könnte.</p>
<p><img src="http://img245.imageshack.us/img245/7434/minorityreportql7.png" alt="minority report" /><br />
<em>Tom Cruise mit &#8222;reflective gloves&#8220;</em></p>
<p>slashdot.org berichtet, das in Minority Report verwendete UI sei auch für das Militär interessant:</p>
<blockquote><p>&#8222;New Scientist is reporting that a &#8216;Minority Report&#8217; style interface is being developed by defense company Raytheon. Users don a pair of <em>reflective gloves</em> and manipulate images projected on a panoramic screen. A mounted camera keeps track of hand movements and a computer interprets gestures. Raytheon has even employed John Underkoffler, the researcher who proposed the interface to the makers of the film. Now just wait till Billboards start scanning your iris.&#8220;</p></blockquote>
<p><strong>Fazit</strong></p>
<p>Filme mit Zukunftszenarios sind immer dann problematisch, wenn sie versuchen, kommende Technologien &#8222;vorherzusehen&#8220;. In den 80ern war es gang und gebe anzunehmen, dass die Sprachsteuerung künftig eine zentrale Rolle in der Computerwelt einnehmen würde. Mittlerweile hat sich das allerdings &#8211; z.B bei Officeanwendungen &#8211; als relativ ineffizient herausgestellt.</p>
<p>Kino kann allerdings auch neue Denkanstöße geben &#8211; Dadurch, dass ein UI primär dem Zweck dient, eine narrative Rolle einnimmt. UI Designer sind gefordert, den Spagat zwischen Filmnutzen und Realitätsbezug zu schaffen &#8211; allerinngs kann es umgekehrt sehr wohl vorkommen, dass ein kreatives und vor allem innovatives Movie-UI in der realen Welt Platz und Verwendung findet. </p>
<p><strong>Link</strong><br />
<a href="http://hardware.slashdot.org/article.pl?sid=05/04/15/220204" target="_blank">Minority Report &#8211; Slashdot Newsmeldung</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/31/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/31/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/31/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/31/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/31/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=31&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2007/01/18/user-interfaces-in-filmen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img181.imageshack.us/img181/1513/dejavu1jd8.png" medium="image">
			<media:title type="html">Washington infront of a surreal UI</media:title>
		</media:content>

		<media:content url="http://img245.imageshack.us/img245/7434/minorityreportql7.png" medium="image">
			<media:title type="html">minority report</media:title>
		</media:content>
	</item>
		<item>
		<title>VO 7 &#8211; Design Part III</title>
		<link>http://resign.wordpress.com/2006/12/14/vo-7-design-part-iii/</link>
		<comments>http://resign.wordpress.com/2006/12/14/vo-7-design-part-iii/#comments</comments>
		<pubDate>Thu, 14 Dec 2006 17:48:28 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/12/14/vo-7-design-part-iii/</guid>
		<description><![CDATA[Nun zum dritten Teil des Themenschwerpunkts &#8222;Design&#8220;. In der Vorlesung wurden verschiedene weitere Konzepte des Designprozesses vorgestellt:
Become the user
Der Name ist Programm. Als Designer sollte man immer auch aus der User-Sicht denken. Wenn man eine Software für Krankenpfleger designt, kann es nicht schaden, einmal für drei Wochen als Hilfskraft im Krankenhaus zu arbeiten. Dieses &#8222;In [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=30&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Nun zum dritten Teil des Themenschwerpunkts &#8222;Design&#8220;. In der Vorlesung wurden verschiedene weitere Konzepte des Designprozesses vorgestellt:</p>
<p><strong>Become the user</strong><br />
Der Name ist Programm. Als Designer sollte man immer auch aus der User-Sicht denken. Wenn man eine Software für Krankenpfleger designt, kann es nicht schaden, einmal für drei Wochen als Hilfskraft im Krankenhaus zu arbeiten. Dieses &#8222;In die Rolle schlüpfen&#8220; kann lange Gespräche ersetzen, bei denen User ihre Arbeit verzerrt wiedergeben und dient weiters dazu, deren Tätigkeiten zu verstehen. Der Nachteil: Es kostet viel Geld.</p>
<p><strong>Von vorne anfangen</strong><br />
Sogenannte Generatoren (erste Ideen) leiten das Design von Beginn an. Leicht tappt man in die Generator-Falle und arbeitet in die falsche Richtung. Der Leitspruch &#8222;kill your darlings&#8220; setzt bei diesem Problem an. Wenn man nochmal von vorne beginnt, alle bisherigen Ideen, Leitgedanken und Konzepte verwirft, ist es keineswegs derselbe Erkenntnisstand wie zu Beginn des Projekts.</p>
<p><strong>Funktionalität und Kompromisse</strong><br />
Ein Taschenmesser, das 20 Funktionen hat, kann viele Dinge. Heisst das aber gleich, dass Quantität gleich Qualität ist oder wäre eine Verminderung der Anzahl der Funktionen der Qualität zuträglich gewesen?</p>
<p>Apples erstes Grafikprogramm <em>Mac Paint</em>, entwickelt von Bill Atkinson, bot erstmals die Möglichkeit, Text, der bereits in Pixeln vorlag, wieder zu editieren. Diese Idee galt als revolutionär, wurde allerdings von Atkinson nicht ins fertige Programm genommen &#8211; Die User hätten es als schlechten Ersatz für Typesettingprogramme verwendet. </p>
<p><strong>Modelle und Konzepte entwickeln</strong><br />
Klare Vorstellungen sind wichtig. Wenn Designer nicht wissen wie es funktioniert, wie sollen es Entwickler und in weiterer Folge die User wissen?</p>
<p><strong>Constraints</strong><br />
Constraints sind Einschränkungen, entweder vom Auftraggeber vorgegeben oder selbstauferlegt. Erfüllt die Design-Lösung den Zweck, kann ein Auftraggeber trotz der Überschreitung mancher Constraints damit zufrieden sein. Weiters kann mit freiwilligen  Einschränkungen (z.B Handy soll nur eine Taste haben) ein schon etabliertes Produkt (Handy mit vielen Tasten) in seiner Handhabung verbessert werden.</p>
<p><strong>präsentieren / diskutieren.</strong><br />
Ein altbekanntes Phänomen: während dem Erklären von Sachverhalten kommt man selbst auf einige Ding. So wird Kommunikation und Präsentation (bei der immer das Produkt und nicht der Designer im Vordergrund stehen sollte) zum Design-Werkzeug.<br />
Die Ebene der Diskussion wird an den Stand des Produkts angepasst. Habe ich einige Entwürfe bereits grafisch gut aufbereitet, ist es umso schwieriger für den Auftraggeber, grundlegende Dinge zu kritisieren. Meistens wird dann auf Details wie Farbauswahl eingangen. Je fertiger allerdings das Produkt, desto schmerzhafter dann ein Re-Design.</p>
<p><strong>Fertig?</strong><br />
Es ist wichtig zu wissen, wann man fertig ist. So kann eine Reihe von zeitfressenden Überarbeitungen, die das Produkt nicht unbedingt besser machen, vermieden werden.<br />
Ich schließe mich diesem Punkt an und schließe ab. In diesem Sinne: Frohe Weihnachten.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/30/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/30/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/30/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/30/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/30/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=30&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/12/14/vo-7-design-part-iii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>
	</item>
		<item>
		<title>MP3-Player-Interface</title>
		<link>http://resign.wordpress.com/2006/12/13/mp3-player-interface/</link>
		<comments>http://resign.wordpress.com/2006/12/13/mp3-player-interface/#comments</comments>
		<pubDate>Wed, 13 Dec 2006 13:50:01 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Electric Devices]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/12/13/mp3-player-interface/</guid>
		<description><![CDATA[Um mit einem MP3 Player, auf dem man täglich seine Lieblingsmusik abspielt, vollkommen zufrieden sein zu können, muss ausser der guten Abspielqualität auch noch eine gute Menüführung gegeben sein. 
Eine gute Freundin von mir hat kürzlich einen No-Name-Player auf ebay erstanden, den sie mir dankenswerter Weise für ein kurzes Review geliehen hat. Hierbei ist es [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=28&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Um mit einem MP3 Player, auf dem man täglich seine Lieblingsmusik abspielt, vollkommen zufrieden sein zu können, muss ausser der guten Abspielqualität auch noch eine gute Menüführung gegeben sein. </p>
<p>Eine gute Freundin von mir hat kürzlich einen No-Name-Player auf ebay erstanden, den sie mir dankenswerter Weise für ein kurzes Review geliehen hat. Hierbei ist es zwar mit der Abspielqualität nicht so dramatisch, dafür ist die Benutzerfreundlichkeit umso katastrophaler.</p>
<p><img src="http://img228.imageshack.us/img228/4715/mp3playerec6.jpg" alt="Die Bedientasten" /></p>
<p>Man merkt aufgrund der Proportionen des Players, dass sich die Entwickler den iPod nano als Vorbild genommen haben. Ein kleiner Jogwheel-Ansatz (der allerdings keine Funktion inne hat) unterstreicht das noch.</p>
<p><strong>Hauptmenü</strong></p>
<p>Nach dem Einschalten gelangt man ins Hauptmenü, das folgendermaßen aussieht:</p>
<p><img src="http://img215.imageshack.us/img215/5203/mp3player2xz3.jpg" alt="Einschalten" /></p>
<p>Klare Strukturen, sollte man meinen. 4 Menüpunkte können in der Leiste unten angewählt werden &#8211; je nachdem wird dann im restlichen Bildschirmbereich ein Hoverbild angezeigt. Mit den Rewind und Forward Tasten jongliert man durch das Menü, das zu allem Überdruss statt acht <em>neun</em> Menüpunkte enthält. Das hat man hier so gelöst, dass der letzte Eintrag &#8222;Games&#8220; beim durchklicken an derselben Stelle, an der man den Punkt &#8222;Musik&#8220; erwarten würde steht: </p>
<p><img src="http://img204.imageshack.us/img204/7800/mp3player3ef4.jpg" alt="Games?" /></p>
<p>Im Bild sieht man, dass &#8222;Musik&#8220; &#8211;  der Punkt den ich als nächstes anwählen würde &#8211; rosa eingezeichnet ist, obwohl er danach blau wird. Konsistenz ist hier nicht gegeben, zumal sich die Entwickler auch bei einigen Hover-Effekten &#8222;vertan&#8220; haben:<br />
Bsp.: Menüpunkt ist eigentlich grün, Hover auf einmal rosa!?</p>
<p><strong>Auswahltaste</strong></p>
<p>Um eine Auswahl zu bestätigen / einen Menüpunkt anzuwählen verwendet man hauptsächlich Enter / Set / OK Tasten und dergleichen. Bei einigen MP3-Playern ist diese Möglichkeit nicht immer gegeben, bei Apples iPod zum Beispiel gibt es eine &#8211; zwar namenlose &#8211; Taste im Zentrum des Jogrades, allerdings ist hier rein optisch vollkommen klar, was die Taste macht. Nämlich dasselbe wie eine OK-Taste. </p>
<p><img src="http://img214.imageshack.us/img214/7563/mp3player4in4.jpg" alt="Wo ist die OK-Taste?" /><br />
<em>Wo ist die OK-Taste?</em></p>
<p>Bei diesem Modell liegt die Play-Taste im Zentrum, naheliegend &#8211; und komfortabel &#8211; wäre eine Enterfunktion &#8211; Leider hat man stattdessen entschieden, die &#8222;MENU&#8220;-Taste als Auswahltaste zu verwenden, was aus Benutzersicht natürlich wenig bis keinen Sinn macht, da man MENU eher als BACK-Taste kennt. </p>
<p><strong>Sonstige Probleme</strong></p>
<p>Wenn man die Lautstärke regeln will, muss man zuerst mit der VOL-Taste die REW/FF Tasten in den Volume-Modus schalten. Sehr unangenehm, wenn man die Lautstärke öfters  nachregelen will.</p>
<p>Die Menüstruktur ist auch weniger intuitiv, da es ja keine BACK-Taste gibt, muss man immer auf das Root-Verzeichnis der jeweiligen Ordnerebene wechseln &#8211; Wenn man also gerne einzelne Tracks aus verschiedenen Alben hören will, bedarf dies eines großen Arbeitsaufwands. </p>
<p><img src="http://img82.imageshack.us/img82/9674/mp3player5rr3.jpg" alt="Rootverzeichnisse" /><br />
<em>&#8222;Local Folder&#8220; &#8211; Für den User nicht interessant.</em></p>
<p><strong>Fazit</strong></p>
<p>Was besonders schade ist: Bei diesem Player haben die Macher darauf Wert gelegt, einen hohen Funktionsumfang zu bieten &#8211; was allerdings schwerst zulasten des Komforts gegangen ist. Das Prinzip &#8222;weniger ist mehr&#8220; galt hier nicht als Credo bei der Entwicklung.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/28/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/28/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/28/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=28&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/12/13/mp3-player-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img228.imageshack.us/img228/4715/mp3playerec6.jpg" medium="image">
			<media:title type="html">Die Bedientasten</media:title>
		</media:content>

		<media:content url="http://img215.imageshack.us/img215/5203/mp3player2xz3.jpg" medium="image">
			<media:title type="html">Einschalten</media:title>
		</media:content>

		<media:content url="http://img204.imageshack.us/img204/7800/mp3player3ef4.jpg" medium="image">
			<media:title type="html">Games?</media:title>
		</media:content>

		<media:content url="http://img214.imageshack.us/img214/7563/mp3player4in4.jpg" medium="image">
			<media:title type="html">Wo ist die OK-Taste?</media:title>
		</media:content>

		<media:content url="http://img82.imageshack.us/img82/9674/mp3player5rr3.jpg" medium="image">
			<media:title type="html">Rootverzeichnisse</media:title>
		</media:content>
	</item>
		<item>
		<title>On Target</title>
		<link>http://resign.wordpress.com/2006/12/08/on-target/</link>
		<comments>http://resign.wordpress.com/2006/12/08/on-target/#comments</comments>
		<pubDate>Fri, 08 Dec 2006 19:30:23 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Public Space]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/12/08/on-target/</guid>
		<description><![CDATA[&#8222;On Target&#8220; ist ein von Marcel Neundörfer in ein Urinal integriertes Interface, das per Urinstrahl bedient wird. Diese doch sehr unkonventionelle Art und Weise, mit einem Rechner zu interagieren, ist deswegen so interessant, weil es verschiedene Spiele / Modi gibt. So wird der Toilettenbesuch ein amüsantes Unterfangen, das laut Künstler, auch als hygienesteigernde Maßnahme gesehen [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=27&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>&#8222;On Target&#8220; ist ein von Marcel Neundörfer in ein Urinal integriertes Interface, das per <em>Urinstrahl</em> bedient wird. Diese doch sehr unkonventionelle Art und Weise, mit einem Rechner zu interagieren, ist deswegen so interessant, weil es verschiedene Spiele / Modi gibt. So wird der Toilettenbesuch ein amüsantes Unterfangen, das laut Künstler, auch als hygienesteigernde Maßnahme gesehen werden kann.</p>
<p><img src="http://img399.imageshack.us/img399/9808/target1jpgpx7.jpg" alt="On Target - So sieht's aus." /></p>
<p><strong>Interaktiver Bildschirm</strong></p>
<p>Eine in ein Urinal eingelassene druckempfindliche Fläche verleitet den (männlichen) Toilettenbesucher, seinen Urinstrahl bewusst zu lenken, da er damit verschiedenste Prozesse auslösen kann: z.B. intuitiv Bilder kreieren, interaktive Games spielen (mit 15-sekündiger Zeitbeschränkung versteht sich, da ja die Harnblase auch irgendwann leer ist), oder Sounds zu erzeugen.</p>
<p><img src="http://img233.imageshack.us/img233/559/target4oa9.jpg" alt="" /><br />
<img src="http://img399.imageshack.us/img399/6522/target2pb7.jpg" alt="Games" /></p>
<p><strong>Zur Person:</strong><br />
Marcel Neundörfer studiert Grafik Design bei Prof. Fons Hickmann auf der Universität für Angewandte Kunst Wien.</p>
<p><strong>Links:</strong><br />
<a href="http://www.apartment10.net/" target="_blank">Website Marcel Neundörfer</a><br />
<a href="http://www.dieangewandte.at" target="_blank">Die Angewandte</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/27/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/27/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/27/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/27/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/27/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=27&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/12/08/on-target/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img399.imageshack.us/img399/9808/target1jpgpx7.jpg" medium="image">
			<media:title type="html">On Target - So sieht's aus.</media:title>
		</media:content>

		<media:content url="http://img233.imageshack.us/img233/559/target4oa9.jpg" medium="image" />

		<media:content url="http://img399.imageshack.us/img399/6522/target2pb7.jpg" medium="image">
			<media:title type="html">Games</media:title>
		</media:content>
	</item>
		<item>
		<title>VO 6 &#8211; Design Instruments</title>
		<link>http://resign.wordpress.com/2006/12/07/vo-6-design-instruments/</link>
		<comments>http://resign.wordpress.com/2006/12/07/vo-6-design-instruments/#comments</comments>
		<pubDate>Thu, 07 Dec 2006 16:58:57 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/12/07/vo-6-design-instruments/</guid>
		<description><![CDATA[Wie kommt man als Designer zu Ideen? Wie läuft der Designprozess ab? Im folgenden sollen nun ein paar wesentliche Design Instruments vorgestellt werden.
Skizzen vs. Prototypen
Schnelle Skizzen einer Idee können selbst zur Erkenntnis führen, was funktionieren könnte und was nicht. Was Designer von Leuten unterscheidet, die mit Design nichts verbindet, ist die Fähigkeit, Skizzen sowohl anfertigen, [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=26&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Wie kommt man als Designer zu Ideen? <em>Wie</em> läuft der Designprozess ab? Im folgenden sollen nun ein paar wesentliche Design Instruments vorgestellt werden.</p>
<p><strong>Skizzen vs. Prototypen</strong></p>
<p>Schnelle Skizzen einer Idee können selbst zur Erkenntnis führen, was funktionieren könnte und was nicht. Was Designer von Leuten unterscheidet, die mit Design nichts verbindet, ist die Fähigkeit, Skizzen sowohl anfertigen, als auch lesen zu können. Der Mut zum Verwerfen seiner Ideen gehört ebenso dazu. Gerade Architekten greifen gerne zu Beginn des Entwurfsprozesses zum Zeichenstift &#8211; auch wenn das endgültige Modell nur vage an die Skizze anfangs erinnert. Der Nachteil von Skizzen ist, dass bei entsprechender Begabung des Zeichners ein schlechtes Produkt trotzdem gut aussehen kann. </p>
<p>Skizzen dienen eher dazu, Möglichkeiten aufzuzeigen. Prototypen kommen der &#8222;realen Lösung&#8220; näher, hier wird bereits versucht, Entscheidungen über wesentliche Designfragen zu treffen.</p>
<p><strong>Wizard of Oz-Ing</strong></p>
<p>Ein gutes Mittel, Ideen anschaulicher zu machen, ist das Prinzip des Wizard-Of-Oz-Ing, wo man Anwendungssituation fälscht &#8211; z.B. Ein Spielzeugauto, das wenn es fertig gebaut ist,  selbst vorgegebenen Bewegungen folgen soll: Das könnte mit einem simplen Magnet unter der Tischplatte recht gut visualisiert werden.</p>
<p><strong>User Testing</strong></p>
<p>User Testing kann Mängel im User-Interface Design auf direkte und ungefilterte Art und Weise  offenlegen und ist ein nicht zu ersetzendes Feedback-Instrument. Aufgezeichnet auf einem Video-Tape ist es nachher für Designer und Entwickler möglich, für User unlogische Funktionen im Programm zu entschärfen oder verbessern.</p>
<p><strong>Personas und Szenarien</strong></p>
<p>Fiktive Personen mit ihren Charakterzügen, Gewohnheiten, Bedürfnissen und Wünschen nehmen in der SWE als stellvertrende spätere User eine wichtige Rolle ein. So können konkrete Anwendungssituationen von den Entwicklern leicht durchgespielt werden, das &#8222;sich in der User hineinversetzen&#8220; fällt wesentlich leichter.</p>
<p><strong>Mood Board</strong></p>
<p>Mood Boards sind im Allgemeinen Kreativitätsquellen für Designer &#8211; Dinge die einem ins Auge gestochen haben, werden auf eine Wand gepinnt und je nach Belieben mit anderen Items in Bezug gestellt.</p>
<p><strong>Probes</strong></p>
<p>Cultural Probes sind ein von Künstlern auf dem Royal College of Art in London gestarteter Versuch, alltägliche Gewohnheiten von Menschen ohne persönliches Beisein dokumentieren zu können. Dazu wird der &#8222;Testperson&#8220; ein Päckchen mit Plänen, Stiften, Digicam, Post-its und anderen Dokumentationshilfen ausgehändigt, diese gibt es dann nach mehreren Wochen wieder zurück. Anhand dieses ausgefüllten Plans ist es nun möglich, die natürliche Verhaltensweise bzw. Vorlieben unverfäscht nachvollziehen zu können.</p>
<p>Design Instruments sind also wesentliche Tools, die die Gefahr eindämmen, dass Designen weit weg von der &#8222;Wirklichkeit&#8220; passiert.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/26/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/26/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/26/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=26&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/12/07/vo-6-design-instruments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>
	</item>
		<item>
		<title>Karlsplatz &#8211; Westpassage</title>
		<link>http://resign.wordpress.com/2006/12/06/karlsplatz-westpassage/</link>
		<comments>http://resign.wordpress.com/2006/12/06/karlsplatz-westpassage/#comments</comments>
		<pubDate>Wed, 06 Dec 2006 22:47:42 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Public Space]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/12/06/karlsplatz-westpassage/</guid>
		<description><![CDATA[Heute geht&#8217;s in den öffentlichen Raum, genauer gesagt vor die &#8222;Haustür&#8220; der TU. Zwischen Secession und Opernpassage wurde kürzlich ein vom kanadischen Künstler Ken Lum gestalteter U-Bahn-Zugang eröffnet, den ich wegen der dort angebrachten Medieninstallation auf diesem Blog vorstellen will. Dieses künstlerische Projekt im public space ist ein weiteres Indiz dafür, dass die Stadt Wien [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=25&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Heute geht&#8217;s in den öffentlichen Raum, genauer gesagt vor die &#8222;Haustür&#8220; der TU. Zwischen Secession und Opernpassage wurde kürzlich ein vom kanadischen Künstler <a href="http://www.kenlum.net/" target="_blank">Ken Lum</a> gestalteter U-Bahn-Zugang eröffnet, den ich wegen der dort angebrachten Medieninstallation auf diesem Blog vorstellen will. Dieses künstlerische Projekt im public space ist ein weiteres Indiz dafür, dass die Stadt Wien den Kunstraum Karlsplatz längerfristig etablieren will.</p>
<p><img src="http://img502.imageshack.us/img502/9582/karlsplatz3lk6.jpg" alt="Westpassagen-Abgang" /><br />
<img src="http://img382.imageshack.us/img382/4373/karlsplatz4pg2.jpg" alt="Die Passage" /></p>
<p>Warum poste ich das hier auf dem uid-Blog? Der Design-Prozess beginnt bereits da, wo eine Auseiandersetzung des Designers / Künstlers / Technikers mit der zu lösenden  Aufgabenstellung stattfindet und kann mit dem Bruch der Guidelines richtig gut werden.<br />
Folgendes Zitat aus einem Standard-Artikel zur Eröffnung der Passage verdeutlicht diesen Sachverhalt:</p>
<blockquote><p>In einem geladenen Wettbewerb hatte sich 2005 Ken Lum mit seinem Entwurf &#8222;Pi&#8220; gegenüber acht Mitbewerbern aus dem In- und Ausland, darunter seine Landsfrau Angela Bulloch, der Brite Liam Gillick oder die Österreicher Dorit Margreiter, Martin Walde oder Heimo Zobernig durchgesetzt. Bemerkenswert erscheint da vor allem die Tatsache, dass sich Lum über die <strong>engen Vorgaben der Ausschreibung</strong>, lediglich die Vitrinenelemente, die gewöhnlich für die City Lights genutzt werden, zu gestalten, <strong>erfolgreich hinwegsetzte</strong>: Er hat die Passage und ihr Durchschreiten selbst zum Thema gemacht und die Architektur des gesamten Raumes mit aktueller Medientechnologie verknüpft.</p></blockquote>
<p><strong>Statistiken und Zahlenspiele</strong></p>
<p><img src="http://img45.imageshack.us/img45/5689/karlsplatz2pg9.jpg" alt="LED" /><br />
<img src="http://img502.imageshack.us/img502/8363/karlsplatz5su5.jpg" alt="in die Spiegel eingeätzte Schrift" /></p>
<p>Der Kanadier hat es geschafft, die transitäre Funktion einer Unterführung in den Hintergrund zu stellen. Die gezeigten Hard-Facts &#8211; &#8222;<strong>Weltbevölkerung</strong>&#8222;, &#8222;<strong>HIV-Infektionen</strong>&#8222;, &#8222;<strong>Hungernde Kinder</strong>&#8222;, sowie &#8222;<strong>Ausbreitung der Sahara in Hektar</strong>&#8220; &#8211; mischen sich mit (nicht ganz ernstgemeinten) Zahlenspielen &#8211; &#8222;<strong>Verzehrte Wiener Schnitzel seit 1. Jänner</strong>&#8222;, &#8222;<strong>Verliebte in Wien</strong>&#8222;. Gerade der Mix aus ernstgemeinten Statistiken und ortsspezifischen Zahlen lädt den (deutschsprachigen) Vorbeigehenden zum Verweilen und Reflektieren ein.</p>
<p><strong>Die Zahl Pi</strong></p>
<p><img src="http://img382.imageshack.us/img382/1188/karlsplatz1vk7.jpg" alt="Pi - live generierte End-Stellen" /></p>
<p>Interessant ist auch die (unendliche) Zahl Pi, deren 478 erste Stellen im Spiegel eingraviert sind &#8211; der Rest der Stellen wird live vom Computer berechnet, die 10 jüngsten Ziffern werden auf dem LED-Screen angezeigt. Diese Idee, den Passanten zur Selbst-Reflexion anzuregen, ohne unangenehm aufzufallen, verhalf Ken Lum zum Wettbewerbssieg.</p>
<p><strong>Kunst / Design / Soziales</strong></p>
<p>Der Gesellschaft wird der sprichwörtliche Spiegel vorgehalten, während die Zahlen beobachtet werden &#8211; Das Design dieser Rauminstallation und deren Wechelspiel mit örtlichen Gegebenheiten ist somit selbst ein Teil des Kunstwerkes. </p>
<p><strong>Wo:</strong><br />
Die Passage ist leicht zu finden: Einfach von der TU kommend an der Eingangsseite der Secession vorbei gehen.</p>
<p><strong>Links:</strong><br />
<a href="http://www.kenlum.net/" target="_blank">Ken Lum&#8217;s Personal Website</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/25/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/25/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/25/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/25/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/25/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=25&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/12/06/karlsplatz-westpassage/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img502.imageshack.us/img502/9582/karlsplatz3lk6.jpg" medium="image">
			<media:title type="html">Westpassagen-Abgang</media:title>
		</media:content>

		<media:content url="http://img382.imageshack.us/img382/4373/karlsplatz4pg2.jpg" medium="image">
			<media:title type="html">Die Passage</media:title>
		</media:content>

		<media:content url="http://img45.imageshack.us/img45/5689/karlsplatz2pg9.jpg" medium="image">
			<media:title type="html">LED</media:title>
		</media:content>

		<media:content url="http://img502.imageshack.us/img502/8363/karlsplatz5su5.jpg" medium="image">
			<media:title type="html">in die Spiegel eingeätzte Schrift</media:title>
		</media:content>

		<media:content url="http://img382.imageshack.us/img382/1188/karlsplatz1vk7.jpg" medium="image">
			<media:title type="html">Pi - live generierte End-Stellen</media:title>
		</media:content>
	</item>
		<item>
		<title>VO 5 &#8211; Design Part II</title>
		<link>http://resign.wordpress.com/2006/11/30/vo-5-design-part-ii/</link>
		<comments>http://resign.wordpress.com/2006/11/30/vo-5-design-part-ii/#comments</comments>
		<pubDate>Thu, 30 Nov 2006 19:08:38 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/30/vo-5-design-part-ii/</guid>
		<description><![CDATA[Inwieweit funktioniert das Modell der &#8222;klassischen Softwareentwicklung&#8220; in der Praxis? Kann Software wirklich nach dem Wasserfallmodell (Pflichtenheft -&#62; Spezifikation -&#62; Grobentwurf -&#62; Feinentwurf -&#62; Implementierung -&#62; Test -&#62; Revision) entwickelt werden? 
Design ist ein Prozess, bei dem selbst neue Probleme entstehen &#8211; dieser steht also im direkten Widerspruch mit obigem Lehrbuchdenken. Viel mehr könnte Softwareentwicklung [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=24&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Inwieweit funktioniert das Modell der &#8222;klassischen Softwareentwicklung&#8220; in der Praxis? Kann Software wirklich nach dem <a href="http://de.wikipedia.org/wiki/Wasserfallmodell" target="_blank">Wasserfallmodell</a> (Pflichtenheft -&gt; Spezifikation -&gt; Grobentwurf -&gt; Feinentwurf -&gt; Implementierung -&gt; Test -&gt; Revision) entwickelt werden? </p>
<p>Design ist ein Prozess, bei dem selbst neue Probleme entstehen &#8211; dieser steht also im direkten Widerspruch mit obigem Lehrbuchdenken. Viel mehr könnte Softwareentwicklung als Kreislauf gesehen werden, bei dem nach der Analyse wiederkehrende Stationen (Design -&gt; Implementierung -&gt; Test -&gt; Evaluation -&gt; Design) auftreten. Jedoch muss auch hier eine erfolgte Implementierung nicht sofort in die Testphase führen, wenn grundlegende Versäumnisse im Designprozess passiert sind.</p>
<p>Ein weiteres Alternativmodell sieht die Lösung eines Problems in einer unauflöslichen Verbindung aus Analyse, Synthese und Evaluation. Verglichen mit einem Bauprojekt in der Architektur sind in einer idealen (was ist das eigentlich?) SWE zu Beginn Designer zuständig (unter Beisein der Programmierer/Entwickler), dann wird implementiert (immer noch unter den Argusaugen der Designer) &#8211; Damit wird erst dann begonnen, wenn der als Konzept bereits ein gut durchdachtes Design zugrunde liegt. Zu allem Überdruss ist jedoch auch Design nicht hundertprozentig &#8222;testbar&#8220;, oft zeigen sich erst in Verwendung Lücken und Mängel.</p>
<p><strong>Primary Generators</strong> sind fixe Paradigmen, die jedes Individuum (egal in welcher Branche) hat. Fällt ein Stichwort für eine zu entwickelnde Software, oder allgemeiner, für ein zu lösendes Problem, schleichen sich sofort gewisse Vorstellungen von der Realisierung ein. Das ist an sich nicht unbedingt etwas schlechtes, jedoch verleiten diese Guidelines dazu, das Problem-lösen mit Scheuklappen und Tunnelblick anzugehen. &#8222;kill your darlings&#8220; ist ein Ausspruch aus der Spieleentwicklung &#8211; welcher besagt, dass es besser ist, seine Prizipien immer wieder zu überdenken und infrage zu stellen &#8211; im Dienste eines besseren Produkts.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/24/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/24/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=24&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/30/vo-5-design-part-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>
	</item>
		<item>
		<title>Apple Produktbestellung</title>
		<link>http://resign.wordpress.com/2006/11/28/apple-produktbestellung/</link>
		<comments>http://resign.wordpress.com/2006/11/28/apple-produktbestellung/#comments</comments>
		<pubDate>Tue, 28 Nov 2006 23:56:24 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Web]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/28/apple-produktbestellung/</guid>
		<description><![CDATA[Auf Apples Website kann man sich einen eigens konfigurierten Rechner zusammenstellen lassen &#8211; ganz nach seinen persönlichen Vorstellungen. An sich ist das nichts besonderes, zumal es eine Reihe anderer (kleinerer) Anbieter gibt, die ihren Kunden ein ähnliches Service bieten.
Im speziellen ist es allerdings die dynamische Aufbereitung dieses Bestellvorgangs. Apple hat hier kein Dropdown-Menu für die [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=23&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Auf <a href="http://www.apple.com" target="_blank">Apples Website</a> kann man sich einen eigens konfigurierten Rechner zusammenstellen lassen &#8211; ganz nach seinen persönlichen Vorstellungen. An sich ist das nichts besonderes, zumal es eine Reihe anderer (kleinerer) Anbieter gibt, die ihren Kunden ein ähnliches Service bieten.</p>
<p>Im speziellen ist es allerdings die dynamische Aufbereitung dieses Bestellvorgangs. Apple hat hier kein Dropdown-Menu für die Komponentenauswahl herangezogen (würde bei wenigen Optionen auch keinen Sinn machen), sondern Radiobuttons. Ein Bild der jeweiligen Komponente links neben dem Text ermöglicht es den Usern, sehr schnell zu gewissen Produkten zu scrollen, ohne sich durch ein Text-Wirrwarr mit dubiosen Festplatten-Seriennummern schlagen zu müssen.</p>
<p><strong>Preisaddition und -subtraktion</strong></p>
<p>Besonders gut hat mir die (einfache) Implementierung des Preis &#8211; Additions- und Subtraktionsvorganges gefallen. Wähle ich Festplatte A mit 120 GB, steigt mein Preis natürlich an. Gleichzeitig wird mir jedoch angezeigt, um wieviel <em>billiger</em> ich Festplatte B erstehen könnte, wieviel Geld ich als Käufer also spare. </p>
<p><img src="http://img237.imageshack.us/img237/3337/apple1cn9.jpg" alt="" /><br />
<img src="http://img368.imageshack.us/img368/2783/apple2zh1.jpg" alt="" /></p>
<p>Sobald ich eine Option anwähle, werden die anderen daran angepasst.<br />
Dieses relative Referenzmodell (es wird bei jedem Produkt nur angegeben, wieviel mehr oder weniger es kostet) erweist sich in dieser speziellen Situation als sehr praktisch.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/23/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/23/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/23/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/23/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/23/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=23&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/28/apple-produktbestellung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img237.imageshack.us/img237/3337/apple1cn9.jpg" medium="image" />

		<media:content url="http://img368.imageshack.us/img368/2783/apple2zh1.jpg" medium="image" />
	</item>
		<item>
		<title>Myspace.com</title>
		<link>http://resign.wordpress.com/2006/11/25/myspacecom/</link>
		<comments>http://resign.wordpress.com/2006/11/25/myspacecom/#comments</comments>
		<pubDate>Sat, 25 Nov 2006 16:40:05 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Web]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/25/myspacecom/</guid>
		<description><![CDATA[Myspace.com  ist mit derzeit mehr als 130 Mio. Usern zur größten Online-Blog-Community der Welt avanciert &#8211; Tendenz: steigend.

Index von Myspace
Das ist die Startseite, den man zu sehen bekommt, wenn man Myspace.com aufruft. Keine auf Anhieb erkennbare Struktur, nur ein paar Table-förmige Einträge (&#8222;Cool New People&#8220;, &#8222;Cool New Videos&#8220;) findet man hier vor. Viel zu [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=22&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://www.myspace.com">Myspace.com</a>  ist mit derzeit mehr als 130 Mio. Usern zur größten Online-Blog-Community der Welt avanciert &#8211; Tendenz: steigend.</p>
<p><img src="http://img246.imageshack.us/img246/6421/mysp1tr7.jpg" alt="Startseite Myspace" /><br />
<em>Index von Myspace</em></p>
<p>Das ist die Startseite, den man zu sehen bekommt, wenn man Myspace.com aufruft. Keine auf Anhieb erkennbare Struktur, nur ein paar Table-förmige Einträge (&#8222;Cool New People&#8220;, &#8222;Cool New Videos&#8220;) findet man hier vor. Viel zu viele Schriftarten und -größen bestimmen das Schriftbild; langweilige Farben und Unübersichtlichkeit lassen Zweifel am ästhetischen Erscheinungsbild der Seite aufkommen.</p>
<p><strong>Warum dann so erfolgreich?</strong></p>
<p>Sofort drängt sich die Frage auf: &#8222;Wie kann eine Seite, die so aussieht, täglich soviele neue User anziehenen?&#8220;. Myspace ist eine Online Community, die im Gegensatz zu anderen Communities viel mehr auf das Networking-Prinzip setzt. Adde ich eine Person zu meiner Friends List, erscheine ich gleich dort in seiner/ihrer Buddy-List. Ich wiederum werde nun von anderen Usern gefunden, geaddet, usw. </p>
<blockquote><p>&#8222;______ is in your extended Network&#8220; &#8211; <em>Der</em> Myspace &#8211; Slogan</p></blockquote>
<p>So ist man in Windeseile in des anderen &#8222;extended network&#8220;. Myspace hat somit einen sehr hohen emotionalen Wert bei den Usern, man ist schnell unter Menschen.</p>
<p>Gerade für Musiker oder Musik-Konsumenten birgt die Sub-Plattform Myspace-Music ungeahntes Potenzial. Nahezu jeder namhafte Interpret, engagierter Newcomer und Vertreter der Undergroundszene ist vertreten. Songs können gestreamt und online gestellt werden, schnell ist der Kontakt mit potenziellen Fans hergestellt.</p>
<p><strong>Funktionalität</strong></p>
<p>Sobald man registrierter Benutzer bei Myspace ist, steht man nun vor der Frage, wie man sein Profil nun an seine eigenen Vorstellungen anpassen kann, ist doch das Standard-Layout (blau/weiss) nicht jedermanns Sache. </p>
<p>Ganz im Gegensatz zu anderen Blog-Communities, auf denen man nur aus einer bestimmten Anzahl aus Funktionen / Layouts wählen kann, wird einem bei Myspace vollkommen freie Hand gelassen. </p>
<p>Das hat natürlich Vorteile. So kann man das Aussehen ebendieser persönlichen Seite (mit viel Ausdauer und Kenntnis der Materie) ohne Einschränkung an seine eigenen Wünsche anpassen und trotzdem vom gesamten Umfang der Community profitieren. </p>
<p>Das zentrale Design- und Usability Defizit von Myspace ist jedoch, <em>wie</em> man sein Profil editiert. Mittels HTML-Code und CSS nämlich, die man als Textfetzen an einer völlig unintuitiv gewählten Stelle in den Profilsettings einfügt (unter &#8222;Edit Profile &gt; About Me &gt; Bio&#8220;).</p>
<p>Das völlig veraltete Layout von Myspace basiert noch auf Tabellen, die in weiteren Tabellen verschachtelt sind. Diese Table-tags beschreibt man als User nun per CSS. Allerdings muss man hierfür erst lange im Internet recherchieren, welche Elemente an welcher Stelle im Layout stehen (Namen wie &#8222;.whitetext12, .lightbluetext8, .orangetext15&#8243; sprechen NICHT für sich selbst), wenn man nicht eines der zahlreichen Chaos-Code-Layout Tools verwenden will.</p>
<p><img src="http://img134.imageshack.us/img134/6804/mysp3ut2.jpg" alt="Code-Editieren" /><em>Eingefügtes HTML und CSS in Myspace</em></p>
<p>Wer schon einmal HTML Code editiert hat, dem stößt obiges Bild sauer auf. Fernab jeglicher Übersicht schlägt man sich im Code-Wirrwarr herum, man kann die Tags ja nicht umbenennen.</p>
<p>Menschen, die mit HTML/CSS und Design generell nichts am Hut haben, können dem Browsing-Spass aufgrund der uneingeschränkten Möglichkeit Code-Schnipsel einzubauen ein jähes Ende bereiten. So ist es nicht weiter verwunderlich, das aufgrund mangelnder Kompetenz solche &#8222;Designs&#8220; herauskommen: </p>
<p><img src="http://img246.imageshack.us/img246/3020/mysp2kj9.jpg" alt="Myspace-Alltag: Viel mehr schlechte als gute Layouts" /><br />
<em>Myspace-Alltag: Viel mehr schlechte als gute Layouts</em></p>
<p><strong>Lösungsansätze</strong></p>
<p>Ein simpler Lösungsansatz wäre eine Umbennung der Tags in sprechendere Namen wie z.B: &#8222;Contact_Table&#8220; für die Tabelle, die die Kontakt-Buttons enthält. Ein Myspace-interner HTML-Editor, bei dem vor allem Anfänger nicht viel falsch machen können, wäre ebenso eine Möglichkeit.</p>
<p>Über kurz oder lang muss sich Myspace.com vielmehr an HTML und CSS Standards der W3 orientieren. Tabellen sind im Webdesign schon lange nicht mehr die optimale Lösung zum Erstellen von Layouts, viel besser wäre es, vermehrt auf DIVs und CSS zu setzen. Natürlich ist man, wenn man sich an Standards hält, viel eingeschränkter, als wenn man dies nicht tun würde. Im Endeffekt ist ein strukturierteres, übersichtlichers, leicher und logischer zu bedienendes Myspace im Sinne aller Nutzer/innen.</p>
<p><strong>Link:</strong><br />
<a href="http://www.myspace.com">Myspace</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/22/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/22/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=22&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/25/myspacecom/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img246.imageshack.us/img246/6421/mysp1tr7.jpg" medium="image">
			<media:title type="html">Startseite Myspace</media:title>
		</media:content>

		<media:content url="http://img134.imageshack.us/img134/6804/mysp3ut2.jpg" medium="image">
			<media:title type="html">Code-Editieren</media:title>
		</media:content>

		<media:content url="http://img246.imageshack.us/img246/3020/mysp2kj9.jpg" medium="image">
			<media:title type="html">Myspace-Alltag: Viel mehr schlechte als gute Layouts</media:title>
		</media:content>
	</item>
		<item>
		<title>VO 4 &#8211; Design</title>
		<link>http://resign.wordpress.com/2006/11/25/vo-4-design/</link>
		<comments>http://resign.wordpress.com/2006/11/25/vo-4-design/#comments</comments>
		<pubDate>Sat, 25 Nov 2006 15:19:44 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/25/vo-4-design/</guid>
		<description><![CDATA[Design &#8211; einer dieser Begriffe, deren Bedeutung auf den ersten Blick klar zu sein scheint. Trotzdem ist es sehr schwierig, eine hinreichende Definition für dieses Wort zu finden &#8211; zu allumfassend, zu groß ist dieses Gebiet. 
Gerade im Softwarebereich können miese Verkaufszahlen, vernichtendes User-Feedback oder Programmier-Mängel Ausprägungen von schlechtem Design darstellen. Paradigmen wie &#8222;Usability vs. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=21&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Design &#8211; einer dieser Begriffe, deren Bedeutung auf den ersten Blick klar zu sein scheint. Trotzdem ist es sehr schwierig, eine hinreichende Definition für dieses Wort zu finden &#8211; zu allumfassend, zu groß ist dieses Gebiet. </p>
<p>Gerade im Softwarebereich können miese Verkaufszahlen, vernichtendes User-Feedback oder Programmier-Mängel Ausprägungen von schlechtem Design darstellen. Paradigmen wie &#8222;Usability vs. Design&#8220; oder &#8222;Funktionalität vs. Aussehen/Ästhetik&#8220; führen nicht zum Ziel einer guten Anwendung. Vielmehr stehen beide Aspekte nicht im Gegensatz zu-, sondern in Symbiose miteinander (siehe Apple&#8217;s <a href="http://de.wikipedia.org/wiki/Ipod" target="_blank">ipod</a>, dessen gute Benutzbarkeit auf seinem Design basiert).</p>
<p><strong>Guiding principles</strong> können Software-entwickler davon abhalten, gute Software zu machen. Oft wird zuviel Wert auf einen strengen, Leitbild-orientierten Ablauf in der Entwicklung gelegt &#8211; z.B: zuerst einige Erfahrungswerte der Leute, die die künftige Software benutzen werden, einholen, dann in das Kämmerchen einsperren und die Software &#8222;runterprogrammieren&#8220;. Das wäre ein Prozess, der, bei geänderten Bedingungen / Anforderungen oder aufbauend auf falschen Erhebungen (Leute arbeiten anders, wenn man ihnen dabei zusieht) in der Praxis nicht funktionieren könnte.</p>
<p>Design steht im Gegensatz zum klassischen Problemlösen (z.B. Kreuzworträtsel, bei dem ich nach dem letzten eingesetzten Wort einer Musterlösung entsprechen kann). Es ist vielmehr eine unendliche Weiterentwicklung &#8211; gerade in der Informatik recht gut an SW-Versionen zu erkennen &#8211; bei der immer wieder neue Probleme auftreten, die gelöst/umgangen werden wollen.</p>
<p><strong>Paradigmen des Designs</strong></p>
<p>Ein Betriebswirt sieht in einem unrentablen Lokal (in der VO das Bsp. mit dem Speisewagen) eine andere Ursache als ein Eventmanager. Die Sichtweise ist ausschlaggebend. Deswegen ist der Designprozeß immer subjektiv, zumal Design als Eigenschaft Geschmackssache ist. </p>
<p>Das Ergebnis des Designens kann nie perfekt sein, da erstens keine &#8222;Musterlösung&#8220; vorliegt, zweitens verschiedene Lösungen nicht miteinander vergleichbar sind. Entscheidungen über Designfragen bauen immer auf persönlichen Vorlieben auf.</p>
<p>Nicht immer muss eine Lösung der ursprünglichen Anforderung entsprechen. Ein gutes Beispiel hierfür ist das <a href="http://de.wikipedia.org/wiki/Sydney_Opera_House" target="_blank">Opera House</a> in der australischen Stadt Sydney. Jørn Utzons Entwurf brach mit sämtlichen Ausschreibungskritierien, verletzte grundlegende guidelines wie Kosten und Bauzeit. Sein bahnbrechendes statisches Konzept und das Aussehen des Opernhauses konnten die Jury jedoch im Endeffekt überzeugen &#8211; er gewann den Wettbewerb. Australien hätte ohne diesen &#8222;nicht entsprechenden&#8220; Entwurf wohl ein attraktives Wahrzeichen weniger und wäre kulturell uninteressanter. </p>
<p>Außerordentlich gute Design-Konzepte können in allen Bereichen (Software, Grafik, Architektur,&#8230;) Emotionen/Wohlwollen/Gefallen bei den Usern/Betrachtern/Besuchern auslösen, was das Produkt nicht nur für sich selbst, sondern vielmehr auch für die Allgemeinheit zu einem Erfolg macht.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/21/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/21/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/21/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=21&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/25/vo-4-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>
	</item>
		<item>
		<title>Processing</title>
		<link>http://resign.wordpress.com/2006/11/21/processing/</link>
		<comments>http://resign.wordpress.com/2006/11/21/processing/#comments</comments>
		<pubDate>Tue, 21 Nov 2006 19:12:41 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Applications]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/21/processing/</guid>
		<description><![CDATA[Processing ist eine Open Source Programmiersprache, die besonders von Künstlern, Designern und Architekten für Image- und Soundprocessing / -prototyping genutzt wird.
Immerhin spricht die Programmiersprache Processing eher Leute an, die Code für künstlerische (visueller oder auditiver Natur) Zwecke verwenden. Somit ist die Zielgruppe relativ klar definiert. Dementsprechend gestaltet ist auch der gleichnamige Editor, der mit dem [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=20&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://www.processing.org/" target="_blank">Processing</a> ist eine Open Source Programmiersprache, die besonders von Künstlern, Designern und Architekten für Image- und Soundprocessing / -prototyping genutzt wird.</p>
<p>Immerhin spricht die Programmiersprache Processing eher Leute an, die Code für künstlerische (visueller oder auditiver Natur) Zwecke verwenden. Somit ist die Zielgruppe relativ klar definiert. Dementsprechend gestaltet ist auch der gleichnamige Editor, der mit dem Download der Processing-Library automatisch installiert wird.</p>
<p>Die Farbauswahl beschränkt sich auf dezente Grau-, Graubraun- und Beigetöne. Das Syntax-Highlighting gliedert sich vielleicht etwas zu unauffällig in dieses Farbschema ein &#8211; so sind vor allem auf Laptop- oder TFT-Screens rote und braune Schrift nur schwer zu unterscheiden. Trotzdem wirkt hier alles wie aus einem Guss.</p>
<p><img src="http://img294.imageshack.us/img294/5049/processing1wn9.jpg" alt="Processing - Editor" /><br />
<em>Processing-Editor</em></p>
<p>Sechs Symbole sind in der oberen Leiste zu sehen. Die ersten beiden sind &#8222;Run&#8220; und &#8222;Stop&#8220; zum Auführen bzw. zum Beenden des Codes / Programms. Sie sind optisch durch einen Abstand getrennt von den anderen vier Symbolen &#8211; &#8222;New&#8220;, &#8222;Open&#8220;, &#8222;Save&#8220; und &#8222;Export&#8220;.<br />
Sie alle könnten auch als Menüpunkte in &#8222;File&#8220;- (MacOS) oder &#8222;Datei&#8220;- (Windows) Menü abgelegt sein. Rollover Images geben dem User Feedback und zeigen die Funktion an.</p>
<p><img src="http://img294.imageshack.us/img294/1213/processingrolloverlo8.jpg" alt="Rollover - Effekte" /><br />
<em>Rollover-Images</em></p>
<p>Wenn man Code markiert, wird dieser in grellem Orange gehighlighted. Diese Farbe zieht sich konsistent durch das ganze Programm, denn sobald man Text markiert, einen Button mit dem Mauszeiger anklickt oder einen Titel für einen neuen Tab eingibt, sprich mit dem Editor-Interface interagiert, ist Orange die Feedback-Farbe.</p>
<p>Ebenso wie das Speichern eines Files. Der Dialog wird direkt im Programm eingeblendet &#8211; orange hinterlegt &#8211; kommt also ohne Popup-Window aus.</p>
<p><img src="http://img131.imageshack.us/img131/7401/processingsavechangesgx5.jpg" alt="Save Changes?" /><br />
<em>Orange &#8211; Highlighting</em></p>
<p>Ein schwarzer Bereich im Fenster &#8211; zum Anzeigen von Kompilierfehlern und dergleichen &#8211; rundet den stimmigen Gesamteindruck noch ab: Ein einfacher Editor, leicht zu Handhaben, der allein wegen seines Look&amp;Feel sehr gut zu der Programmiersprache Processing und seinen Verwendungszwecken passt.</p>
<p><strong>Weiterführende Links:</strong><br />
<a href="http://www.processing.org/" target="_blank">Offizielle Processing-Website</a><br />
<a href="http://www.processing.org/download/index.html" target="_blank">Download Processing</a> </p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/20/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/20/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=20&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/21/processing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img294.imageshack.us/img294/5049/processing1wn9.jpg" medium="image">
			<media:title type="html">Processing - Editor</media:title>
		</media:content>

		<media:content url="http://img294.imageshack.us/img294/1213/processingrolloverlo8.jpg" medium="image">
			<media:title type="html">Rollover - Effekte</media:title>
		</media:content>

		<media:content url="http://img131.imageshack.us/img131/7401/processingsavechangesgx5.jpg" medium="image">
			<media:title type="html">Save Changes?</media:title>
		</media:content>
	</item>
		<item>
		<title>Keyboards &#8211; Pitch Bend</title>
		<link>http://resign.wordpress.com/2006/11/14/keyboards-pitch-bend/</link>
		<comments>http://resign.wordpress.com/2006/11/14/keyboards-pitch-bend/#comments</comments>
		<pubDate>Tue, 14 Nov 2006 13:20:30 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Electric Devices]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/14/keyboards-pitch-bend/</guid>
		<description><![CDATA[Diesmal was ganz anderes. Keyboards (Instrumente, nicht Computertastaturen) oder Synthesizer, wie wir sie heute in ihrer Erscheinung kennen, existieren seit den späten 70ern. Robert Moog, der Erfinder des &#8222;Minimoog&#8220; war der erste, der einen tragbaren monophonen Synthesizer baute und erfolgreich verkaufte.
Minimoog
User Interface Design bei Keyboards?
Auch Musikinstrumente wie Keyboards und Hardware-Synthesizer müssen auf den Anwender, sprich [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=15&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Diesmal was ganz anderes. Keyboards (Instrumente, nicht Computertastaturen) oder Synthesizer, wie wir sie heute in ihrer Erscheinung kennen, existieren seit den späten 70ern. Robert Moog, der Erfinder des &#8222;<a href="http://de.wikipedia.org/wiki/Minimoog">Minimoog</a>&#8220; war der erste, der einen tragbaren monophonen Synthesizer baute und erfolgreich verkaufte.</p>
<p><img src="http://img179.imageshack.us/img179/2725/minimoogjpgig9.jpg" width="450" alt="Minimoog" /><em>Minimoog</em></p>
<p><strong>User Interface Design bei Keyboards?</strong></p>
<p>Auch Musikinstrumente wie Keyboards und Hardware-Synthesizer müssen auf den Anwender, sprich den Musiker, zugeschnitten sein, er/sie muss damit ja täglich arbeiten. Bedienungsanleitungen sind hier unerlässlich, da das Interface nicht rein auf Symbolen und Mapping aufbauen kann. Dafür ist das Instrument mit all seinen Anwendungsmöglichkeiten viel zu komplex. </p>
<p><img src="http://img140.imageshack.us/img140/503/117509397905fe8ab35ux7.jpg" width="450" alt="CC Flickr.com" /></p>
<p>Das Feedback über getroffene Änderungen (z.B Chorus-Effekt) gibt der Ton, der erzeugt wird, selbst. Im Falle von heute üblichen digitalen Keyboards werden Einstellungen zusätzlich als Nummern per LCD-Screen oder Leuchtdioden übermittelt.</p>
<p><strong>Fallbeispiel: Das Pitch-Bend</strong></p>
<p>&#8222;<strong>Pitch</strong>&#8220; bezeichnet in der DJ-Szene die Geschwindigkeit, mit der eine Platte gedreht wird (in rpm &#8211; rounds per minute). Der DJ kann die rpm-Anzahl per Pitchregler manuell einstellen.</p>
<p>In diesem Fall meine ich jedoch die Tonhöhenverstellung per Handrand, das bei sämtlichen (guten) Keyboards zu finden ist. Früher bewegte man sich im Halbtonbereich, heute sind bereits wesentlich größere Intervallsprünge möglich. Schon bei Robert Moogs Modell war ein Handrad integriert (auf dem Bild des Minimoogs eines der beiden vertikalen Schiebereglern), was sich dann in der Branche und bei späteren digitalen Modellen als Standard durchgesetzt hat.</p>
<p><img src="http://img140.imageshack.us/img140/7058/kawaipitchbendcd9.jpg" alt="Pitch bend" /><br />
<em>Pitchbend beim KAWAI K4</em></p>
<p>Das <strong>Pitch-Bend</strong> ist eine geniale wie einfache  Erfindung, sind damit doch eine Vielzahl von Möglichkeiten gegeben, experimentelle Musik zu machen und Sounds zu kreieren. Der Musiker greift hier direkt in das Gespielte ein, er manipuliert bei einem <a href="http://de.wikipedia.org/wiki/MIDI" target="_blank">MIDI</a>-fähigen Keyboard (modifiziert) die Attribute der Noten (Tonhöhe) &#8211; die auch nichts anderes als Daten sind &#8211; direkt. Hier liegt auch der Zusammenhang mit der Informatik.</p>
<p>Pitch Bends lassen sich nur mit Widerstand betätigen. Im Inneren ist eine kleine Feder eingebaut, die das Handrad wieder in die Ausgangsposition zurückgleiten lässt. So lässt sich die Tonmodifikation auch haptisch gut wahrnehmen.</p>
<p><strong>Soundbeispiel</strong></p>
<p>Ich arbeite leider noch mit einem Uralt-KAWAI K4 Masterkeyboard aus den Achtzigern, das auch sinnbildlich für den damaligen Sound steht. So hört sich (sehr langsames) Pitch Bend überhaupt an.</p>
<p>KAWAI K4 &#8211; Pitch Bend <a href="http://media.putfile.com/pitchbend">anhören</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/15/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/15/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=15&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/14/keyboards-pitch-bend/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img179.imageshack.us/img179/2725/minimoogjpgig9.jpg" medium="image">
			<media:title type="html">Minimoog</media:title>
		</media:content>

		<media:content url="http://img140.imageshack.us/img140/503/117509397905fe8ab35ux7.jpg" medium="image">
			<media:title type="html">CC Flickr.com</media:title>
		</media:content>

		<media:content url="http://img140.imageshack.us/img140/7058/kawaipitchbendcd9.jpg" medium="image">
			<media:title type="html">Pitch bend</media:title>
		</media:content>
	</item>
		<item>
		<title>VO 3 &#8211; psychologie und physiologie</title>
		<link>http://resign.wordpress.com/2006/11/10/vo-3-psychologie-und-physiologie/</link>
		<comments>http://resign.wordpress.com/2006/11/10/vo-3-psychologie-und-physiologie/#comments</comments>
		<pubDate>Fri, 10 Nov 2006 14:49:56 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Vorlesung]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/10/vo-3-psychologie-und-physiologie/</guid>
		<description><![CDATA[Wir versuchen, sämtlichen Sachen / Ereignissen, die wir um uns herum durch unsere Sinne wahrnehmen können, Bedeutung zuzuordnen. Ist deren Sinn für uns nicht nachvollziehbar, braucht es einer immens großen Anstrengung unseres Gehirns, das Gesehene und Gehörte zu verarbeiten.
Sehen
Gerade in der Optik wurde die These, dass unser Gehirn dem Gesehenen oft Interpretiertes beimengt, anhand von [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=14&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Wir versuchen, sämtlichen Sachen / Ereignissen, die wir um uns herum durch unsere Sinne wahrnehmen können, Bedeutung zuzuordnen. Ist deren Sinn für uns nicht nachvollziehbar, braucht es einer immens großen Anstrengung unseres Gehirns, das Gesehene und Gehörte zu verarbeiten.</p>
<p><strong>Sehen</strong></p>
<p>Gerade in der Optik wurde die These, dass unser Gehirn dem Gesehenen oft Interpretiertes beimengt, anhand von zahlreichen Studien über optische Phänomene (oder &#8222;Täuschungen&#8220;) belegt. Eine gutes Beispiel hierfür ist das <a href="http://www.johnsadowski.com/big_spanish_castle.php" target="_blank">Spanish Castle</a>.</p>
<p><strong>Hören</strong></p>
<p>Vertraute Töne, denen wir sofort eine Bedeutung zuweisen können sind unumgänglich für gutes Sound-Design. Eine Kuh, die bellt, macht für Menschen keinen Sinn. Genausowenig wie ein Kopierer, der nach dem erfolgreichen Beenden des Kopierauftrags ein viel zu lautes, schrilles Geräusch aussendet, mit dem wir eigentlich Negatives verbinden. </p>
<p><strong>Bild/Ton &#8211; Synthese</strong></p>
<p>Gute Filme leben von der Synthese aus Bild und Ton. Horrorfilme bringen uns zum Schaudern, wenn sie an der richtigen Stelle die passende Sounduntermalung bieten. In der Werbebranche sind Signatures und Jingles das, was dem Slogan (und somit dem beworbenen Produkt) den letzten Schliff verleiht, es zu einem Erfolg macht oder zu einem Flop verkommen lässt.</p>
<p><strong>Emotionen im User Interface Design</strong></p>
<p>Emotionen sind ein zentraler Bestandteil unseres Handelns. Wissen gewisse Features von Applikationen zu gefallen &#8211; und seien es &#8222;nur&#8220; Spielereien &#8211; bauen wir eine emotionale Bindung damit auf und fangen an, mit dem Produkt Positives zu assoziieren. Etwaige Schwachstellen werden ausgeblendet oder hingenommen.</p>
<p>Laut McGurk, (Entdecker des <a href="http://www.media.uio.no/personer/arntm/McGurk_english.html" target="_blank">McGurk-Effekts</a>) können einzelne Wahrnehmungskanäle nicht voneinander getrennt werden. Somit muss jeder Designer das Augenmerk immer auf die ganzheitliche Gestaltung des Produkts  legen. Bei Software ist diese eine Kombination auf visueller und auditiver; bei mechanischen, angreifbaren Interfaces zusätzlich auf haptischer Ebene.</p>
<p>Laut <a href="http://www.interaction-design.org/references/authors/donald_a_norman.html" target="_blank">Donald Norman</a>, einem renommierten Usability-Experten, gibt es drei Ebenen von Interaktion: </p>
<blockquote><p>&#8222;<strong>Visceral</strong>&#8222;, die Genussebene, das subjektive Empfinden.<br />
&#8222;<strong>Behavioural</strong>&#8222;, Antrainiertes, Elerntes.<br />
&#8222;<strong>Reflective</strong>&#8222;, das Auseinandersetzen.</p></blockquote>
<p>Arbeiten wir mit einer neuen Applikation oder versuchen ein Gerät zu bedienen, beziehen wir uns oft auf bereits ausprobierte oder angelernte Modelle &#8211; zum Beispiel beim Autofahren: Blinker nach oben oder unten drücken, wenn ich rechts abbiegen will?<br />
Durch <strong>Mapping</strong>, dem bewussten Abbilden realer Zustände (&#8222;References&#8220;)  kann man dem Rätselraten vorbeugen, das Benutzen erleichtern. Gutes Mapping braucht keine langen Beschreibungen, denn es nutzt die menschliche Fähigkeit zu assoziieren.</p>
<p>Je mehr man sieht, desto weniger muss man auf oft fehlerhafte mentale Modelle zurückgreifen. Hier beginnt das Konzept der <strong>Direkten Manipulation</strong>, dem Herumprobieren in einem gegebenen Szenario, die mit durchdachtem <strong>Feedback</strong> (einer direkten &#8222;Antwort&#8220; auf meine Handlung) ein Grundrezept für gutes ui-Design darstellt.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/14/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/14/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=14&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/10/vo-3-psychologie-und-physiologie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>
	</item>
		<item>
		<title>Youtube: Ineligible</title>
		<link>http://resign.wordpress.com/2006/11/05/youtube-ineligible/</link>
		<comments>http://resign.wordpress.com/2006/11/05/youtube-ineligible/#comments</comments>
		<pubDate>Sun, 05 Nov 2006 21:57:56 +0000</pubDate>
		<dc:creator>resign</dc:creator>
				<category><![CDATA[Design Life / Web]]></category>

		<guid isPermaLink="false">http://resign.wordpress.com/2006/11/05/youtube-ineligible/</guid>
		<description><![CDATA[Fehlermeldungen sind dann schlimm, wenn man als User nachher noch ratloser als vorher ist. So auch bei YouTube.com. Nach dem Ausfüllen des Registrierungsformulars bot sich mir folgende Fehlermeldung:

&#8222;Sorry. Based on the information you have submitted to us, you are ineligible to register for YouTube.com&#8220;
Nicht einmal ein Error-Template wird angezeigt, stattdessen ein weißer Screen mit ebendiesem [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=13&subd=resign&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Fehlermeldungen sind dann schlimm, wenn man als User nachher noch ratloser als vorher ist. So auch bei <a href="http://www.youtube.com" target="_blank">YouTube.com</a>. Nach dem Ausfüllen des Registrierungsformulars bot sich mir folgende Fehlermeldung:</p>
<p><img src="http://img110.imageshack.us/img110/7862/youtubeerrorhe2.jpg" alt="Youtube - Error" /></p>
<p><em>&#8222;Sorry. Based on the information you have submitted to us, you are ineligible to register for YouTube.com&#8220;</em></p>
<p>Nicht einmal ein Error-Template wird angezeigt, stattdessen ein weißer Screen mit ebendiesem Satz. Youtube entschuldigt sich zwar höflich ( &#8222;Sorry.&#8220; ), hat die Registrierungsdaten anscheinend  auch erhalten ( &#8222;Based on the information you have submitted to us &#8230;&#8220; ) und das  Wort &#8222;ineligible&#8220; bedeutet &#8211; laut Wörterbuch &#8211; folgendes:</p>
<p>ineligible, <em>adj. </em></p>
<blockquote><p>unqualified, unsuitable, unacceptable, undesirable, inappropriate, unworthy; ruled out, disqualified, disentitled</p></blockquote>
<p>Selbst nach mehrmaligem Wiederholen des Registrierungsvorgangs bot sich mir immer wieder dasselbe Schauspiel, ich sei laut der ärgerlichen &#8211; und sehr direkten &#8211; Fehlermeldung &#8222;unqualifiziert&#8220;, &#8222;unpassend&#8220;, &#8222;inakzeptabel&#8220;, ja sogar &#8222;unwert&#8220; mich bei Youtube zu registrieren. </p>
<p>Im Idealfall besucht man als User eine andere, ebenso große Video-Online-Community. In diesem Fall habe ich als User einen anderen Browser geöffnet und die Registrierung wiederholt. Mit Erfolg.</p>
<p>Aus Mangel an wirklich guten Alternativen (kann mich mit Google Video nicht anfreunden) ist man oft an diese <em>eine</em> Applikation angewiesen. Und steht dann in speziellen Fällen  mit einem weißen Screen, ohne Layout und einer &#8222;unqualifiziert&#8220;, &#8222;unpassend&#8220;, &#8222;inakzeptabel&#8220;, ja sogar &#8222;unwert&#8220; formulierten Fehlermeldung da.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/resign.wordpress.com/13/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/resign.wordpress.com/13/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/resign.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/resign.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/resign.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/resign.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/resign.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/resign.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/resign.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/resign.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/resign.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/resign.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=resign.wordpress.com&blog=498727&post=13&subd=resign&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://resign.wordpress.com/2006/11/05/youtube-ineligible/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/2c211f6627a47a59f17d962cfb5a1725?s=96&#38;d=identicon" medium="image">
			<media:title type="html">resign</media:title>
		</media:content>

		<media:content url="http://img110.imageshack.us/img110/7862/youtubeerrorhe2.jpg" medium="image">
			<media:title type="html">Youtube - Error</media:title>
		</media:content>
	</item>
	</channel>
</rss>