<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Johannes P Osterhoff</title>
	<atom:link href="http://www.johannes-p-osterhoff.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.johannes-p-osterhoff.com</link>
	<description>Interface Artist</description>
	<lastBuildDate>Tue, 23 Aug 2011 20:42:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Sneak Preview?</title>
		<link>http://www.johannes-p-osterhoff.com/text/sneak-preview</link>
		<comments>http://www.johannes-p-osterhoff.com/text/sneak-preview#comments</comments>
		<pubDate>Mon, 11 Jul 2011 20:58:46 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Science]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[retrieval]]></category>
		<category><![CDATA[semantic]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1376</guid>
		<description><![CDATA[The semex interface facilitates users to instantly know what to expect in faceted video searching.Paper to be presented at IVDW during Informatik 2011. With my esteemed colleagues Dr. Harald Sack, Jörg Waitelonis and Joscha Jäger, I recently wrote a paper on our project semex&#8212;a semantic search engine that supports exploratory video retrieval. Read the paper [...]]]></description>
			<content:encoded><![CDATA[<p>The <em>semex</em> interface facilitates users to instantly know what to expect in faceted video searching.<br />Paper to be presented at <a href="http://ivdw2011.visualdataweb.org/">IVDW</a> during Informatik 2011.<span id="more-1376"></span></p>
<p>With my esteemed colleagues <a href="http://www.hpi.uni-potsdam.de/meinel/team/sack.html">Dr. Harald Sack</a>, <a href="http://www.hpi.uni-potsdam.de/meinel/team/mitarbeiter_meinel/joerg.html">Jörg Waitelonis</a> and Joscha Jäger, I recently wrote a paper on our project <em>semex</em>&mdash;a semantic search engine that supports exploratory video retrieval.</p>
<p>Read the <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/07/SneakPreview.pdf">paper</a> as PDF, 1 MB.</p>
<p><em>semex</em> combines entities and content-based suggestions to support semantic search. The <em>semex</em> interface provides facet filters, entity recommendations, a pagination and browsable search results; all of these elements are interconnected by instant &#8220;linking and brushing&#8221;. Hence <em>semex</em> enables instantaneous visual feedback on how a selected search facet will affect the displayed result set. This unique feature facilitates a quicker and clearer search process compared to other systems that need to perform new search queries to achieve a similar result. By making the subsequent results available <em>at fingertips</em>, the <em>semex</em> interface allows users to pursue related exploratory search strategies that lead to a genuinely responsive and quick browsing experience.</p>
<p>&nbsp;<br /><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/07/ScreenOverview.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/07/ScreenOverviewSmall.png" alt="" title="ScreenOverviewSmall" width="500" height="325" class="alignnone size-full wp-image-1379" /></a><br />
<em>Disambiguation on user input (1), the &#8220;Context Explorer&#8221; widens the search result (2),<br />facets derived from the result set (3) and the results themselves (4).<br />
Brushing (5) over a facet provides visual feedback on how the result set will be changed (6)</em></p>
<p>&nbsp;<br />With the introduction of <a href="http://www.google.com/instant/"><em>Google Instant</em></a>, popular web information retrieval has become quick. Immediately after entering a keyword into the search field, suggestions are shown in a drop down box and the result set is constantly updated during text input. Thus, <em>Google</em> provides instantaneous feedback on keyword search and resolves what once have been successively received web pages into a continuous flow of user input and system feedback. As e.g., the video search of <a href="http://www.bing.com/videos"><em>Bing</em></a> plays videos already in thumbnail preview. In this way it transfers the users&#8217; decision making process from the sites actually containing the video content to the page of the video result set itself.</p>
<p>While most keyword-based search systems are optimized to narrow down a huge data space to the most suitable results and present them in &#8220;ten blue links&#8221;, exploratory search aims at finding results, which are not considered to be related at first glance. Similar to the <a href="http://mariandoerk.de/informationflaneur/chi2011.pdf">concept of the flaneur</a>, an urban wanderer of the late 19<sup>th</sup> century, who leisurely walks through the more and more modernized urban landscape and draws inspiration from it, exploratory search assists the user in navigating the growing information spaces and lets her choose between alternatives, move along paths, and move back to discover sidetracks and to choose alternative ways. The growing amount of structured data on the web promises to enhance exploratory search by taking into account the actual meaning of the information and its semantics. </p>
<p>Even though speed in terms of system feedback and an upfront but deep gaze into video result items have become available in popular web information retrieval, in the case of exploratory semantic search, instantness and an early preview into represented items on a semantic level, is highly required but only slowly taking shape.</p>
<p>Exploratory semantic search is based on facets and content-based recommendations, enabling the user to better refine and broaden search queries. Extracting entities from vast data collections and to find meaningful representations on the interface is understood to be one of the most important challenges in search today. User interaction overall needs to become more intuitive and <em>lightweight</em>. The success of exploratory semantic search heavily depends on accessible and user-friendly interfaces.</p>
<p>Taking these aspects into consideration, our paper presents the semantic search engine <em>semex</em>, that facilitates its users to perform state-of-the-art exploratory video retrieval. The objective of the interface design was to support its users with a quick feedback on selected facets that encourages exploratory search.</p>
<p>&nbsp;<br />We would like to thank Prof. Mario Doulis, <a href="http://spatial-interface.de/">Jörg Frohnmayer</a> and <a href="http://www.stephanschroeter.de/">Stephan Schröter</a> from Merz Akademie Stuttgart for their valuable feedback and contribution to the project.</p>
<p><em>semex</em> was developed at <a href="http://www.hpi.uni-potsdam.de/">Hasso Plattner Institute for IT Systems Engineering</a> in Potsdam, Germany in cooperation with Merz Akademie Stuttgart during the Mediaglobe project. Mediaglobe is part of the THESEUS research program, supported by the Federal Ministry of Economics and Technology on the basis of a decision by the German Bundestag.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1376&amp;md5=1803c573f5ff479d315643d40336eb27" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/text/sneak-preview/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uncanny Valley</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/uncanny-valley</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/uncanny-valley#comments</comments>
		<pubDate>Fri, 17 Jun 2011 15:37:25 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Lectures]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[merz]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1265</guid>
		<description><![CDATA[Seminar at Merz Akademie about the Uncanny Valley of User Interface Design. Projects between abstraction and realism, symbols and images. The Uncanny Valley is a hypothesis concerning the emotional response of humans to non-human entities (Wikipedia) that applies for example to humanoid robots and faces in computer graphics. One might presume that, the more realistic [...]]]></description>
			<content:encoded><![CDATA[<p>Seminar at Merz Akademie about the Uncanny Valley of User Interface Design. Projects between abstraction and realism, symbols and images.<span id="more-1265"></span></p>
<p>The Uncanny Valley is a hypothesis concerning the emotional response of humans to non-human entities (Wikipedia) that applies for example to humanoid robots and faces in computer graphics. One might presume that, the more realistic a human face is mimicked by a robot or CGI character and resembles human behavior and gestures, the more we might be attracted. That is not the case, for example many viewers find almost-but-not-quite-human CGI characters to be disturbing or creepy. Started in 2007 by <a href="http://billhiggins.us/blog/2007/05/17/the-uncanny-valley-of-user-interface-design/">Bill Higgins</a> and in 2010 fueled by <a href="http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UEBestPractices/UEBestPractices.html#//apple_ref/doc/uid/TP40006556-CH20-SW1">Apple&#8217;s iOS Human Interface Guidelines</a> that encouraged designers to create realistic surfaces and to use real-life analogies for the programs on the device, the Uncanny Valley also starting to be <a href="http://www.getfinch.com/finch/entry/avoiding_the_uncanny_valley_of_interface_design/">discussed</a> in the fields of User Interface Design.</p>
<p>In the seminar at Merz Akademie in Stuttgart we found ourselves between the once reduced styles of Susan Kare and the currently opulent Apple icons, between the by-nature minimalistic Kindle Interface and the shiny iBookstore and since WWDC2011 took place on Tuesday, the whole seminar was overshadowed by iCloud and the imagery that came with Steve Jobs keynote.</p>
<p><b>iAmp</b><br />
<b>Artur Musalimov</b> rebuilt a virtual Garage Band amplifier from cardboard and foam material in the exact proportions to place it on top of his Macbook and amplify the sounds from its squeaky speakers. It also was connected to an 8-bit converter that played music contrasting the hi-res and hyper-real imagery. Check the images at <a href="http://www.flickr.com/photos/johannes-p-osterhoff/5828636471/in/photostream">Flickr!</a> (soon)</p>
<p><b>Real Gloss Effect</b><br />
<b>Constanze Link</b> and <b>Charlotte Hofstetter</b> got tired by the many gloss effects they encountered on their UIs while researching on the seminar&#8217;s subject. Eventually the artists made two sculptures from Windows and Apple logos and dashed them with the one and only real gloss effect. Yay!<br />
<embed class="photoset" width="500" height="281" flashvars="showLogo=false&#038;showVersionInfo=false&#038;dataFile=http://www.tumblr.com/post/6501167029/photoset_xml/tumblr_lmr2azrvQz1ql6s77/500" quality="high" bgcolor="#000000" src="http://www.tumblr.com/swf/photoset.swf" type="application/x-shockwave-flash"></embed></p>
<p><b>The Other Side of Browser Icons</b><br />
Now that most icons are pseudo 3D, <b>Denis Hoffmann</b> decided to catch a glimpse at the other side of those icons. How&#8212;for example current browser icons&#8212;would look from the other side. The backside of Chrome unmasked the software to be no browser but a huge Google search field. Firefox is <em>open</em>, of course. And not surprisingly, Denis discovered IE to get rusty on the other side.<br />
<a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/06/Denis1.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/06/Denis1.png" alt="" title="Denis" width="500" height="299" class="alignnone size-full wp-image-1291" /></a></p>
<p><b>Real Photo Booth Icon</b><br />
<b>Lisa Hofmann, Sascha Mickeleit, Shirin Sparr</b> and <b>Kristina Spurgat</b> made a precise real-life model of the <a href="http://www.apple.com/ipad/built-in-apps/photobooth.html">Photo Booth icon from iOS</a>. They underwent deep research to find the right equivalents to Photoshop textures and gradients, eventually found an old stool on Kristina attic and surprisingly the cheapest red blanket IKEA hat on stock was remarkably similar to the red curtain of Apple&#8217;s Photo Booth. Built on wheels, they took their Photo Booth to the city and tried to squeeze passers-by inside, noticing that the icon&#8217;s proportions do not make the model a well-suited apparatus to make images. The stool of the icon and its perfectly rebuilt model was just too&nbsp;tall.<br />
<iframe width="500" height="314" src="http://www.youtube.com/embed/M6aDV93tucc?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p><b>Real iWeb and Versions</b><br />
<b>Laura Lasinger</b> had a look at the iWeb icon and rebuilt it with <a href="http://www.flickr.com/photos/johannes-p-osterhoff/5829185140/in/photostream/">gigantic pins</a> to fit the proportions. Even though, Lion is not yet published, she presumed Apple to tell <a href="http://www.tuaw.com/2007/08/29/leopards-textedit-thinks-different/">another John Appleseed story</a> on the papers of the Versions card box.</p>
<p><b>iBookstore</b><br />
<b>Oliver Ruebener</b> found Apple had already gone so far with real-life analogies in the iBookstore user experience, so that a huge shopping cart would be the next logical step. Check out the great interaction concept on <a href="http://www.youtube.com/watch?v=4jtOVocq4xk">YouTube</a>! (Update soon)</p>
<p><b>myCloud</b><br />
After watching Steve Job&#8217;s keynote on <a href="http://www.apple.com/apple-events/wwdc-2011/">WWDC2011</a>, <b>Susanne Müller</b> was confused by Jobs&#8217; proposal to upload all her stuff to the cloud. She already had all her important stuff with her. Nevertheless Susanne also wanted to keep up with the times and made &#8220;myCloud&#8221;, the iCloud alternative in the shape of a handbag. This bag even has a small pocket for her iPhone. All your stuff and data stays in reach and accessible&mdash;no need to synchronize.<br />
<embed class="photoset" width="500" height="353" flashvars="showLogo=false&#038;showVersionInfo=false&#038;dataFile=http://www.tumblr.com/post/6519005112/photoset_xml/tumblr_lms3g3QeQY1ql6s5p/500" quality="high" bgcolor="#FFFFFF" src="http://www.tumblr.com/swf/photoset.swf" type="application/x-shockwave-flash"></embed></p>
<p><b>Uncanny User Icons</b><br />
<b>Thomas Noschka</b> is a real master with graphic tablets and strives for realism in his illustrations and opulence in design. He was shocked after he saw the demo of <em>Windows 8</em> and the minimalistic approach that is used for its typography and icons and tiled layout. Comparing that to previous Windows versions (Bob, XP, Vista, 7), this new minimalism just did not fit. So he proposed a even more realistic (and still not photorealistic) version of icons to bring Microsoft again on the right track. Uncanny!<br />
<a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/06/Thomas.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/06/Thomas.png" alt="Uncanny Windows User Icons by Thomas Noschka" width="500" height="320" class="alignnone size-full wp-image-1279" style="margin-left: -20px;" /></a></p>
<p>Thanks to all the participating students for their great works.<br />
A documentation of the seminar can be found on our <a href="http://in-the-uncanny-valley.tumblr.com">Uncanny Tumblr Blog</a>, more images on my <a href="http://www.flickr.com/photos/johannes-p-osterhoff/sets/72157626952531028/">Flickr</a>.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1265&amp;md5=a2f4257e5c536e0d2aae14a26431709b" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/uncanny-valley/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>semex</title>
		<link>http://www.johannes-p-osterhoff.com/design/semex</link>
		<comments>http://www.johannes-p-osterhoff.com/design/semex#comments</comments>
		<pubDate>Fri, 08 Apr 2011 17:02:39 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[For Food]]></category>
		<category><![CDATA[Science]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1198</guid>
		<description><![CDATA[semex is a system for semantic video retrieval.Like the visionary memex it strives for explorative and meaningful information retrieval. The Semantic Multimedia Explorer research project was initiated by Hasso-Plattner-Institute in Potsdam to develop technologies that reply to the growing amount of multimedia content on the World Wide Web. The Semantic Media Explorer, or semex as [...]]]></description>
			<content:encoded><![CDATA[<p><em>semex</em> is a system for semantic video retrieval.<br />Like the visionary <em>memex</em> it strives for explorative and meaningful information retrieval.<span id="more-1198"></span></p>
<p>The Semantic Multimedia Explorer research project was initiated by <a href="http://www.hpi.uni-potsdam.de/">Hasso-Plattner-Institute</a> in Potsdam to develop technologies that reply to the growing amount of multimedia content on the World Wide Web. The Semantic Media Explorer, or <em>semex</em> as we call it, combines state-of-the-art media analysis techniques, such as structural segmentation, intelligent character recognition, the ability to detect genres and faces in videos and semantic technologies. In this project I am responsible for the interface design of <em>semex</em>.</p>
<p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/SemexMerkel.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/SemexMerkel-300x247.png" alt="Capabilites of the semex" title="SemexMerkel" width="300" height="247" class="alignnone size-medium wp-image-1200" /></a></p>
<p>The amount of multimedia content on the World Wide Web is growing rapidly. To manage and organize this content new technologies are required. One example of such technologies is the semantic multimedia search. Semantic multimedia search offers an efficient way to access this growing amount of data. Automated processes for semantic analysis of audiovisual content provide the solution to the current problem.</p>
<p>The Semantic Media Explorer combines state-of-theart media analysis procedures, such as automatic scene segmentation, intelligent character recognition, and the ability to detect genres and faces in videos. As a result, the Semantic Media Explorer provides optimal access to video content. This new kind of multimedia search offers users enhanced support with semantically enhanced metadata and intuitive user interfaces. The information extracted via the media analysis is correlated using semantic information so that users can identify new links and rummage around in the multimedia content.</p>
<p>Read more about <em>semex</em> in the official <a href='http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/SEMEXEnFinalWeb.pdf'>PDF</a> from Hasso Plattner Institute.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1198&amp;md5=8a248abd02091825b972f46fc8a7026c" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/design/semex/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Another App Store</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/another-appstore</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/another-appstore#comments</comments>
		<pubDate>Sun, 03 Apr 2011 19:51:33 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Lectures]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[btk]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1131</guid>
		<description><![CDATA[In my recent seminar at BTK, students made arty apps—ones that most likely would not be approved by Apple. We therefor opened Another App Store. Since its launch, the App Store is lacking a clear set of rules about what content is and is not allowed inside the successful platform. This is not so much [...]]]></description>
			<content:encoded><![CDATA[<p>In my recent seminar at BTK, students made arty apps—ones that most likely would not be approved by Apple. We therefor opened Another App Store.<span id="more-1131"></span></p>
<p>Since its launch, the App Store is lacking a clear set of rules about what content is and is not allowed inside the successful platform. This is not so much a problem for the transfer of established publishing to the new medium. But, as could be be seen with several examples, it is for projects that are satirical or play with the limitations of the platform itself.</p>
<p>My students asked themselves times and again if the app they had to make during my recent seminar at <a href="http://www.btk-fh.de/">Berliner Technische Kunsthochschule</a>, actually would be approved by Apple or not.</p>
<p>Eventually we tried to make a virtue out of necessity and explicitly made concepts for artistic apps, that had a satirical and political part and as such were unlikely to be approved by Apple. We came to understand that art, satire and politics are underrepresented in the App Store and that this will be difficult to change.</p>
<p>So we opened <em>Another App Store</em>, one that was capable of containing our contributions to <em>App&nbsp;Culture</em>.</p>
<p>As <a href="http://www.wired.com/gadgetlab/2010/04/app-store-transparency/">Brien Chen from Wired</a> puts it: &#8220;We in the press don’t know to what extent we can retain our editorial freedom in the App Store. Working with Apple’s current opaque policy, we’re left to trust that Apple will do the right thing. And time and time again, Apple’s App Store reviewers have been proven fallible, as recently shown by the rejection of Mark Fiore’s Pulitzer-winning cartoon. Apple rejected the toon because it “ridicules public figures,” and after coming under fire in the press, the company approved the app. But in reversing its decision, Apple still did not make its content policy clear. Instead, the Fiore episode raised more questions. Does it mean we can now publish satire? Or does it mean we have to win a Pulitzer in order to publish satire? Or does it mean we have to stir up negative press in order to publish satire?&#8221;</p>
<p>&nbsp;<br />Projects from the <em>Another App Store</em><br />(links lead to students&#8217; final presentation slides, some in German):</p>
<p><strong>Christian Rösike—The App Store App</strong><br />
Even though Apple introduced In-App-Purchase, it is highly unlikely that Apple will approve an app that exactly mimics the business model of the App Store inside the App Store. Nevertheless the App Store App is in now way inferior to its bigger brother when it come to functionality and look and feel. During his presentation Christian only showed unmodified screenshots from the App Store :)</p>
<p><strong>Rut Sigurðardóttir—iConfess</strong><br />
The purpose of the app is to give people the opportunity to free themselves from sins they have committed. Sinners can buy an absolution and start again with a clean conscience towards god. Absolution for smaller sins start from 99 Cents to more serious ones like murder for up to 999 Euros. I do not know if In-App-Purchase range that high. Have a look at the <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/RutSigurdartottier-iConfess.pdf">final presentation</a> and at the exact prices. Another funny thing about this app was that a quite similar app published by the Catholic Church got approved.</p>
<p><strong>Simon Siefert and Christoph Rauscher—CrackApp</strong><br />
On launch, CrackApp pretends not to be launched and again shows the user&#8217;s home screen. When the user again taps on the Crack App icon, the front window appears to be bursting. The more the user tabs on the screen, the more intense the shattering of the display. After the display, chips inside the device and its backside are shattered, it is possile to “look through” the device with the built-in camera. Have a look at <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/SimonSiefertChristophRauscher-CrackApp.pdf">CrackApp in detail</a>.</p>
<p><strong>Jessika Klemm—Windows Media Player App</strong><br />
The infamous music player from Microsoft comes to the iPhone. Unsurprisingly the Windows Media Player App lets you upgrade from iOS to Windows Mobile very easily. And unfortunately it does not play AAC files. Have a look at the <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/JessicaKlemm-MediaPlayerApp.pdf">Windows-like iPhone design</a>.</p>
<p><strong>Stephan Winkler—Doom 2011</strong><br />
Great augmented reality ego shooter piece that lets you creep into Apple Stores late at night and “play” in a doom-like manner with the hardware situated there. <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/StephanWinkler-AppleDoom.pdf">Play along</a>!</p>
<p><strong>Claudia Matthias—Forbidden Fruits</strong><br />
Inspired by the infamous <a href="http://www.youtube.com/watch%3Fv%3D1IB5wdvAbPY">Wobble App</a>, Claudia&#8217;s app presents examples of famous painted nudes. It is a matter of course, that on the masterpieces can be shaken and that they do not only wobble but go the full monty. Presentation <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/ClaudaMatthias-ForbiddenFruits.pdf">slides</a>.</p>
<p><strong>Oliver Schaal—iRacist, iPassengerCheck, iCustomer</strong><br />
An app that let users do what all of us do all the the time&mdash;classifying people according to their outer appearance. A practical application of the app with higher chances to be accepted by Apple facilitates risk classification of flight passengers by similar means. Another modification is called iBusinessContact and lets users classify scanned people according to the suitability as customers or business contacts.</p>
<p><strong>Lisa Erkinger—iKo</strong><br />
This tamagochi-like app ist too hot for the App Store: &#8220;Hello, my name is iKo. May I be your friend? I like your smile. <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/LisaErkinger-iko.pdf">Let me make you happy.</a>&#8220;</p>
<p><strong>Thomas Bretzke—iWindows 95</strong><br />
<a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/iWindows95.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/iWindows95Small.png" alt="" title="iWindows95Small" width="500" height="239" class="alignnone size-full wp-image-1311" style="margin: 5px 0 0 -3px;" /></a><br />
A great remix of two interfaces that are meant to be from so different ages of interface design. iWindows 95 is not only an emulator that lets you run an entire office suite on your mobile phone, but it is also the proof that rounded corners and gloss effects are nothing more that interchangeable styling on top the same interface principles. I am exaggerating, of course. </p>
<p><strong>Oleg Hein—Leaks Everywhere</strong><br />
An app that is made to brings together the interface commodities of an app and features of Wikileaks. But can there be any secrecy in a closed platform like the App Store? Check out the presentation slides of <a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2011/04/OlegHein-WikileaksEverywhere.pdf">Leaks Everywhere</a>.</p>
<p>Thanks to my esteemed colleague Prof. Thomas Noller.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1131&amp;md5=05f1a9c63805ea976432d6039bcd5663" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/another-appstore/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Needles, CA</title>
		<link>http://www.johannes-p-osterhoff.com/science/needles-ca</link>
		<comments>http://www.johannes-p-osterhoff.com/science/needles-ca#comments</comments>
		<pubDate>Tue, 08 Mar 2011 16:10:51 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Science]]></category>
		<category><![CDATA[retrieval]]></category>
		<category><![CDATA[semantic]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1184</guid>
		<description><![CDATA[When travelling to California to present CONTENTUS,I tried to find the needle in the many Californian haystacks. Difficult and inspiring at the same time! I came to the understanding that I had been searching string based needles for too long now. Not only me, web search as such is moving towards entity based search. On [...]]]></description>
			<content:encoded><![CDATA[<p>When travelling to California to present CONTENTUS,<br />I tried to find <em>the</em> needle in the many Californian haystacks. Difficult and inspiring at the same time!<span id="more-1184"></span></p>
<p>I came to the understanding that I had been searching string based needles for too long now. Not only me, web search as such is moving towards entity based search. On my journey I did not only visit the village Needles, I also got to know Jimmy Needles, an American basketball coach and saw the blockbuster horror movie <em>Needle</em> directed by John V. Soto. <em>Needles</em> to say that these distinctions also shoud be made in an elegant way information retrieval.</p>
<p><a href="http://www.slideshare.net/masterhare/slideshare-7192629" title="CONTENTUS—A Semantic Multimodal Search User Interface">CONTENTUS—A Semantic Multimodal Search User Interface</a> <iframe src="http://www.slideshare.net/slideshow/embed_code/7192629" width="500" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<p>View more of my presentations at <a href="http://www.slideshare.net/masterhare">Slideshare</a>.</p>
<p>The search interface of CONTENTUS combines different media and entity types within one result page. The types comprise books, newspaper-articles, videos, images, audio, locations, and persons. Thereby, locations and persons are entities and not documents. All types can be visually distinguished by an individual layout and icon set. For example, search results for locations reveal a geo-map, and an image preview is presented in video image results. The relevance ranking of the search result is supported by different sizes of the single result items. The more relevant an item is, the more space is provided to show related information.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1184&amp;md5=394c9a1a2fa0447bd80eac20ad099dea" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/science/needles-ca/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google, One Year Piece</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/google-one-year-piece</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/google-one-year-piece#comments</comments>
		<pubDate>Fri, 21 Jan 2011 12:02:10 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1107</guid>
		<description><![CDATA[Since January 1, I publish all my Google search queries in a one-year online performance called Google.Feel free to recommend and buy queries. I, Johannes P Osterhoff, shall do a one year performance piece. The piece is called Google and documents all searches I perform with the search engine of the same name. The performance [...]]]></description>
			<content:encoded><![CDATA[<p>Since January 1, I publish all my Google search queries in a one-year online performance called <a href="http://google.johannes-p-osterhoff.com">Google</a>.<br />Feel free to recommend and buy queries.<span id="more-1107"></span></p>
<p>I, Johannes P Osterhoff, shall do a one year performance piece.</p>
<p>The piece is called <a href="http://google.johannes-p-osterhoff.com"><em>Google</em></a> and documents all searches I perform with the search engine of the same name.</p>
<p>The performance shall start on January 1, 2011 and shall end on December 31, 2011.</p>
<p>I shall not use undocumented ways to use the search engine Google during this time.</p>
<p>Each of my search queries shall create a webpage that is indexed by this search engine and thus creates an <a href="http://www.crackajack.de/2011/05/05/one-year-of-googlesearch-feedbackloops-as-an-art-performance">unique feedback loop</a>.</p>
<p>Search queries can be bought and shall cost 99 cents each.</p>
<p>For search, I shall use only these computers during this year:<br />
<a href="http://google.johannes-p-osterhoff.com/from/laptop">Laptop</a> — Apple MacBook Pro, OS X, Windows 7, each with Firefox<br />
<a href="http://google.johannes-p-osterhoff.com/from/netbook">Netbook</a> — Samsung N130, Ubuntu, Firefox<br />
<a href="http://google.johannes-p-osterhoff.com/from/work">Work</a> — Dell Desktop, Windows 7, Firefox<br />
<a href="http://google.johannes-p-osterhoff.com/from/mobile">Mobile</a> — Apple iPhone 3G, iOS, Mobile Safari</p>
<p>You can follow the searches by <a href="http://google.johannes-p-osterhoff.com/feed">RSS</a> and a selection by <a href="http://twitter.com/#!/search/%23GoogleByJPO">Twitter</a>.</p>
<p>&nbsp;<br /><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5923302133/" title="Submit Button and Google by Johannes P Osterhoff, on Flickr"><img src="http://farm7.static.flickr.com/6013/5923302133_112720431e.jpg" width="500" height="332" alt="Submit Button and Google"/></a><br />
<em>Google</em> has been exhibited together with the <a href="http://www.johannes-p-osterhoff.com/interface-art/submit-button">Submit Button</a> and <a href="http://www.johannes-p-osterhoff.com/interface-art/freedom-from-porn">Freedom from Porn</a> during&nbsp;<a href="http://www.leuphana.de/institute/icam/forschung-projekte/hyperkult.html">Hyperkult&nbsp;XX</a> in summer 2011.</p>
<p class="Links">Nice words on <em>Google</em> can be found on the <a href="http://joaoflux.net/2011/02/04/google-by-johannes-p-osterhoff/">homepage of Joachim Stein</a><br />and <a href="http://www.crackajack.de/2011/05/05/one-year-of-googlesearch-feedbackloops-as-an-art-performance/#comments">funny comments</a> on Nerdcore.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1107&amp;md5=d28c7581bb419fa6458e959651d8dd3a" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/google-one-year-piece/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Firewall Ball Masters</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/firewall-ball-swabian-masters</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/firewall-ball-swabian-masters#comments</comments>
		<pubDate>Thu, 23 Dec 2010 09:39:30 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Lectures]]></category>
		<category><![CDATA[real]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1085</guid>
		<description><![CDATA[At Merz Aka we played the Swabian Masters of Firewall Ball. Several bruises and broken bones later, we came up with a new set of rules for the aspiring sport. The Firewall Ball Cup took place during Wahlwoche from December 6 till 10, 2010 at Merz Akademie in Stuttgart. The documentation video was directed, shot [...]]]></description>
			<content:encoded><![CDATA[<p>At Merz Aka we played the Swabian Masters of Firewall Ball. Several bruises and broken bones later, we came up with a new set of rules for the aspiring sport.<span id="more-1085"></span></p>
<p><iframe src="http://player.vimeo.com/video/17762522?byline=0&amp;portrait=0" width="500" height="281" frameborder="0"></iframe><br />
The Firewall Ball Cup took place during Wahlwoche from December 6 till 10, 2010 at Merz Akademie in Stuttgart. The <a href="http://vimeo.com/17762522">documentation video</a> was directed, shot and cut by Marc Bretzler.</p>
<p>&nbsp;</p>
<p><a title="The Ö?üt Incident by Johannes P Osterhoff, on Flickr" href="http://www.flickr.com/photos/johannes-p-osterhoff/5257501159/"><img src="http://farm6.static.flickr.com/5006/5257501159_22670402cf.jpg" alt="The Ö?üt Incident" width="500" height="334" /></a><br />
The <em>Ö?üt Foul</em> will enter the history books of <em>Firewall Ball</em>.</p>
<p><a title="Kiss by Johannes P Osterhoff, on Flickr" href="http://www.flickr.com/photos/johannes-p-osterhoff/5257525883/"><img src="http://farm6.static.flickr.com/5048/5257525883_6c70c2d4df.jpg" alt="Kiss" width="334" height="500" /></a><br />
From icon to trophy—the Firewall Ball Cup.</p>
<p>More images can be found on <a href="http://www.flickr.com/photos/johannes-p-osterhoff/sets/72157625590531252">Flickr</a> and <a href="http://www.facebook.com/pages/Firewall-Ball/137634406290383">some social network</a>.</p>
<p>Participants of the seminar and players were Saskia Aldinger, Vlatko Babic, Esra Bayrak, Brandi Bryant, Hannes Buchwald, Darja Daut, Marina Gröpel, Jens Kefer, Steve Krapitz, Daniel Kurfess, Cando?an Ö?üt, Jan Wenger. With a special guest appearance by Prof. Mario Doulis and Merz Allstars Isabel Aller, Robert Kaiser and Irmela Nothdurft.</p>
<p>The Firewal Ball Masters logo was created by Jan Wenger,<br />the Firewall Ball Song by <a href="http://krappitz-online.de/blog/">Steve Krappitz</a>.</p>
<p>Thanks to all participants! Get well&#8230;</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1085&amp;md5=deecb9a6c3e2df4638bd90472a3b646a" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/firewall-ball-swabian-masters/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CONTENTUS</title>
		<link>http://www.johannes-p-osterhoff.com/text/contentus</link>
		<comments>http://www.johannes-p-osterhoff.com/text/contentus#comments</comments>
		<pubDate>Mon, 20 Dec 2010 15:38:33 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Science]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[retrieval]]></category>
		<category><![CDATA[semantic]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1175</guid>
		<description><![CDATA[My esteemed collegues Harald Sack, Jörg Waitelonis and I&#160;wrote a paper about our recent project CONTENTUS, the semantic multimedia retrieval system. We stressed the &#8220;browsing&#8221; capabilites of its user interface and its multi-modal presentation of search results. The paper present the semantic search engine CONTENTUS and its user interface, a multimedia retrieval system developed in [...]]]></description>
			<content:encoded><![CDATA[<p>My esteemed collegues Harald Sack, Jörg Waitelonis and I&nbsp;wrote a paper about our recent project CONTENTUS, the semantic multimedia retrieval system.<span id="more-1175"></span></p>
<p>We stressed the &#8220;browsing&#8221; capabilites of its user interface and its multi-modal presentation of search results.<br />
The <a href="http://sunsite.informatik.rwth-aachen.de/Publications/CEUR-WS/Vol-694/paper6.pdf">paper</a> present the semantic search engine CONTENTUS and its user interface, a multimedia retrieval system developed in the context of the German research project THESEUS. This interface uses content-based suggestions and a multi-modal presentation of search results to support semantic search. In addition, the system deploys a combination of a facetted browsing and breadcrumb-based navigation; a time-line enables time based filtering of the search results and the system suggests related search results according to the user’s preferences. Finally, CONTENTUS has become more than the sum of its parts. Its unique feature combination facilitates search to become a more efficient and overall more pleasant user experience.</p>
<p>When showing various media types on one result page, special care has to be devoted to the feedback that lets the user know why exactly the listed items have been presented. To find an appropriate balance between the demand for details on the one hand and ease of use on the other hand is subject to further research on CONTENTEUS.</p>
<p>The paper was accepted at the workshop VISSW 2011 <em>Visual Interfaces to the Social and Semantic Web</em> held in conjunction with the <em>International Conference on Intelligent User Interfaces</em> (IUI 2011) in Palo Alto.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1175&amp;md5=f938cd4d675fe29affc06fbc70d45cd5" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/text/contentus/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Young &amp; Rubicam</title>
		<link>http://www.johannes-p-osterhoff.com/design/young-rubicam</link>
		<comments>http://www.johannes-p-osterhoff.com/design/young-rubicam#comments</comments>
		<pubDate>Wed, 10 Nov 2010 10:57:57 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[For Food]]></category>
		<category><![CDATA[relaunch]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1226</guid>
		<description><![CDATA[Young &#038; Rubicam online relaunch was handmade in Berlin. The minimalistic web design shows the traditional brand in a whole new light. Founded in 1923, Young &#038; Rubicam Advertising is one of the world&#8217;s largest consumer advertising agencies, offering strategic and creative development, consumer research and marketing. Young &#038; Rubicam Advertising ranks as the world&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>Young &#038; Rubicam online relaunch was handmade in Berlin. The minimalistic web design shows the traditional brand in a whole new light.<span id="more-1226"></span></p>
<p>Founded in 1923, Young &#038; Rubicam Advertising is one of the world&#8217;s largest consumer advertising agencies, offering strategic and creative development, consumer research and marketing. Young &#038; Rubicam Advertising ranks as the world&#8217;s 10th largest advertising agency, with revenues of approximately $907 million.</p>
<p>Together with my friends from <a href="http://dg2.de/">Deuxième Degré Berlin</a> I created an state-of-the-art 2.0 website for <a href="http://young-rubicam.de/">Young &#038; Rubucam Germany</a>. We made the complex requirements fit into a sleak and easy to use WordPress theme. As Art Director of the project, I created a minimalistic typographic style bringing together the brand&#8217;s history and progressive orientation.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1226&amp;md5=0c751ca812a1e776e03158a2c07eb208" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/design/young-rubicam/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>yovisto labs</title>
		<link>http://www.johannes-p-osterhoff.com/science/yovisto-labs</link>
		<comments>http://www.johannes-p-osterhoff.com/science/yovisto-labs#comments</comments>
		<pubDate>Mon, 08 Nov 2010 17:46:53 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Science]]></category>

		<guid isPermaLink="false">http://www.johannes-p-osterhoff.com/?p=1212</guid>
		<description><![CDATA[On yovisto labs my fellow researches show off their work in all sorts fields of media analysis. Some interfaces I designed also can be found there. The labs originate in yovisto, the academic video serach engine to upload, share, search, tag, and discuss scientific videos. In addition to the function of a video search engine, [...]]]></description>
			<content:encoded><![CDATA[<p>On <em>yovisto labs</em> my fellow researches show off their work in all sorts fields of media analysis. Some interfaces I designed also can be found there.<span id="more-1212"></span></p>
<p>The <a href="http://yovisto.com/labs/"><em>labs</em></a> originate in <a href="http://www.yovisto.com/"><em>yovisto</em></a>, the academic video serach engine to upload, share, search, tag, and discuss scientific videos. In addition to the function of a video search engine, <em>yovisto</em> enables the search within lecture videos. <em>yovisto</em> provides an automated mechanism to generate a full-text index of the videos.</p>
<p>With <em>yovisto</em> it is possible to describe video content collaboratively, additionally users can place keywords or labels (tagging) at any position within a video (collaborative tagging) and they can start or carry on discussions belonging to any position within the video. Moreover, users can write or edit wiki-pages to enrich the video content with further information, such as images, hyperlinks, and text. The content based search functionality of <em>yovisto</em> is the most important additional benefit for the user and allows an efficient search through <em>yovisto&#8217;s</em> repository. </p>
<p>Read more about <a href="http://en.wikipedia.org/wiki/Yovisto"><em>yovisto</em> at Wikipedia</a>, for example.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=1212&amp;md5=0fca2af939596e4229245043ba3155de" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/science/yovisto-labs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Home, Sweet Home</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/home-sweet-home</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/home-sweet-home#comments</comments>
		<pubDate>Mon, 01 Nov 2010 00:15:10 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[real]]></category>

		<guid isPermaLink="false">http://www.aqua-contest.org/wordpress/johannes-p-osterhoff.com/?p=984</guid>
		<description><![CDATA[Home is where one&#8217;s heart is&#8212;with a solid door, curtains and shuttered windows. My new construction of the Home icon from OS X awaits its inhabitants. Is that why Apple users live in bourgeois allotment gardens houses? Freed from the Uncanny Valley of interface design, “Home, Sweet Home” was shown in real public space on [...]]]></description>
			<content:encoded><![CDATA[<p>Home is where one&#8217;s heart is&mdash;with a solid door, curtains and shuttered windows. My new construction of the Home icon from OS X awaits its inhabitants.<span id="more-984"></span></p>
<p>Is that why Apple users live in bourgeois allotment gardens houses? Freed from the <em>Uncanny Valley</em> of interface design, “Home, Sweet Home” was shown in real public space on the streets of Berlin, at Ars Electronica St. Oberholz in Berlin and during Hyperkult XX on Lüneburg.</p>
<p>&nbsp;<br /><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114403913/" title="OS X Home Icon by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1234/5114403913_02f6e0b28a.jpg" width="500" height="375" alt="OS X Home Icon" /></a><br />
Every house building starts with a plan.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114403235/" title="Wooden Shutters in Red by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1439/5114403235_a6d44b6c84.jpg" width="500" height="375" alt="Wooden Shutters in Red" /></a><br />
Painting the shutters for the single window.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114404717/" title="Painting the Door by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4125/5114404717_5748a32204.jpg" width="500" height="375" alt="Painting the Door" /></a><br />
The OS X house has a very solid door.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114405175/" title="Wallpapers faking Plastering by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1234/5114405175_3916215842.jpg" width="375" height="500" alt="Wallpapers faking Plastering" /></a><br />
After long reserach I found a wallpaper to properly fake the fake plaster.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114405971/" title="Rucksack by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1248/5114405971_c0426acb70.jpg" width="500" height="374" alt="Rucksack" /></a><br />
Last summer I took “Home, Sweet Home” to various places. This is why I made a two straps on its back. They are useful to take it rucksack-like from exhibition to exhibition. When I am carry it around I usually get to know a lot of people :)</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114406741/" title="Facades by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1079/5114406741_667f072deb.jpg" width="500" height="375" alt="Facades" /></a><br />
Facades</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114514031/" title="Aldi Home by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1201/5114514031_266a78cd91.jpg" width="500" height="375" alt="Aldi Home" /></a><br />
At German supermarket Aldi</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114407171/" title="Berlin Homes by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1080/5114407171_f8c19d734a.jpg" width="500" height="375" alt="Berlin Homes" /></a><br />
Different homes</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114546278/" title="Curtains, Window, Shutters and Flower Box by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1399/5114546278_1d54be718e.jpg" width="500" height="375" alt="Curtains, Window, Shutters and Flower Box" /></a><br />
The single window painted in blue, with shutters and white curtains</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5113943751/" title="Door from the Left by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1248/5113943751_0aff50d4a0.jpg" width="500" height="375" alt="Door from the Left" /></a><br />
The front door</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5114802285/" title="Home Sweet Home by johannes p osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1264/5114802285_4d69f1ab5c.jpg" width="500" height="332" alt="Home Sweet Home" /></a><br />
“Home, Sweet Home” in a corner of Ars Electronica 2010 with an Austrian inhabitant.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5343152255/" title="Ground Floor by Johannes P Osterhoff, on Flickr"><img src="http://farm6.static.flickr.com/5002/5343152255_a26c5df74f.jpg" width="500" height="375" alt="Ground Floor"/></a><br />
“Home, Sweet Home” at <a href="http://www.sanktoberholz.de/?p=1274">Sankt Oberholz</a>, Berlin&#8230;</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5923860632/" title="Home, Sweet Home and Submit Button by Johannes P Osterhoff, on Flickr"><img src="http://farm7.static.flickr.com/6022/5923860632_a38f54e545.jpg" width="500" height="332" alt="Home, Sweet Home and Submit Button"/></a><br />
&#8230;and together with my first Interface Artwork during Hyperkult XX in Lüneburg.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=984&amp;md5=2331876d4d8e840171a80b731ff0bcce" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/home-sweet-home/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Don’t drink Google Juice!</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/no-google-juice</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/no-google-juice#comments</comments>
		<pubDate>Mon, 25 Oct 2010 09:17:57 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.aqua-contest.org/wordpress/johannes-p-osterhoff.com/?p=996</guid>
		<description><![CDATA[Destilling Google Juice was not for the good of humanity.It turned out to be addictive. Don&#8217;t drink Google Juice! I founded an abstinence movement instead. &#160;]]></description>
			<content:encoded><![CDATA[<p>Destilling Google Juice was not for the good of humanity.<br />It turned out to be addictive. Don&#8217;t drink Google Juice!<br /> I founded an abstinence movement instead.<span id="more-996"></span></p>
<p><object type="application/x-shockwave-flash" width="500" height="368" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=25358de8a8&#038;photo_id=4975918497"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=25358de8a8&#038;photo_id=4975918497" height="368" width="500"></embed></object></p>
<p><object type="application/x-shockwave-flash" width="500" height="368" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=48dd5ee578&#038;photo_id=4971754699"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=48dd5ee578&#038;photo_id=4971754699" height="368" width="500"></embed></object></p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=996&amp;md5=6dca1fc0ff2ffd29d375b111fa1d2b98" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/no-google-juice/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Aqua IV: Window Control</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/window-control</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/window-control#comments</comments>
		<pubDate>Mon, 11 Oct 2010 19:12:39 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[aqua]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/?p=965</guid>
		<description><![CDATA[The return of the Aqua series after a long time: a portrait of Steve Jobs emerging from all possible window control bubbles the OS X interface has to offer. After quite some time I decided to return to my roots as an Interface Artist and do an image with Aqua’s interface elements again. No scrollbars [...]]]></description>
			<content:encoded><![CDATA[<p>The return of the <em>Aqua</em> series after a long time: a portrait of Steve Jobs emerging from all possible window control bubbles the OS X interface has to offer.<br />
<span id="more-965"></span></p>
<p>After quite some time I decided to return to my roots as an Interface Artist and do an image with Aqua’s interface elements again. No scrollbars this time, but all possible bubbles from the top left of our windows. Actually from both themes (Blue and Graphite) in all click states available.</p>
<p><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCmedium.jpg" alt="Aqua IV: Window Control, a portrait of Steve Jobs by johannes p osterhoff" title="WindowControl" width="500" height="659" class="alignnone size-full wp-image-980" /></p>
<p>I used the image from Wikipedia as a starting point.<br /><a href="http://www.flickr.com/photos/acaben/541420967/in/set-72157603723478753/">Acaben&#8217;s portrait</a> of Steve Jobs from WWDC 2007 was of great help.<br />Thanks.</p>
</p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail1.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail1.jpg" alt="Detail view of Aqua IV: Window Control, a portrait of Steve Jobs by johannes p osterhoff" title="WindowControlDetail1" width="500" height="300" class="alignnone size-full wp-image-974" /></a><br />
Top left detail view</p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail2.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail2.jpg" alt="Detail View of Aqua IV: Window Control, a portrait of Steve Jobs by johannes p osterhoff" title="WindowControlDetail2" width="500" height="300" class="alignnone size-full wp-image-975" /></a><br />
Top right detail view</p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail3.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail3.jpg" alt="Detail View of Aqua IV: Window Control, a portrait of Steve Jobs by johannes p osterhoff" title="WindowControlDetail3" width="500" height="300" class="alignnone size-full wp-image-976" /></a><br />
Close up view of Steve Job&#8217;s eye</p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail4.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail4.jpg" alt="Detail of Aqua IV: Window Control, a portrait of Steve Jobs by johannes p osterhoff" title="WindowControlDetail4" width="500" height="300" class="alignnone size-full wp-image-977" /></a><br />
Plus and minus, maximize and minimize</p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail6.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WCdetail6.jpg" alt="Detail of Aqua IV: Window Control, a portrait of Steve Jobs by johannes p osterhoff" title="WindowControlDetail5" width="500" height="300" class="alignnone size-full wp-image-978" /></a><br />
Detail of the green turtleneck, Steve Jobs is famous for.</p>
</p>
<p>Feel free to download the <a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WindowControl.png">larger version of &#8220;Window Control&#8221;</a> as PNG file (2.4 MB)</p>
<p>&nbsp;</p>
<p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WindowControlPrinted.jpg"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/10/WindowControlPrintedSmall.jpg" alt="" title="WindowControlPrintedSmall" width="400" height="537" class="alignnone size-full wp-image-1239" /></a><br />
<b>Update:</b> Actually made for the Dutch <a href="http://bright.nl/"><em>Bright Magazine</em></a>,<br />here you can see it printed by German &#8220;m&#8221; in February 2011.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=965&amp;md5=5b3013ebf24d1d3cf1e50889d3af83cc" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/window-control/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Firewall Ball</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/firewall-ball</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/firewall-ball#comments</comments>
		<pubDate>Wed, 22 Sep 2010 20:08:01 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[sport]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/?p=920</guid>
		<description><![CDATA[Play Firewall Ball until no brick of the famous icon rests on one another!The highly official sport for the 21st century premiered at Ars Electronica this summer. For quite some time now I was thinking what exactly to do with the many depictions of firewalls on the web and the firewall icon of Windows in [...]]]></description>
			<content:encoded><![CDATA[<p>Play Firewall Ball until no brick of the famous icon rests on one another!<br />The highly official sport for the 21st century premiered at Ars Electronica this summer.<br />
<span id="more-920"></span></p>
<p>For quite some time now I was thinking what exactly to do with the many depictions of firewalls on the web and the firewall icon of <em>Windows</em> in particular. With <em>Windows XP</em> the feature of a firewall was introduced to the GUI and this new feature came with a depiction of a brick wall in front of a globe representing the World Wide Web. For Aram Bartholl&#8217;s great <a href="http://www.datenform.de/teleinternet/">TELE INTERNET</a> at the latest <a href="http://new.aec.at/repair/2010/08/15/tele-internet-der-2010-ars-electronica-internet-shop/">Ars Electronica</a> I decided to make a serious sport out of it.</p>
<p>The first players of <em>Firewall Ball</em> said they started to play simply because the wall was there. Others started to play for political reasons and some said it was an update of Volleyball that they had been long awaiting. Indeed, <em>Firewall Ball</em> resembles this game of the last century. And yet it is strikingly different: instead of a common net there is standing a (really) big Firewall in the middle of the playing field&mdash;and instead of a common volleyball <em>Firewall Ball</em> is played with a big world ball. And the rules are different, too.</p>
<p><strong><br />Firewall Ball Rules, ver 0.2</strong></p>
<p><em>Firewall Ball</em> is a sport for two teams. Each team consists of at least four players.</p>
<p>Players start to throw the ball from the mark in the middle of the field. Their main goal is to play the ball to other team members on the other side. A teams scores a point when a player succesfully plays the ball to another team member on the other side of the wall. The ball must not be dropped and must be played back withing 1 sec otherwise the other team is allowed to start (and score). In general, scoring of one team is interrupted, if fouls are committed or the ball drops back to the field of the active player.</p>
<p>The firewall we used at Ars was 1.80 m tall and 2.61 m wide. It was made of 14 stylized red brick stones. These stones rest loosely on each other. The game is played until no bricks rest on one other.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/4953819556/sizes/m/in/set-72157624868842956/"><img src="http://farm5.static.flickr.com/4144/4953819556_9fbc5da31b.jpg"/></a><br />First official <em>Firewall Ball</em> playing field.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5015778220/sizes/m/in/set-72157624868842956/"><img src="http://farm5.static.flickr.com/4132/5015778220_caee91c35c.jpg"/></a><br />Yay! <em>Firewall Ball</em> shirts!</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5015054519/sizes/m/in/set-72157624868842956/"><img src="http://farm5.static.flickr.com/4107/5015054519_bef217c9c7.jpg"/></a><br />Players in action.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/4953228269/sizes/m/in/set-72157624868842956/"><img src="http://farm5.static.flickr.com/4152/4953228269_1371ef87aa.jpg"/></a><br />This earth ball is glowing more than your icon ever could.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5015660520/sizes/m/in/set-72157624868842956/"><img src="http://farm5.static.flickr.com/4083/5015660520_f25a6ee86c.jpg"/></a><br />First official <em>Firewall Ball</em> interview ;)</p>
<p><strong>More on <em>Firewall Ball</em></strong></p>
<p><a href="http://defence-project.org/firewallball/">Firewall Ball&#8217;s page</a> at the Defence Project<br />
<a href="http://soundcloud.com/joaoflux/johannes-osterhof-about-firewallball">Interview</a> for great <a href="http://hyperexhibition.net/">Hyperexhibition</a><br />
<a href="http://futurezone.orf.at/stories/1660285/"><s>ORF Futurezone</s></a><s> on TELE INTERNET and <em>Firewall Ball</em></s><br />
<a href="http://vimeo.com/14923413">Video doku</a> of TELE INTERNET<br />
More images of <a href="http://www.flickr.com/photos/johannes-p-osterhoff/sets/72157624868842956/"><em>Firewall Ball</em></a> on Flickr</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=920&amp;md5=408577b1adcf66304f524bf20d6ebdfa" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/firewall-ball/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tell 2.0</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/wilhelm-tell</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/wilhelm-tell#comments</comments>
		<pubDate>Wed, 18 Aug 2010 17:32:21 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[sport]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/?p=890</guid>
		<description><![CDATA[The long-awaited update of Schiller&#8217;s famous piece. Freedom is timeless and so is playful insurrection. Grab your iPhone and play along at Ars Electronica. The topic of William Tell is timeless. As with its premiere in 1804, the piece is now more than ever a parable for individual protest against despotic oppression. And yet many contemporary [...]]]></description>
			<content:encoded><![CDATA[<p>The long-awaited update of Schiller&#8217;s famous piece. Freedom is timeless and so is playful insurrection.<br />
Grab your iPhone and play along at Ars Electronica.<span id="more-890"></span></p>
<p>The topic of <em>William Tell</em> is timeless. As with its premiere in 1804, the piece is now more than ever a parable for individual protest against despotic oppression.</p>
<p>And yet many contemporary interpretaions failed. Recently for example <a href="http://www.hersfelder-zeitung.de/nachrichten/kreis-hersfeld-rotenburg/bad-hersfeld/volltreffer-oder-fehlschuss-804314.html">Bad Hersfeld Festival</a> tried to give Schiller&#8217;s piece a long awaited update. According to the adaptation and the <a href="http://www.faz.net/-01207i">reception of Frankfurter Allgemeine</a>, Tell has become a “cool guy in a leaher jacket”. But a real revival of <em>Wilhelm Tell</em> is not done with dressing the protagonist in different clothes—or let him drive a VW bully through a dusty setting.</p>
<p>Today—when everything is 2.0 and products turn to <em>whole widgets</em>—our rulers have become technology and software manufacturers, but still of importance is everybody&#8217;s freedom. Perfectly designed user experience and multi-touch make us forget that the easy-to-use interfaces are designed not only for our benefit. The more beautiful those interfaces are and the more compelling the experience from purchase to consumption, the quicker the <a href="http://en.wikipedia.org/wiki/Gruen_transfer">Gruen transfer</a>. With the AppStore, Apple has not only created a platform for programs. The back then hardware manufacturer now controls all small programs, books and magazines on its devices, music and videos to a great extent.</p>
<p>How free are authors in the realm of an emerging überpublisher, for example when publisher and topic inevitably collapse? We wanna find out it and try with <em>William Tell 2.0</em> an indeed political update of the old play.</p>
<p><em>Wilhelm Tell 2.0</em> is a simple game for at least two players. Each player wears an iPhone (or an iPod touch or something else with Apple insignia on its back) on his or her head. With balls players try to hit each other&#8217;s device. The player (or team) who hits (all) the other player&#8217;s (or team&#8217;s) iPhone(s) win.</p>
<p>Here you can see the very first actual game of <em>Wilhelm Tell 2.0</em> with a prototype. Currently we prepare variations with crossbow and paintball ;)</p>
<p>&nbsp;<br /><a title="WT2: two players in action, Pt. 2 by johannes p osterhoff, on Flickr" href="http://www.flickr.com/photos/20749547@N00/4884843879/"><img src="http://farm5.static.flickr.com/4138/4884843879_3dd327b9b9.jpg" alt="WT2: two players in action, Pt. 2" width="500" height="375" /></a><br />
<em>The first play of </em><em>Wilhelm Tell 2.0</em> took place on August 12, 2010 near Bornholmer Brücke.</p>
<p><a title="WT2 Equipment by johannes p osterhoff, on Flickr" href="http://www.flickr.com/photos/20749547@N00/4885440120/"><img src="http://farm5.static.flickr.com/4135/4885440120_a8c692056e.jpg" alt="WT2 Equipment" width="500" height="375" /></a><br />
<em>The prototype of </em><em>Wil-Helm</em>. A solid construction keeps your iPhone in place and makes clear if the hit was valid or just a grace shot.</p>
<p><a title="Reading... by johannes p osterhoff, on Flickr" href="http://www.flickr.com/photos/20749547@N00/4885437922/"><img src="http://farm5.static.flickr.com/4119/4885437922_391ba8b117.jpg" alt="Reading..." width="375" height="500" /></a><br />
<em>No revival without consulting the classics.</em></p>
<p>&nbsp;<br /><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5121739916/" title="Willhelm Tell 2.0 by Johannes P Osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1356/5121739916_0d28f43256.jpg" width="500" height="375" alt="Willhelm Tell 2.0" /></a><br />
<em>Improvised setup during the many Firewall Ball matches at Ars Electronica 2010.</em></p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5121136743/" title="Willhelm Tell 2.0 by Johannes P Osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1346/5121136743_3fb07dc1d3.jpg" width="500" height="375" alt="Willhelm Tell 2.0" /></a><br />
<em>Black and white versions of </em><em>Wil-Helm</em> at Ars.</p>
<p>&nbsp;<br /><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5970633727/in/photostream"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/08/FriederNake.png" alt="Frieder Nake playing Tell 2.0" width="375" height="500" class="alignnone size-full wp-image-1671" /></a><br />
<em>Frieder Nake playing Tell 2.0  during <a href="http://www.leuphana.de/institute/icam/forschung-projekte/hyperkult.html">Hyperkult XX</a>.</p>
<p>&nbsp;<br /><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5922939031/" title="Tell 2.0 Match Pt. 3 by Johannes P Osterhoff, on Flickr"><img src="http://farm7.static.flickr.com/6131/5922939031_e041776ed6.jpg" width="500" height="281" alt="Tell 2.0 Match Pt. 3"/></a></p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5923303159/" title="Tell 2.0 Shootout by Johannes P Osterhoff, on Flickr"><img src="http://farm7.static.flickr.com/6028/5923303159_d919e11788.jpg" width="500" height="332" alt="Tell 2.0 Shootout"/></a><br />
</em><em>Other shootouts during <a href="http://www.leuphana.de/institute/icam/forschung-projekte/hyperkult.html">Hyperkult XX</a>.</em></p>
<p class="Links">
See <a href="http://www.flickr.com/photos/20749547@N00/sets/72157624584994945/detail/">more images</a> of early <em>Tell 2.0</em> on Flickr!</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=890&amp;md5=48642c14c44912995202430fd0a35d23" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/wilhelm-tell/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ikeaBookstore</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/ikeabookstore</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/ikeabookstore#comments</comments>
		<pubDate>Thu, 08 Jul 2010 20:18:23 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[ikea]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/?p=867</guid>
		<description><![CDATA[Spontaneous opening of an Apple-like bookstore at a local Ikea mall (Tempelhof). We used the books from there, the iPad we made from cardboard. And the question remains: why the iBookstore looks like Billy? Select some books and put them into Billy (beech veneer). The first try. The Billy corner at Ikea Tempelhof, Berlin. Billy [...]]]></description>
			<content:encoded><![CDATA[<p>Spontaneous opening of an Apple-like bookstore at a local Ikea mall (Tempelhof). We used the books from there, the iPad we made from cardboard.<span id="more-867"></span></p>
<p>And the question remains: why the <em>iBookstore</em> looks like <a href="http://www.maclife.de/iphone-ipod/software/gemeinsame-vorfahren-ikea-regal-und-die-ibook-app"><em>Billy</em></a>?</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4774757719/" title="Johannes (randomly) selects by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4139/4774757719_e63065078a.jpg" width="375" height="500" alt="Johannes (randomly) selects" /></a><br />Select some books and put them into <em>Billy</em> (beech veneer).</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4774757389/" title="First Try by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4114/4774757389_90231b839a.jpg" width="332" height="500" alt="First Try" /></a><br />The first try.</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4774757147/" title="Scene by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4123/4774757147_5976b44b67.jpg" width="500" height="332" alt="Scene" /></a><br />The <em>Billy</em> corner at Ikea Tempelhof, Berlin.</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4774758125/" title="ikeaBookstore by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4080/4774758125_1940cc7d5a.jpg" width="500" height="500" alt="ikeaBookstore" /></a><br /><em>Billy</em> fits perfectly into our iPad made of cardboard—with a little help of Photoshop…</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4774756629/" title="Spontanteous Reading by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4117/4774756629_761a98b461.jpg" width="375" height="500" alt="Spontaneous Reading" /></a><br />Spontaneous reading to a small and surprised audience.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=867&amp;md5=cccc33283a7869118d11d46175025421" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/ikeabookstore/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Google Juice</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/google-juice</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/google-juice#comments</comments>
		<pubDate>Tue, 29 Jun 2010 20:34:44 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/?p=860</guid>
		<description><![CDATA[Recently I was able to distill the mysterious Google Juice, the etheral substance that floats between web pages. Get your bottle! Beware, it is addictive! One of the key factors of search engine optimization that is clouded in secrecy is the mysteries Google Juice. It is ment to be an ethereal substance which flowts between [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I was able to distill the mysterious Google Juice, the etheral substance that floats between web pages. <br /><s>Get your bottle!</s> Beware, it is addictive!<span id="more-860"></span></p>
<p>One of the key factors of search engine optimization that is clouded in secrecy is the mysteries <em>Google Juice</em>. It is ment to be an ethereal substance which flowts between web pages via their hyperlinks. The amount of <em>Google Juice</em> flowting around a page thus reflects how well connected it is.</p>
<p>After a long quest I was able to catch the myth-enshrouded liquid and to precess it for mass consumption. Currently you can buy <em>Google Juice</em> only at the German discounter <a href="http://www.netto-online.de/">Netto</a>, but I am negotiating with other distributors as well. Buy <em>Google Juice</em> today and get well connected and refreshed from this tonic potion.</p>
<p><b>Update:</b> The <em>real Google Juice</em> actually came from <a href="http://www.crackajack.de/2010/07/12/you-want-google-juice-i-give-you-google-juice/">Rene</a> :)</p>
<p><b>Another Update:</b> <a href="http://www.johannes-p-osterhoff.com/interface-art/no-google-juice">DO NOT</a> drink <em>Google Juice</em>. It is highly addictive!</p>
<p>&nbsp;<br /><a href="http://www.flickr.com/photos/20749547@N00/4775162612/" title="Google Juice by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4081/4775162612_28515aba75.jpg" width="500" height="333" alt="Google Juice" /></a><br />The first bottle of <em>Google Juice</em>.</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4775162814/" title="Google offers everything by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4074/4775162814_1e5b381f5b.jpg" width="500" height="333" alt="Google offers everything" /></a><br />
Google offers really everything :)</p>
<p><a href="http://www.flickr.com/photos/20749547@N00/4775163032/" title="Google Juice Results by johannes p osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4143/4775163032_f341acb942.jpg" width="500" height="333" alt="Google Juice Results" /></a><br />
Online result layout offline. Read carefully.</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/5121139529/" title="Google Juice by Johannes P Osterhoff, on Flickr"><img src="http://farm2.static.flickr.com/1103/5121139529_0d238653c3.jpg" width="375" height="500" alt="Google Juice" /></a><br />
<em>Google Juice</em> and others at a Berlin based supermarket.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=860&amp;md5=8da4de45ef86db9bf46075e1bc635336" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/google-juice/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Freedom from Porn</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/freedom-from-porn</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/freedom-from-porn#comments</comments>
		<pubDate>Mon, 24 May 2010 10:50:08 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[ipad]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/?p=800</guid>
		<description><![CDATA[Steve Jobs offered iPad users “freedom from porn.”And yet the iPads&#8217; measures offer an unprecedented porn experience.Ad-busting from Berlin Mitte. As one can see in the relaxed posture Apple imagines for its future users, the iPad is about to offer an entirely new porn experience. The user experience of the device and its dimensions will [...]]]></description>
			<content:encoded><![CDATA[<p>Steve Jobs offered iPad users “freedom from porn.”<br />And yet the iPads&#8217; measures offer an unprecedented  porn experience.<br />Ad-busting from Berlin Mitte.<br />
<span id="more-800"></span></p>
<p>As one can see in the relaxed posture Apple imagines for its future users, the iPad is about to offer an entirely new porn experience. The user experience of the device and its dimensions will make it a perfect hand for porn viewers. If not&mdash;it will be due to the platform only.</p>
<p>A reply to the <a href="http://gawker.com/5539717/steve-jobs-offers-world-freedom-from-porn">revealing discussion</a> Gawker blogger Ryan Tate had with Steve Jobs:</p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP6_Overview.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP6_Overview_small.jpg" alt="Porn on the iPad" title="Freedom from Porn at Rosenthaler Platz, Berlin" width="450" height="300" class="alignnone size-full wp-image-816" /></a></p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP2_Beach.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP2_Beach_small.jpg" alt="Porn on the iPad" title="Freedom from Porn - On the Beach" width="450" height="300" class="alignnone size-full wp-image-811" /></a></p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP3_Birthday.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP3_Birthday_small.jpg" alt="Porn on the iPad" title="Freedom from Porn - Birthday Cake" width="450" height="300" class="alignnone size-full wp-image-812" /></a></p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP1_Closer.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP1_Closer_small.jpg" alt="Porn on the iPad" title="Freedom from Porn - Overview" width="450" height="300" class="alignnone size-full wp-image-810" /></a></p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP4_Middle.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP4_Middle_small.jpg" alt="Porn on the iPad" title="Freedom from Porn - Middle" width="450" height="300" class="alignnone size-full wp-image-814" /></a></p>
<p><a href="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP5_LastRow.jpg"><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/FFP5_LastRow_small.jpg" alt="Fucking dogs on the iPad" title="Freedom from Porn - Last Row" width="450" height="300" class="alignnone size-full wp-image-815" /></a></p>
<p><em>Freedom from Porn</em> <del datetime="2010-08-18T20:48:53+00:00">is</del> was located at the subway at <a href="http://maps.google.de/maps?f=q&#038;source=s_q&#038;hl=de&#038;geocode=&#038;q=52.529541,13.401198&#038;sll=51.151786,10.415039&#038;sspn=16.014833,42.802734&#038;ie=UTF8&#038;t=h&#038;z=16">Rosenthaler Platz</a>.
</p>
<p>&nbsp;</p>
<p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/BildBanner.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/Bild.png" alt="" title="Bild" width="500" height="275" class="alignnone size-full wp-image-1354" /></a></p>
<p><b>Update:</b> Regarding <a href="http://www.google.com/search?q=ipad%20adbusting">media attention</a>, <em>Freedom from Porn</em> was a quite successful piece.<br />On the weekend the iPad was launched, it was featured on many blogs and press and it eventually <a href="http://gutjahr.biz/blog/2010/06/plakative-blow-jobs/">inspired the work of even rigorous adbusters</a> who spread the message to <a href="http://www.rebelart.net/diary/iporn-ii-freedom-from-porn/004916/">WWDC 2010</a>.<br />Congrats guys, and thanks for your nice words:</p>
<p><iframe title="YouTube video player" width="500" height="311" src="http://www.youtube.com/embed/gpHIWuOhM9M" frameborder="0" allowfullscreen></iframe></p>
<p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/iPadPrintedBig.jpg"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/05/iPadPrintedSmall.jpg" alt="" title="iPadPrintedSmall" width="500" height="375" class="alignnone size-full wp-image-1249" /></a><br />
<em>Freedom from Porn</em> featured in <a href="http://de-bug.de/">De:Bug</a> magazine&#8217;s 2010 annual review.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=800&amp;md5=fe04838fec687b5de54eeacf2fe87dc9" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/freedom-from-porn/feed</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>7 Windows</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/7-windows</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/7-windows#comments</comments>
		<pubDate>Tue, 16 Mar 2010 16:07:02 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/test/http:/johannes-p-osterhoff.com/test/uncategorized/2010/7-windows</guid>
		<description><![CDATA[Seeing now through dim Windows obscurely,but then face to face; now I know partially,but then I shall know as I also have been known.1 Corinthians 13:12 This is the first part of a series of overall seven projects dealing with Windows 7 and the system&#8217;s piety and numerology. The seven windows of the installation were [...]]]></description>
			<content:encoded><![CDATA[<p>Seeing now through dim Windows obscurely,<br />but then face to face; now I know partially,<br />but then I shall know as I also have been known.<br /><em>1 Corinthians 13:12</em><span id="more-36"></span></p>
<p>This is the first part of a series of overall seven projects dealing with <em>Windows 7</em> and the system&#8217;s piety and numerology. The seven windows of the installation were made of two-layered acrylic glass and were hung side by side.</p>
<p>The icon I used comes from the deep abyss of system files where a huge amount of data from another age of computer experience seems to carve out a miserable existence. In the DLL and EXE files of the hidden system folders of <em>Windows 7</em> one can find icons from age-old versions of the operating system and images that appear to have not been touched for centuries.</p>
<p>One of them is the icon of the process “Winlogon” which is responsible for authentication and handling user profiles; depending on the version of Windows, it also sets up the desktop environment and checks if a legal copy of Windows is used. This crucial process and its associated icon is located at C:\Windows\System32\winlogon.exe</p>
<p><em>7 Windows</em> gives insight into the ancestry of <em>Windows 7</em> and is the first of overall seven projects dealing with the current spiritual condition of the famous operating system.</p>
<p>&nbsp;</p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/4536957163/" title="Three of the &quot;7 Windows&quot; by Johannes P Osterhoff, on Flickr"><img src="http://farm3.static.flickr.com/2693/4536957163_22d636ee65.jpg" width="500" height="332" alt="Three of the &quot;7 Windows&quot;"/></a></p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/4536956955/" title="Detail by Johannes P Osterhoff, on Flickr"><img src="http://farm5.static.flickr.com/4004/4536956955_518f053a25.jpg" width="500" height="332" alt="Detail"/></a></p>
<p><a href="http://www.flickr.com/photos/johannes-p-osterhoff/4536957385/" title="Booth by Johannes P Osterhoff, on Flickr"><img src="http://farm3.static.flickr.com/2773/4536957385_4bae6cb5dc.jpg" width="500" height="332" alt="Booth"/></a></p>
<p><em>7 Windows</em> was shown together with <a href="http://johannes-p-osterhoff.com/interface-art/defence"><em>Defence</em></a> at <a href="http://www.kunsthalle.com/showcases/johannes-p-osterhoff">Platoon Kunsthalle in Seoul</a> from March 22 till April 26, 2010.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=36&amp;md5=a6bdbd509cc3a770d60d4e408f4c0152" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/7-windows/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fakebook</title>
		<link>http://www.johannes-p-osterhoff.com/text/fakebook</link>
		<comments>http://www.johannes-p-osterhoff.com/text/fakebook#comments</comments>
		<pubDate>Tue, 16 Feb 2010 16:16:35 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Text]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/test/?p=35</guid>
		<description><![CDATA[Facebook gives people the power to sharelorem ipsum dolor sit amet, consetetur sadipscing elitr.I wanted to give up Facebook for the project&#8230; But so far I couldn&#8217;t. Anyway I have the impression, people find me in Facebook too easily and many start to use Facebook instead of e-mail. As I do not like this at [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook gives people the power to share<br />lorem ipsum dolor sit amet, consetetur sadipscing elitr.<br />I wanted to give up Facebook for the project&#8230;<span id="more-35"></span></p>
<p>But so far I couldn&#8217;t.</p>
<p>Anyway I have the impression, people find me in Facebook too easily and many start to use Facebook instead of e-mail. As I do not like this at all and as I do not want to enter the gated community of Facebook everyday, I decided to make the process a bit more difficult.</p>
<p>My approach is to do something against this process from the outside, so I concentrated on Google. Old acquaintance seem to query my name in Google, find the entry of Facebook and contact me there without checking my website or using the contact possibilities of good ol&#8217; e-mail. So I created a very simple web-page which also shows up in Google search results and looks very similar to the result of <a href="http://fakebook.johannes-p-osterhoff.com" rel="bookmark">Facebook</a> there. I called it <em>Fakebook</em>.</p>
<p>This is the result you get when you query Google for “johannes p osterhoff, facebook”:</p>
<p><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/02/Fake2.png" alt="Facebook in Google results." title="Facebook" class="alignnone size-full wp-image-438" /></p>
</p>
<p>And this is my simple web page as it shows up in Google many, many pages later:</p>
<p><img src="http://johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2010/02/Fakebook.png" alt="Fakebook in Google" title="Fakebook" width="501" height="66" class="alignnone size-full wp-image-439" /></p>
<p>As you can see, Facebook has become very influential and unfortunately shows up very early in Google&#8217;s result list. You can help m <em>Fakebook</em> to overtake Facebook (or at least come closer to it) by linking to my <a href="http://fakebook.johannes-p-osterhoff.com" rel="bookmark">Facebook</a>-like page.</p>
<p>Thank you very much! If you do, please let me know with a short e-mail to<br />contact at johanes-p-osterhoff dot com<br />
Or send me a message&#8230; via Facebook.</p>
<p><strong>Update May 17:</strong> In the meantime <em>Fakebook</em> shows up in the search results. At least.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=35&amp;md5=a2dabb6fc817d0b55234c898153b9179" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/text/fakebook/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Nokia vs. Vodafone</title>
		<link>http://www.johannes-p-osterhoff.com/design/nokia-vs-vodafone</link>
		<comments>http://www.johannes-p-osterhoff.com/design/nokia-vs-vodafone#comments</comments>
		<pubDate>Wed, 16 Dec 2009 19:43:31 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[For Food]]></category>
		<category><![CDATA[corporate]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[interface]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/test/interface-art/2010/movilizer-nokia-and-vodafone</guid>
		<description><![CDATA[A product of a customer of mine was themeable.The visual representations had to be done in the corporate styles of the future customers, of course. Here you can see icons for &#8220;order projects&#8221;, &#8220;time observation sheet&#8221; (yawn), &#8220;assign to consultant&#8221;, &#8220;filled forms&#8221;, &#8220;monitoring&#8221; and &#8220;integration&#8221;. &#160; For Vodafone &#160; For Nokia &#160; For Sonim &#160;]]></description>
			<content:encoded><![CDATA[<p>A product of a customer of mine was themeable.<br />The visual representations had to be done in the corporate styles of the future customers, of course.<span id="more-129"></span></p>
<p>Here you can see icons for &#8220;order projects&#8221;, &#8220;time observation sheet&#8221; (yawn), &#8220;assign to consultant&#8221;, &#8220;filled forms&#8221;, &#8220;monitoring&#8221; and &#8220;integration&#8221;.</p>
<p>&nbsp;<br /><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/12/Vodafon.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/12/Vodafone.png" alt="" title="Vodafone Icons" width="500" height="231" class="alignnone size-full wp-image-1463" /></a><br />
<em>For Vodafone</em></p>
<p>&nbsp;<br /><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/12/Nokia.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/12/Nokia.png" alt="" title="Nokia Icons" width="500" height="276" class="alignnone size-full wp-image-1461" /></a><br />
<em>For Nokia</em></p>
<p>&nbsp;<br /><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/12/Sonim.png"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/12/Sonim.png" alt="" title="Sonim Icons" width="500" height="265" class="alignnone size-full wp-image-1462" /></a><br />
<em>For Sonim</em></p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=129&amp;md5=7900152089cf1b4824b91042fca69bb5" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/design/nokia-vs-vodafone/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Defence Project</title>
		<link>http://www.johannes-p-osterhoff.com/text/blog-of-the-defence-project</link>
		<comments>http://www.johannes-p-osterhoff.com/text/blog-of-the-defence-project#comments</comments>
		<pubDate>Mon, 16 Nov 2009 19:42:42 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Text]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[defence]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/test/interface-art/2010/blog-of-the-defence-project</guid>
		<description><![CDATA[A documentation of the numerous promises of absolute security encountered on user interfaces.I started to categorize the associated defensive imagery. The Defence Project is about the many promises of absolute security. Currently these symbols, icons illustrations and terms are spreading rapidly. Especially on current interfaces the defensive imagery leads to many striking examples that should not [...]]]></description>
			<content:encoded><![CDATA[<p>A <a href="http://www.defence-project.org">documentation</a> of the numerous promises of absolute security encountered on user interfaces.<br />I started to categorize the associated defensive imagery.<span id="more-125"></span></p>
<p>The <em>Defence Project</em> is about the many promises of absolute security. Currently these symbols, icons illustrations and terms are spreading rapidly. Especially on current interfaces the defensive imagery leads to many striking examples that should not go unnoticed. With the <em>Defence Project Plog</em> I try to condense both projects and texts on this subject.</p>
<p>In my <a href="http://www.defence-project.org/2009/11/inflatable-castle/">first post</a> I used the ad of Deutsche Telekom from late 2009 to link what I was up to:</p>
<p>&nbsp;<br /><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/uploads/2009/11/448x316_Nachhaltigkeit-im.jpg" alt="Deutsche Telekom Ad" /></p>
<p>With what was called a bird’s eye view in earlier times but nowadays immediately calls connotations to CCTV and surveillance, the makers of this ad knowingly open up a neatly composed Mise-en-scène. We are supposed to watch from far and not to participate. From above we see a concrete floor, a basketball field. Children are playing, they trundle hoops and throw balls. A celebration. We see a slide, a wheel of fortune. And a gigantic inflatable castle.</p>
<p>A text in the upper left corner reminds us that this perfect idyll was not achieved by the children’s parents, but by T-Home, the branch of Deutsche Telekom being responsible for landline communication. The parents, the ones this ad actually is made for, are surprisingly not present at all (or hidden behind a Gaussian blur making the ad’s text more readable). In this eeriness, the most important carrier of meaning is the colorful castle in the front.</p>
<p>This certainly was sponsored by T-Home to the organizers of the street celebration. And they have their reasons: an inflatable castle is a great symbol for safety and lightness at the same time. A castle of stone does not imply the intended connotation. The positive meaning of security would change to a negative one, one of imprisonment. A bouncing castle does now.</p>
<p>This blog deals with the strategies used to achieve a feeling of safety by visual means. Especially on the internet and in the graphical user interface, depictions of (fire-) walls, small castles and cute vaults automatically add this lightness to the depiction of safety and both accompany each other in a mostly unintentionally comic interplay.</p>
<p>This interplay is the topic of both <a href="http://defence-project.org">Defence Project</a> and its documentation.</p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=125&amp;md5=65e3a01e943e5a377aba1a2d3964e612" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/text/blog-of-the-defence-project/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drop Shadow Talks</title>
		<link>http://www.johannes-p-osterhoff.com/interface-art/drop-shadow-talks</link>
		<comments>http://www.johannes-p-osterhoff.com/interface-art/drop-shadow-talks#comments</comments>
		<pubDate>Fri, 16 Oct 2009 17:44:09 +0000</pubDate>
		<dc:creator>johannes</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Curating]]></category>
		<category><![CDATA[btk]]></category>
		<category><![CDATA[drop shadow]]></category>

		<guid isPermaLink="false">http://johannes-p-osterhoff.com/test/interface-art/2010/drop-shadow-talks</guid>
		<description><![CDATA[In the shades of evening lectures the Drop Shadow Talks present projects influenced and inspired by the inerplay of art and user interface. At Berliner Technische Kunsthochschule in the semester of 2009 I had the chance to start a lecture series that brings together artists, theorists and designers in the digital drop shadow. The series continues [...]]]></description>
			<content:encoded><![CDATA[<p>In the shades of evening lectures the <a href="http://dropshadowtalks.com/"><em>Drop Shadow Talks</em></a> present projects influenced and inspired by the inerplay of art and user interface.<span id="more-133"></span></p>
<p>At Berliner Technische Kunsthochschule in the semester of 2009 I had the chance to start a lecture series that brings together artists, theorists and designers in the digital drop shadow. The series continues this semester.</p>
<blockquote><p>The digital drop shadow is the most popular effect in computer graphics today. Easily applied, it made its way to modern graphic design and advertising. It raises typography and objects from a flattened background into three-dimensionality—and thus significance.</p></blockquote>
<blockquote><p>With the current generation of operating systems the drop shadow effect entered the graphical user interface to a new extent. In this context it raises not only windows from background wallpapers; it also stands for a visually enriched interface that strives towards three-dimensionality. Loaded with rich imagery, photorealistic icons and pseudo three-dimensional configurations the graphical user interface yet remains tied to its flat medium.</p></blockquote>
<blockquote><p>Bewildered by this paradox, the graphical user interface leaves the office it was made for and becomes a pop culture phenomenon.</p></blockquote>
<blockquote><p>The Drop Shadow Talks reply to current developments on the visually enriched layer for machine interaction. In the shades of evening lectures the Drop Shadow Talks regularly present art and projects influenced and inspired by the baroque graphical user interface.</p></blockquote>
<p>Speakers list:<br />
<a href="http://owenmundy.com/">Prof. Owen Mundy</a>, artist from Florida State University<br />
<a href="http://wwwwwwwww.jodi.org/">JODI</a>, artists from the Netherlands and Belgium<br />
<a href="http://www.artec.uni-bremen.de/team/person.php?id=8">Prof. Hans Dieter Hellige</a>, Universität Bremen<br />
<a href="http://www.folkwang-uni.de/de/home/gestaltung/lehrende/profil/?mehr=1&#038;detaildozent=367&#038;cHash=9187d4c93a">Prof. Marc Hassenzahl</a>, Folkwang University of Arts, Essen<br />
<a href="http://www.yugo.at/">Gordan Savicic</a>, artist from Berlin<br />
<a href="http://constantdullaart.com/">Constant Dullaart</a>, artist from Berlin<br />
<a href="http://www.lcc.gatech.edu/~bolter/">Prof. Jay David Bolter</a>, Georgia Institute of Technology<br />
<a href="http://leegte.org">Jan Robert Leegte</a>, artist from Amsterdam<br />
<a href="http://art.teleportacia.org/">Prof. Olia Lialina</a> and <a href="http://drx.a-blast.org/~drx/">Dragan Espenschied</a>, artists from Merz Akademie Stuttgart<br />
<a href="http://www.ubermatic.org/">Michelle Teran</a>, artist from Berlin<br />
<a href="http://www.datenform.de">Aram Bartholl</a>, artist from Berlin<br />
<a href="http://www.magmabranddesign.de/team/lars-harmsen">Lars Harmsen</a>, designer from Karlsruhe</p>
<p>The Drop Shadow Talks take place at <a href="http://www.btk-fh.de/">Berliner Technische Kunsthochschule</a>.</p>
<p><a href="http://vimeo.com/groups/38890/videos">Vimeo channel</a> and website of the <a href="http://dropshadowtalks.com/">Drop Shadow Talks</a>. </p>
<p>&nbsp;</p>
 <p><a href="http://www.johannes-p-osterhoff.com/wp-portfolio/?flattrss_redirect&amp;id=133&amp;md5=481ef8b026241c77eabbf2029be1574f" title="Flattr" target="_blank"><img src="http://www.johannes-p-osterhoff.com/wp-portfolio/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.johannes-p-osterhoff.com/interface-art/drop-shadow-talks/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

