<?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>Johnny Holland &#187; User interface</title>
	<atom:link href="http://johnnyholland.org/tag/user-interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://johnnyholland.org</link>
	<description>It&#039;s all about interaction</description>
	<lastBuildDate>Wed, 23 May 2012 18:35:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Redesigning the Microwave Oven</title>
		<link>http://johnnyholland.org/2012/01/redesigning-the-microwave-oven/</link>
		<comments>http://johnnyholland.org/2012/01/redesigning-the-microwave-oven/#comments</comments>
		<pubDate>Thu, 12 Jan 2012 16:00:08 +0000</pubDate>
		<dc:creator>Mac Funamizu</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Urban UX]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[microwave oven]]></category>
		<category><![CDATA[User interface]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=11906</guid>
		<description><![CDATA[Remember how hard it was to make just one pie graph embedded in your document? Because machines were not as smart as they are today, we needed to tell exactly what we wanted in details. Now however, computers have become a lot smarter, they can 'sense' what we want in the way we want it. So why not push the boundaries?]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/macspetit-microwave.jpg" class="attachment-index-categories wp-post-image" alt="macspetit-microwave" title="macspetit-microwave" /><p>There are still parameters to input and many options to choose before we can finally hit the &#8216;go&#8217; button on many devices. Take a digital camera for instance. Advanced technology must be able to help a camera tell which scene mode the camera should choose. A toaster must know how long it will take to have nicely toasted bread. Recent gadgets are now able to tell where they are, who is there, what they are facing and many other things, so they should be able to do more. It&#8217;s like a very intelligent person who is blindfolded wearing earplugs.</p>
<p>I feel that way especially when I put some food to cook in a microwave oven. I know what the food should be like for me to eat. I know it shouldn&#8217;t be burned. I know it should be defrosted. But I&#8217;m not a cook and don&#8217;t know exactly how long it should be cooked. And that&#8217;s why I thought of this concept design.</p>
<h2>WYSIWYG Microwave Oven Concept</h2>
<p>Let us adjust the &#8216;how-we-want-it&#8217; setting and skip all the details. Or rather, the &#8216;what-it-should-be-like&#8217; setting because visual aid helps us picture the results much more easily than verbal expressions do.</p>
<a href="http://johnnyholland.org/wp-content/uploads/future_oven_2_image3.jpg"><img class="wp-image-11913 aligncenter" title="future_oven_2_image3" src="http://johnnyholland.org/wp-content/uploads/future_oven_2_image3.jpg" alt="" width="500" height="500" /></a>
<a href="http://johnnyholland.org/wp-content/uploads/future_oven_2_image6c.jpg"><img class=" wp-image-11914 aligncenter" title="future_oven_2_image6c" src="http://johnnyholland.org/wp-content/uploads/future_oven_2_image6c-300x150.jpg" alt="" width="300" height="150" /></a>
<div id="attachment_11915" class="wp-caption aligncenter" style="width: 510px"><a href="http://johnnyholland.org/wp-content/uploads/future_oven_2_image12.jpg"><img class=" wp-image-11915 " title="future_oven_2_image12" src="http://johnnyholland.org/wp-content/uploads/future_oven_2_image12.jpg" alt="" width="500" height="500" /></a><p class="wp-caption-text">Put a dish in it and this oven tells what kinds of foods are in it.</p></div>
<div id="attachment_11919" class="wp-caption aligncenter" style="width: 510px"><a href="http://johnnyholland.org/wp-content/uploads/future_oven_UI1.jpg"><img class="wp-image-11919 " title="future_oven_UI" src="http://johnnyholland.org/wp-content/uploads/future_oven_UI1.jpg" alt="" width="500" height="260" /></a><p class="wp-caption-text">All you need to do is to adjust the &#39;look&#39; of the food displayed on the glass by dragging the button. You can control the cooking time while looking at what it will be like after cooking the adjusted length of time. You&#39;ll know exactly when it boils or burns.</p></div>
<div id="attachment_13721" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-13721" title="future-oven" src="http://johnnyholland.org/wp-content/uploads/2011/12/future-oven.jpg" alt="" width="500" height="187" /><p class="wp-caption-text">By the way, I wish a microwave oven could be movable so that it could get close to the table when necessary.</p></div>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2012/01/redesigning-the-microwave-oven/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mac&#8217;s petit inventions: Light user interfaces</title>
		<link>http://johnnyholland.org/2009/05/user-interface-concepts/</link>
		<comments>http://johnnyholland.org/2009/05/user-interface-concepts/#comments</comments>
		<pubDate>Mon, 04 May 2009 20:56:11 +0000</pubDate>
		<dc:creator>Mac Funamizu</dc:creator>
				<category><![CDATA[Observed]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[User interface]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=1841</guid>
		<description><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mac-light.jpg" class="attachment-index-categories wp-post-image" alt="mac-light" title="mac-light" />Are there ways to have better and more interesting interaction with your lights? That&#8217;s what I tried to investigate when [...]]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/mac-light.jpg" class="attachment-index-categories wp-post-image" alt="mac-light" title="mac-light" /><p>Are there ways to have better and more interesting interaction with your lights? That&#8217;s what I tried to investigate when I came up with two new inventions, the Touch Switch and Desktop Lamp. Let me know what you think.<span id="more-1841"></span></p>
<h2>Touch Switch</h2>
<p>Nobody likes switching on and off all the wrong lights in order to find the right switch. Could a light switch that looks like a trackpad of a laptop solve this? Where you just drag your finger towards the light you want to turn on/off. I thought so&#8230;</p>
<p>And could all the relative positions of the lights appear on a screen like this?<br />
<img class="alignnone size-full wp-image-2033" title="lamp_switch11" src="http://johnnyholland.org/wp-content/uploads/lamp_switch11.jpg" alt="" width="500" height="500" /></p>
<p><img class="alignnone size-full wp-image-2035" title="lamp_switch21" src="http://johnnyholland.org/wp-content/uploads/lamp_switch21.jpg" alt="" width="500" height="500" /><br />
<img class="alignnone size-full wp-image-2034" title="desc11" src="http://johnnyholland.org/wp-content/uploads/desc11.jpg" alt="" width="500" height="500" /><br />
<img class="alignnone size-full wp-image-2036" title="desc2" src="http://johnnyholland.org/wp-content/uploads/desc2.jpg" alt="" width="500" height="500" /></p>
<h2>Desktop Lamp</h2>
<p>One of the biggest annoyances with lamps it that you can&#8217;t always control where the light falls. You always have to make a choice between a focused or general light on your desk. But what if you could constantly change this? If a very light material could be used for the light, a desktop lamp like this might be possible.<br />
<img class="alignnone size-full wp-image-2028" title="ui_desklamp_image11" src="http://johnnyholland.org/wp-content/uploads/ui_desklamp_image11.jpg" alt="" width="500" height="500" /></p>
<p>The lit area can be controlled with the usual &#8220;pinch&#8221; gesture.</p>
<img class="alignnone size-full wp-image-2029" title="ui_desklamp_image21" src="http://johnnyholland.org/wp-content/uploads/ui_desklamp_image21.jpg" alt="" width="500" height="500" />
<p>To turn up/down the light, draw a circle clockwise/counter-clockwise.<br />
<img class="alignnone size-full wp-image-2030" title="ui_desklamp_image31" src="http://johnnyholland.org/wp-content/uploads/ui_desklamp_image31.jpg" alt="" width="500" height="500" /></p>
<img class="alignnone size-full wp-image-2031" title="ui_desklamp_image41" src="http://johnnyholland.org/wp-content/uploads/ui_desklamp_image41.jpg" alt="" width="500" height="500" />
<a href="http://johnnyholland.org/wp-content/uploads/ui_desklamp_image3.jpg"><img class="alignnone size-full wp-image-2032" title="ui_desklamp_image51" src="http://johnnyholland.org/wp-content/uploads/ui_desklamp_image51.jpg" alt="" width="500" height="500" /></a>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/05/user-interface-concepts/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

