<?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>wiredpieces - work, design and ideas by Sinan Ascioglu</title>
	<atom:link href="http://www.wiredpieces.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wiredpieces.com</link>
	<description>Thoughts, designs, and small talks. Most of which came while taking a shower.</description>
	<lastBuildDate>Thu, 10 May 2012 18:18:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Gay rights visualization is a beauty!</title>
		<link>http://www.wiredpieces.com/2012/05/gay-rights-visualization-is-a-beauty/</link>
		<comments>http://www.wiredpieces.com/2012/05/gay-rights-visualization-is-a-beauty/#comments</comments>
		<pubDate>Thu, 10 May 2012 18:11:35 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[things I like]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=1008</guid>
		<description><![CDATA[The Guardian published an interactive and colorful dataviz on gay right on US states. One thing that strike me about this visualization is how properly color coding is used. Many times, you see a visualization that colors are only used to cherrify the piece. Designers at the Guardian used faded color to indicate limited support [...]]]></description>
			<content:encoded><![CDATA[<p>The Guardian published an <a href="http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states" target="_blank">interactive and colorful dataviz</a> on gay right on US states. One thing that strike me about this visualization is how properly color coding is used. Many times, you see a visualization that colors are only used to cherrify the piece. Designers at the Guardian used faded color to indicate limited support and full opaque color for maximum support for a specific gay right in a state, which allows us to look at the overall picture and answer visually the generic question of &#8220;How much this country/state is supportive on gay rights?&#8221;.</p>
<p><a href="http://www.fastcodesign.com/multisite_files/codesign/imagecache/inline-large/post-inline/inline-north-carolina-gay-rights.jpg"><img src="http://www.fastcodesign.com/multisite_files/codesign/imagecache/inline-large/post-inline/inline-north-carolina-gay-rights.jpg" alt="Gay rights visualization" width="446" height="427" /></a></p>
<p><span id="more-1008"></span></p>
<p>On a side note, Co.design called this an infographic, however I think this falls into the category of data visualization/information visualization. Not sure if this categorization of data visualization is common and valid but I prefer to call a piece &#8216;infographic&#8217; if it is not allowing an analysis of data the it is visualising. I refer to <a href="http://visual.ly/electoral-fundamentals-favor-republicans-2012" target="_blank">visual.ly for examples</a> of infographics, and I believe you can see the difference.</p>
<p>(via <a href="http://www.fastcodesign.com/1669733/infographic-north-carolina-s-gay-marriage-ban-seems-downright-predictable" target="_blank">Co.design</a>)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2012/05/gay-rights-visualization-is-a-beauty/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The clock question</title>
		<link>http://www.wiredpieces.com/2012/05/the-clock-question/</link>
		<comments>http://www.wiredpieces.com/2012/05/the-clock-question/#comments</comments>
		<pubDate>Mon, 07 May 2012 04:44:48 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[things I like]]></category>
		<category><![CDATA[clock]]></category>
		<category><![CDATA[industrialDesign]]></category>
		<category><![CDATA[simplicity]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=980</guid>
		<description><![CDATA[.wp-caption { margin-right:40px; } For years, I have been looking for a clock for my apartment, but couldn&#8217;t end up buying one. I have a very weird relationship with clocks. It started after I realized wearing Casio G-Shock Digital watches weren&#8217;t that cool and switched back to analog clocks after listening to my dad&#8217;s advice. [...]]]></description>
			<content:encoded><![CDATA[<style>
.wp-caption {
   margin-right:40px;
}
</style>
<p>For years, I have been looking for a clock for my apartment, but couldn&#8217;t end up buying one.</p>
<p>I have a very weird relationship with clocks. It started after I realized wearing Casio G-Shock Digital watches weren&#8217;t that cool and switched back to analog clocks after listening to my dad&#8217;s advice. He didn&#8217;t explain why, he simply said &#8220;Analog clocks are better..&#8221;.</p>
<p>Something I started enjoying with analog clocks was that, they don&#8217;t indicate only the current time, but also provides a spatial area for you to imagine how much you have until the class ends, how long did you talk on the phone. Although we are pretty quick about it by now, still analog clocks don&#8217;t require you to do math to <em>calculate</em> how much time it will take for you.</p>
<div id="attachment_981" class="wp-caption alignleft" style="width: 127px"><a href="http://www.wiredpieces.com/wp-content/uploads/watch1.png"><img class="size-full wp-image-981" style="border: none;" title="watch1" src="http://www.wiredpieces.com/wp-content/uploads/watch1.png" alt="" width="117" height="116" /></a><p class="wp-caption-text">This is how much time <br/>I spent writing this post</p></div>
<div id="attachment_983" class="wp-caption alignleft" style="width: 126px"><a href="http://www.wiredpieces.com/wp-content/uploads/watch21.png"><img class="size-full wp-image-983" style="border: none;" title="watch2" src="http://www.wiredpieces.com/wp-content/uploads/watch21.png" alt="" width="116" height="116" /></a><p class="wp-caption-text">This is how long <br/>I talked to Asli on Skype</p></div>
<div style="clear:both">&nbsp;</div>
<p><span id="more-980"></span><br />
Just by looking these, you can visually see that writing this post didn&#8217;t hurt, and I had a lot to say to Asli on Skype. Since my switch to analog clocks, I found myself redefining the meaning of <em>time</em> for myself through different periods of time. I loved browsing clock designs and explore how designers give each clock a different story, but I also found them less true to what <em>time</em> really means to us. I felt like most designers found the time&#8217;s ever-constant behavior and characteristic an opportunity to play with. From my point, this gave too much way to become more distant to what <em>time</em> means. Take a look at this google search on <em><a href="https://www.google.com/search?q=design+clocks" target="blank">design clocks</a>.</em> Various definitions of <em>designer</em> commonly includes a lot about <em>the question</em>, <em>the problem</em> and <em>the solution</em>, and I guess this is why most design don&#8217;t speak to me: <em>Time </em>doesn&#8217;t include much of a problem, nor needs a solution, like a door knob has. It only has a meaning, albeit a different and evolving meaning for each person. That&#8217;s why most clock design don&#8217;t seem to be clicking for me.</p>
<p>This January, I quit my day job and started spending most of the day working at home in front of my computer. I started noticing less of the digits on the clocks around me  and the digital ones me (like my bedside radio clock with digital display) become obsolete,  since it didn&#8217;t matter anymore if it was 10am or 1pm when I started working. There was nothing to catch, nothing be late to. What became more important is how much time I spend on something: How much did I sleep, how much did I work on this project. My natural clock shifted: Waking up around 1pm everyday, I started doing most of my work between 9pm-4am. Many times, I didn&#8217;t even need to see any numerical values about the time. I started to feel that I was more close to understanding what time meant in its most natural form.</p>
<p>I was visiting some design stores in Williamsburg this Saturday, and I found a clock that was kind of expressing what I feel about time in these few months.</p>
<p><a href="http://www.wiredpieces.com/wp-content/uploads/ssksck.jpeg"><img class="size-full wp-image-984 " style="width: 100%;" title="klock01" src="http://www.wiredpieces.com/wp-content/uploads/ssksck.jpeg" alt="" /></a></p>
<p><a href="http://areaware.com/proddetail.asp?prod=SSKSCK" target="_blank">Klock-01</a> by <a href="http://www.magno-design.com/" target="_blank">Singgih S. Kartono</a> is a beautiful and a very simple piece. It lacks an alarm functionality: this beautifully symbolized how I don&#8217;t feel to catch up with anything. I found its <em>lacking an alarm </em>is <em>a functionality by itself. </em>There are no &#8220;needs to be done by 5pm&#8221;s. Its natural unpainted wood structure felt right out of nature and also respectful to the <em>time</em>, as this wood will deteriorate through time if it is not treated manually once in a month. It has a very soft feeling when you touch it and hold it in your hands.</p>
<p>A google search about the clock and the<a href="http://www.magno-design.com/" target="blank"> its designer, Kartono</a>, revealed more:</p>
<blockquote><p>&#8230;[Wood] record good &amp; bad time. The beautiful texture and grain actually a story of its life. Wood is a kind of perfect material, perfect cause of its imperfectness. Its characters teach us about <strong>life, balance, limits</strong>&#8230; All of Magno products are not coated. We only apply a wooden oil to finish them. This finishing is not going to completely protect our products. However, it will give a chance to its owner to feel the wood and also to care for the wood, as the care of its owner is the only real protection of the products. I disagree with the maintenance-free approach in products&#8230;</p></blockquote>
<p>For each product they ship, he provides a new tree/seed to the people of his village in Indonesia.</p>
<blockquote><p>&#8230;As a wood consumer, I feel morally responsible towards replacing the woods that I have used. This will ensure that all manufacturing activities that I conducted would not destroy the nature. I do this by replanting every single wood that I&#8217;ve used from the forest&#8230;</p></blockquote>
<p>I like that the clock doesn&#8217;t have any second leg. Especially these days, it doesn&#8217;t have any meaning other than making you feel like you should be in a rush. No moving part, no visible buttons. A very <em>calm</em> piece.<br />
The clock&#8217;s little feet make me feel like it is ready to run out of your hands whenever it decides. I should go back and find that store to buy this before the <em>time</em> runs out.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2012/05/the-clock-question/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Next OS X and desktop ?= mobile</title>
		<link>http://www.wiredpieces.com/2012/02/next-os-x-and-desktop-mobile/</link>
		<comments>http://www.wiredpieces.com/2012/02/next-os-x-and-desktop-mobile/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 18:41:20 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[OSX]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=971</guid>
		<description><![CDATA[In user experience design, it is very common to approach desktop platforms different from the mobile platforms. On the technical side, desktop brings larger screen space, faster cpu, continuous internet connectivity, and a mouse/keyboard based interaction. On the user behavior side, users are assumed to be more focused and less in a rush, and spending [...]]]></description>
			<content:encoded><![CDATA[<p>In user experience design, it is very common to approach desktop platforms different from the mobile platforms. On the technical side, desktop brings larger screen space, faster cpu, continuous internet connectivity, and a mouse/keyboard based interaction. On the user behavior side, users are assumed to be more focused and less in a rush, and spending more time, surfing, working, designing, etc&#8230;</p>
<p>But since the introduction of iPhones and iPads and Androids, we are seeing that the differences above that are taken for granted seem to disappear. Today, Apple released the developer beta version of its next OS X release, OS X Mountain Lion, and the new features list proved to be a very significant example of how the boundaries between mobile and desktop platforms are disappearing. The features that will be adapted to OS X are below:</p>
<ul>
<li><strong>Applications like Messages, Notes, Reminders</strong>: These basic functionality that are unified between iPad and iPhone is now coming to desktop.</li>
<li><strong>Notifications</strong>: MacOS never had a decent notification system and there were 3rd party applications like <a href="http://growl.info/">Growl</a> to fill that hole. Now the notification system that was introduced first in iOS 5 is being ported to the next version of MacOS (note that, Apple dropped the &#8216;Mac&#8217; from the name, but I will use both versions for clarity).</li>
<li><strong>Twitter integration</strong>: Self speaking.</li>
<li><strong>Game Center</strong>: another integration with iOS devices to enable social gaming features.</li>
</ul>
<p>You can read more about these features in the <a href="http://gizmodo.com/5885628/os-x-108-mountain-lion-will-be-more-ios+like-than-ever">Gizmodo article</a>.</p>
<h2>What is interesting? The desktop inheriting mobile features</h2>
<p>It is very interesting to see that the mobile platforms used to be pushed to its limits to do the tasks and provide the features that their desktop counterparts used to do. Feature list which started only with making calls grew as new features added: send email, listen to music, check calendar, etc&#8230; They used to be a stripped down version of desktop platforms.</p>
<p>In this OS X example, now we see that the features that are designed for iOS being added to its desktop counterpart, blurring the borders between mobile and desktop platforms and I believe this is more than just unifying their OS experiences. I believe this is also the result of mobile platforms taking the lead on innovative design in operating systems. In the 4 years, iOS had seen <a href="http://en.wikipedia.org/wiki/IOS_version_history">5 major releases</a> whereas MacOS had 3. On OS X Lion release, it already imported many of the iOS features including LaunchPad, fullscreen mode for apps and touch gestures.  The Metro interface from Microsoft is first introduced with Windows Phones, and now it is being implemented into the next version of Windows Operating System.</p>
<p>I am quiet enthusiastic to observe the effects of this shift, as minimalist designs in mobile applications and operating systems can have great effect on simplifying today&#8217;s operating systems.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2012/02/next-os-x-and-desktop-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>recent works</title>
		<link>http://www.wiredpieces.com/2012/02/recent-works/</link>
		<comments>http://www.wiredpieces.com/2012/02/recent-works/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 02:51:43 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=938</guid>
		<description><![CDATA[There is no excerpt because this is a protected post.]]></description>
			<content:encoded><![CDATA[<form action="http://www.wiredpieces.com/wp-pass.php" method="post">
<p>This post is password protected. To view it please enter your password below:</p>
<p><label for="pwbox-938">Password:<br />
<input name="post_password" id="pwbox-938" type="password" size="20" /></label><br />
<input type="submit" name="Submit" value="Submit" /></p></form>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2012/02/recent-works/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Silverback Guerilla User Testing</title>
		<link>http://www.wiredpieces.com/2011/06/silverback-guerilla-user-testing/</link>
		<comments>http://www.wiredpieces.com/2011/06/silverback-guerilla-user-testing/#comments</comments>
		<pubDate>Fri, 03 Jun 2011 21:53:11 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[things I like]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=849</guid>
		<description><![CDATA[“Silverback makes it easy, quick and cheap for everyone to perform guerrilla usability tests with no setup and no expense, using hardware already in your Mac.” This might be a good option to ask for user’s feedback, especially if one contacts you over a problem they are having. This way you can see where they [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://silverbackapp.com/"><img class="alignnone size-medium wp-image-850" title="diagram" src="http://www.wiredpieces.com/wp-content/uploads/diagram-446x157.jpg" alt="" width="446" height="157" /></a></p>
<div>
<p>“<a href="http://silverbackapp.com/" target="_blank">Silverback</a> makes it <strong>easy</strong>, <strong>quick</strong> and <strong>cheap</strong> for everyone to perform <strong>guerrilla usability tests</strong> with <strong>no setup</strong> and <strong>no expense</strong>, using hardware already in your Mac.”</p>
<p>This might be a good option to ask for user’s feedback, especially if  one contacts you over a problem they are having. This way you can see  where they are having a problem + have the them annotate the problem  they are having.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2011/06/silverback-guerilla-user-testing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Card sorting &#8211; online editions</title>
		<link>http://www.wiredpieces.com/2011/04/card-sorting-online-editions/</link>
		<comments>http://www.wiredpieces.com/2011/04/card-sorting-online-editions/#comments</comments>
		<pubDate>Wed, 27 Apr 2011 15:26:08 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[things I like]]></category>
		<category><![CDATA[cardSorting]]></category>
		<category><![CDATA[interactionDesign]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=841</guid>
		<description><![CDATA[Here are couple of sites for doing card sorting interactively and online. Best part is you can invite participants online to contribute and provide their input. This list is provided by the very awesome UX blog Sixrevisions. OptimalSort OptimalSort offers a quality card-sorting and usability-testing service for a monthly fee. Create cards and options, and [...]]]></description>
			<content:encoded><![CDATA[<p>Here are couple of sites for doing card sorting interactively and online. Best part is you can invite participants online to contribute and provide their input. This list is provided by the very awesome UX blog <a href="http://sixrevisions.com/usabilityaccessibility/card-sorting/">Sixrevisions</a>.</p>
<h4><a href="http://www.optimalworkshop.com/optimalsort.htm">OptimalSort</a></h4>
<p><img class="span-6" src="http://cdn.sixrevisions.com/0108-10_optimal_sort.jpg" alt="OptimalSort" /></p>
<p>OptimalSort offers a quality card-sorting and usability-testing  service for a monthly fee. Create cards and options, and then send a  link to the study to chosen participants. Or tweet the link and get  random participants who are willing to help you out. The application  offers real-time results and graphs, and the interface is sleek and  smart.</p>
<h4><a href="http://websort.net/">WebSort</a></h4>
<p><img class="span-6" src="http://cdn.sixrevisions.com/0108-11_web_sort.jpg" alt="WebSort" /></p>
<p>WebSort is another online application with which designers can create  card-sorting usability tests and send a link to the public or to chosen  participants. It also has a great interface and calculates results and  graphs just like OptimalSort. WebSort, however, has a unique  drag-and-drop interface to simplify organization.</p>
<h4><a href="http://www.userzoom.com/online-card-sorting-studies">User Zoom</a></h4>
<p><img class="span-6" src="http://cdn.sixrevisions.com/0108-12_user_zoom.jpg" alt="User Zoom" /></p>
<p>Pre-organize data into groups and sub-categories. With User Zoom you  can have unlimited participants, and there is an option to include your  own questions (such as, Why did you choose to place this content here,  or Why did you group these items like this?). Tailored questions will  get direct answers from participants and help you analyze their thought  processes and improve the user experience.</p>
<h4><a href="http://www.apple.com/downloads/macosx/productivity_tools/xsort.html">xSort</a></h4>
<p><img class="span-6" src="http://cdn.sixrevisions.com/0108-13_x_sort.jpg" alt="xSort" width="550" height="300" /></p>
<p>xSort is an application for Macs that creates a drag-and-drop  interface for card sorting that mimics physical cards. It also  calculates and presents the results for you to use on screen or print  out for future reference.</p>
<h4><a href="http://www.cardzort.com/cardzort/index.htm">CardZort</a></h4>
<p><img class="span-6" src="http://cdn.sixrevisions.com/0108-14_card_zort.png" alt="CardZort" width="550" height="300" /></p>
<p>CardZort, a standalone application for Windows, Mac and Linux, offers  a simple approach to digital card sorting. Two programs are available:  CardZort, the standard drag-and-drop card-sorting application, and  CardCluster, which works with CardZort to create a detailed cluster  analysis of the results. This lightweight tool is a great free option  that gets right to the point of traditional card sorting.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2011/04/card-sorting-online-editions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>photographer vs. youtube&#8230;</title>
		<link>http://www.wiredpieces.com/2011/01/photographer-vs-youtube/</link>
		<comments>http://www.wiredpieces.com/2011/01/photographer-vs-youtube/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 17:47:33 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[things I like]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=739</guid>
		<description><![CDATA[photo by Sally Mann (via Ayse Matay) youtube post by kicesie]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.wiredpieces.com/wp-content/uploads/Sally-Mann1-e1296152941707.jpg"><img class="alignnone size-full wp-image-788" title="Sally Mann" src="http://www.wiredpieces.com/wp-content/uploads/Sally-Mann1-e1296152941707.jpg" alt="" width="446" height="446" /></a><br />
photo by Sally Mann (via <a href="http://aysematay.blogspot.com/2011/01/havada-bulutsait-faik-abasyank.html" target="_blank">Ayse Matay</a>)</p>
<p><a href="http://www.wiredpieces.com/wp-content/uploads/youtube1.png"><img class="alignnone size-medium wp-image-789" title="youtube" src="http://www.wiredpieces.com/wp-content/uploads/youtube1-446x334.png" alt="" width="446" height="334" /></a><br />
<a href="http://www.youtube.com/watch?v=embdtwW-sSE" target="_blank">youtube post</a> by kicesie</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2011/01/photographer-vs-youtube/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>History of the Button</title>
		<link>http://www.wiredpieces.com/2010/06/history-of-the-button/</link>
		<comments>http://www.wiredpieces.com/2010/06/history-of-the-button/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 22:12:14 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[interactionDesign]]></category>
		<category><![CDATA[sxsw]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=715</guid>
		<description><![CDATA[Even though technology evolved at a crazy pace the last 100 years, the humble button has stayed at the center of it all. What is its past, its future? Why is it important? What does it say about the interaction between humans and technology? Pictures, stories, revelations, maybe movies. @SXSW&#8217;10 by Bill DeRouchey, Ziba Design [...]]]></description>
			<content:encoded><![CDATA[<div>
<div>
<blockquote><p>Even though technology evolved at a crazy pace the last 100 years, the humble button has stayed at the center of it all. What is its past, its future? Why is it important? What does it say about the interaction between humans and technology? Pictures, stories, revelations, maybe movies.</p>
<p>@SXSW&#8217;10 by Bill DeRouchey, Ziba Design</p></blockquote>
<p><span id="more-715"></span><br />
<img class="alignleft" title="button" src="http://becauseitreallyispersonal.files.wordpress.com/2009/10/red-button-med-30.jpg" alt="" width="169" height="190" /><a href="http://audio.sxsw.com/2010/podcasts/Interactive/2010-03-12/History-of-the-Button.mp3">Click here to listen to this podcast »</a></p>
<h3>Button = Scaling</h3>
<p>The first panel I attended was one of those I enjoyed most. In this panel, one great point DeRouchey brought to our attention is that buttons are all about <strong>Scaling</strong>: a button is there to simplify a complicated, large scale motion to a simple push. This is how initially button was defined as, when everything was mechanical. Button helped to compress time in trains, compress distance with telegram, and abstract any kind of motion to a simple push, a poke or a press. This way we started learning that buttons are abstract.</p>
<p>He drew couple of great examples from the era when <strong>button </strong>was the &#8216;cool&#8217; thing and was positioned as the center element in catchy advertising pitchlines: &#8220;You press the button we do the rest&#8221; for Kodak Camera Ad. &#8220;Push button driving&#8221; for a 1956 Plymouth car ad.</p>
<blockquote><p>Push buttons bring new motoring luxury &#8211; a 1946 <a href="http://books.google.com/books?id=hCQDAAAAMBAJ&amp;pg=PA156&amp;lpg=PA156&amp;dq=PUsh+buttons+bring+new+motoring+luxury&amp;source=bl&amp;ots=0-eXmG0MvY&amp;sig=NlouB7FTyKwN8adhAcdTAvqwJKk&amp;hl=en&amp;ei=O7cOTOz3BML38AaL0uGeCQ&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=1&amp;ved=0CBkQ6AEwAA#v=onepage&amp;q=PUsh%20buttons%20bring%20new%20motoring%20luxury&amp;f=false" target="_blank">Popular Science article</a></p></blockquote>
<p>When asked to his grandmother which button she pressed first, she pointed the light switches on the wall.</p>
<p>Similar valuation of buttons still exists, says DeRouchey: &#8220;Push button fat loss, Push button publishing&#8230;&#8221;. But it really makes me appreciate when I heard the example DeRouchey gave as the <strong>first remote control</strong>: you push the button, inside the remote a hammer hits the steel, which makes a sound, and machine hears the sound through a microphone. Also, the abstraction of buttons turned into symbolization of life changing circumstances: push-button war (referring to nuclear bomb launching buttons). Also, with the overuse, it lost its simplicity, as in airplane panels.</p>
<h3>Buttons = where is it?</h3>
<p>We can say that, with the introduction of on-screen devices and computers, button&#8217;s scaling effect become less visible, and each individual push of a button makes us less excited. Along the 100+ keyboard buttons, comes the UI elements, mouse cursors, which was the theme of an ad by Apple in the 80s.  Hyperlinks changed the shapes of the buttons, and it lost its shape. It transformed into &#8220;anything can be a button&#8221;, and designers even got lost about how to represent a button, and more importantly, what it represents: Yahoo had 3 different types of buttons on its homepage in 1996.</p>
<blockquote><p>Amazon the number of elements that are &#8216;not&#8217; a button are very small.</p></blockquote>
<h3>Where are we now?</h3>
<p>At this age, buttons don&#8217;t have any specific patterns. They don&#8217;t need any border, color, underline (recently Google also removed the underlines of the links on their results page.), etc. But they still have many different functions that can perform. And buttons keep changing how we think about things in depth and time:</p>
<blockquote><p>We are approaching a time when anything is interactive. &#8211; DeRouchey</p></blockquote>
<p>It was first a lever, then it become a circular button, then it become a multi-touch surface. It can even be a fluid, or a <a href="http://www.youtube.com/watch?v=Smai_Z_galE">dynamic tactile surface.</a></p>
<p>Couple of interesting notes from the QA:</p>
<ul>
<li><span style="font-size: 13.3333px;">His favorite button: OK button. He calls this button a &#8220;happy moment button&#8221;.</span></li>
<li><span style="font-size: 13.3333px;">My question, ironically:</span></li>
</ul>
<blockquote><p><span style="font-size: 13.3333px;">Since we are in a world where everything is button (I am referring to Amazon.com example), and button has lost its pattern, should we develop a pattern for non-interacting elements on a website? Say, &#8220;all non-interactive elements should be dark grey&#8221;..</span></p></blockquote>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2010/06/history-of-the-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://audio.sxsw.com/2010/podcasts/Interactive/2010-03-12/History-of-the-Button.mp3" length="19451850" type="audio/mpeg" />
		</item>
		<item>
		<title>Flash is the technology, HTML5 is the adaptor.</title>
		<link>http://www.wiredpieces.com/2010/04/flash-is-the-technology-html5-is-the-adaptor/</link>
		<comments>http://www.wiredpieces.com/2010/04/flash-is-the-technology-html5-is-the-adaptor/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 20:31:34 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=666</guid>
		<description><![CDATA[I wanted to write down my thoughts upon reading the Smashing Magazine article on the gradual disappearance of Flash on the web. Along with the recent discussions rising from Apple&#8217;s moves on clearing Flash from the face of the earth, web and  iDevices, it stimulated many of us to think if HTML5 can really replace [...]]]></description>
			<content:encoded><![CDATA[<p>I wanted to write down my thoughts upon reading the Smashing Magazine article on the <a href="http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/" target="_blank">gradual disappearance of Flash</a> on the web. Along with the recent discussions rising from Apple&#8217;s <a href="http://gizmodo.com/5512847/apple-takes-developers-hostage-in-war-on-adobe" target="_blank">moves on clearing Flash</a> from the face of the earth, web and  iDevices, it stimulated many of us to think if HTML5 can really replace Flash.</p>
<p>Without drilling into technical details, I think holistically:</p>
<h2>Flash (and Adobe as a company) had always been the graffiti guy of the leading technology for the web. <span style="color: orange;">It led the technology on the web.</span></h2>
<h2>HTML5 and CSS had always been the catching-up standardization officers. <span style="color: orange;">They adapted the technology.<span id="more-666"></span></span></h2>
<p>Adobe always had the advantage of having Flash 99% compatible in all browsers and operating systems. Once they created the flash framework right, it was easier for them to build new technologies upon this framework, going forward with the convenience of high-level compatibility. Native 3D support, progressive video format, hardware (microphone,webcam) access, Augmented reality, etc. got eventually developed either by Adobe or<strong> 3rd party developers who Adobe always supported</strong>. Flash had always been a designer friendly environment, including visual designers not knowing actionscript but using basic timeline&#8217;d interface.  We saw amazing digital experiences created on the web, and Flash started being used for not only full-blown experiences but also partial sections on web pages (widgets, flyout navigations, slideshows).</p>
<p>Yes, HTML5 is great, in many cases providing similar experiences to Flash, and provides great flexibility for developers. I am excited to see it becoming the new standard. But it will never have the advantages of being a framework developed in-house as Flash. Biggest problem with HTML5 is still there because the rendering engines are various, and unfortunately behaving quite differently in complex designs. Although W3C is the school teacher, the students applying the language in the real world are Google, Apple, Microsoft, and couple of other browser developing companies. But most importantly,  it will not be possible for these companies to support 3rd party developers in rhyme with each other in the  near feature, even if they get along well to establish the same standards and competitive speeds. As a developer, I will not be easily able to extend this language above the limits of what Chrome, Safari and IE provides me. I will not be facing one very open-minded company like Adobe, I will get stuck between the evil standards fight between Google, Safari, and Microsoft. While Adobe was trying to make sure Flash works at its best in all platforms, Safari will ignore when IE tries to bring new (now forgotten) features like <a href="http://www.microsoft.com/windows/internet-explorer/features/easier.aspx" target="_blank">web slices</a>.</p>
<h3>So, what&#8217;s going to happen Sinan?</h3>
<p>Yes, basic and common features that are currently being served with Flash, such as video streaming, pixel level canvas drawing etc, will be replaced with HTML5. Though it is not because we hate Flash, it is because the support for Flash will decrease eventually by the similar unfriendly moves of the other platforms and browsers. But Flash will keep on leading the digital technology on the web (if Adobe keeps playing it right), and <a href="http://www.thefwa.com/" target="_blank">FWA</a> will still be filled with many Flash driven websites. Safari on iPad will never be the &#8220;best browsing experience&#8221; without supporting Flash. Creatives of today&#8217;s world will never appreciate Apple forbidding 3rd party application development tools (such as Adobe CS5) for iDevices. HTML5 will only go this slow.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2010/04/flash-is-the-technology-html5-is-the-adaptor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A visualization master</title>
		<link>http://www.wiredpieces.com/2010/03/a-visualization-master/</link>
		<comments>http://www.wiredpieces.com/2010/03/a-visualization-master/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 14:45:37 +0000</pubDate>
		<dc:creator>Sinan</dc:creator>
				<category><![CDATA[idea]]></category>
		<category><![CDATA[not to forget]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.wiredpieces.com/?p=629</guid>
		<description><![CDATA[Moritz Stefaner is a visualization artist, holding a B.Sc. in Cognitive Science and an M.A. in Interface Design. Currently, he is employed as a research assistant at FH Potsdam on the MACE project and work as a freelance information visualizer. His slides on data visualization are an amazing summary for where we are right now, [...]]]></description>
			<content:encoded><![CDATA[<p>Moritz Stefaner is a visualization artist, holding a B.Sc. in Cognitive  Science and an M.A. in Interface  Design. Currently, he is employed as a research assistant at FH  Potsdam on the MACE  project and work as a freelance information visualizer. <a href="http://www.wiredpieces.com/wp-content/uploads/moritzstefaner.dresden.22032010.pdf">His slides on data visualization</a> are an amazing summary for where we are right now, what trends are out there, and how cool working with visualization is.</p>
<blockquote><p>Eigenfactor is a non-commercial academic research project by the  Bergstrom lab in the Department of Biology at the University of  Washington. The goal is to map the structure of science. Together, we  are developing different visualizations based on citation patterns  between scientific journals.</p></blockquote>
<p>taken from <a href="http://moritz.stefaner.eu/projects/eigenfactor/">his website</a>.</p>
<p><a href="http://moritz.stefaner.eu/projects/eigenfactor/"><img src="http://www.wiredpieces.com/wp-content/uploads/ef-change-teaser.gif" alt="visualization" width="446" height="172" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wiredpieces.com/2010/03/a-visualization-master/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

