<?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>The Slow Hunch &#187; Design</title>
	<atom:link href="http://theslowhunch.net/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://theslowhunch.net</link>
	<description>measure, cut, measure, cut...</description>
	<lastBuildDate>Wed, 25 Apr 2012 18:39:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Introducing OpenPlans, and the evolution of a brand</title>
		<link>http://theslowhunch.net/2010/04/introducing-openplans-and-the-evolution-of-a-brand/</link>
		<comments>http://theslowhunch.net/2010/04/introducing-openplans-and-the-evolution-of-a-brand/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 15:00:45 +0000</pubDate>
		<dc:creator>Nick Grossman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[OpenPlans]]></category>

		<guid isPermaLink="false">http://wrkng.net/?p=995</guid>
		<description><![CDATA[After many moons of plotting and scheming, yesterday we announced our organizational rebranding: The organization formerly known as The Open Planning Project (or TOPP) is now OpenPlans.  I am excited, and I think this is a welcome development. For years, there has been mass confusion (chaos! pandemonium!) around our name.  Our emails were @openplans.org, our [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">After many moons of plotting and scheming, yesterday we announced our organizational rebranding: The organization formerly known as The Open Planning Project (or TOPP) <a href="http://openplans.org/2010/04/topp-is-now-open-plans/">is now </a><strong><a href="http://openplans.org/2010/04/topp-is-now-open-plans/">OpenPlans</a></strong>.  I am excited, and I think this is a welcome development.</p>
<p style="text-align: left;">For years, there has been mass confusion (chaos! pandemonium!) around our name.  Our emails were @openplans.org, our website was topp.openplans.org (until 2009), and our name was the Open Planning Project.  To top it off, for several years, we ran a separate web service called OpenPlans (now under new management as <a href="http://coactivate.org">CoActivate</a>).  As I&#8217;ve <a href="http://wrkng.net/2010/01/making-cities-easier-to-use/">mentioned before</a>, I&#8217;ve never been comfortable with these conflicting brands and identities, and I&#8217;m psyched that we&#8217;ve finally made the leap.</p>
<p style="text-align: left;">Here&#8217;s a quick look into where we ended up, and how we got there.</p>
<p style="text-align: left;">First, we&#8217;ve updated our logo.  Designed by the spectacularly fabulous <a href="http://twitter.com/andycochran">Andy Cochran</a>, it&#8217;s similar to our old logo, but with cleaner lines and more meaning.  It probably goes without saying, but we&#8217;ve got the &#8220;O&#8221; and the &#8220;P&#8221; in there, and the shape is a broken circle, evoking open processes:</p>
<p style="text-align: center;"><a href="http://wrkng.net/wp-content/uploads/2010/04/OpenPlans-logo-042010.png"><img class="aligncenter size-full wp-image-999" style="padding: 20px; background: #e6e1de;" title="OpenPlans-logo-042010" src="http://wrkng.net/wp-content/uploads/2010/04/OpenPlans-logo-042010.png" alt="" width="472" height="129" /></a></p>
<p>For comparison, here&#8217;s the logo that we&#8217;d been using for the past year or so.  In order to minimize confusion between OpenPlans (the service) and The Open Planning Project the organization, we spent most of 2009 using our organizational nickname, TOPP, more prominently in our identity.  While &#8220;TOPP&#8221; is easy to say and remember, as with most acronyms, it&#8217;s pretty meaningless on its own.  I&#8217;m sure it will take us a while to erase TOPP from our vocabularies, but I think it&#8217;s the right move.</p>
<p style="text-align: center;"><a href="http://wrkng.net/wp-content/uploads/2010/04/topp-logo.png"><img class="aligncenter size-full wp-image-998" style="background: #fff; padding: 20px;" title="topp-logo" src="http://wrkng.net/wp-content/uploads/2010/04/topp-logo.png" alt="" width="249" height="76" /></a></p>
<p>To round out the logo history, here&#8217;s the one that was in service through 2008.  I like it, however for the twenty- and thirty-somethings in the room, &#8220;OPP&#8221; means something <a href="http://www.youtube.com/watch?v=6xGuGSDsDrM">a bit different</a> (can you say &#8220;harm me with harmony&#8221;?).</p>
<p><a href="http://wrkng.net/wp-content/uploads/2010/04/old-opp-logo.png"><img class="aligncenter size-full wp-image-1000" style="background: #fff; padding: 20px;" title="old-opp-logo" src="http://wrkng.net/wp-content/uploads/2010/04/old-opp-logo.png" alt="" width="145" height="79" /></a></p>
<p>Of course, to go along with the rebrand, we&#8217;ve updated the <a href="http://openplans.org">OpenPlans website</a>, attempting to streamline our messaging along with our logo &amp; brand.</p>
<p>We&#8217;ve been struggling with a meaningful, succinct tagline for quite some time, and for now have settled on &#8220;We make cities work better.&#8221;  A while back, I wrote about the idea of &#8220;<a href="http://wrkng.net/2010/01/making-cities-easier-to-use/">making cities easier to use</a>&#8221; &#8212; since then, we&#8217;ve taken that idea and adapted it a bit.  <em>Making cities work better</em> is a better representation of our intentions, as it&#8217;s multi-directional (i.e., we&#8217;re not just &#8220;using&#8221; cities), and it hints at the digital infrastructure that we&#8217;re building.</p>
<p>Also, for the first time, I think we&#8217;ve successfully articulated how our software development, technology strategy and journalism activities are connected, as part of what we&#8217;re calling &#8220;the new civic infrastructure.&#8221;</p>
<p>Lastly, a major goal of the redesign was to make it more clear <a href="http://openplans.org/projects/">what we do</a> and how people can <a href="http://openplans.org/what-we-do/">work with us</a>.  I guess now we just sit back and wait for the contracts to roll in&#8230;</p>
<p>Here&#8217;s what the website looks like today:</p>
<p><a href="http://wrkng.net/wp-content/uploads/2010/04/openplans-site-04202010.png"><img class="aligncenter size-full wp-image-1003" title="openplans-site-04202010" src="http://wrkng.net/wp-content/uploads/2010/04/openplans-site-04202010.png" alt="" width="500" height="444" /></a></p>
<p>And for another trip on the <a href="http://www.archive.org/web/web.php">Wayback Machine</a>, here&#8217;s a look at 2009:</p>
<p><a href="http://wrkng.net/wp-content/uploads/2010/04/topp-website-2009.png"><img class="aligncenter size-full wp-image-1002" title="topp-website-2009" src="http://wrkng.net/wp-content/uploads/2010/04/topp-website-2009.png" alt="" width="500" height="345" /></a></p>
<p>2008:</p>
<p><img class="aligncenter" src="http://wrkng.net/wp-content/uploads/2008/07/new-topp-website.png" alt="" width="520" height="371" /></p>
<p>and 2007:</p>
<p><a href="http://wrkng.net/wp-content/uploads/2010/04/topp-website-orig.png"><img class="aligncenter size-full wp-image-1001" title="topp-website-orig" src="http://wrkng.net/wp-content/uploads/2010/04/topp-website-orig.png" alt="" width="500" height="307" /></a></p>
<p>That&#8217;s it.  Hello, OpenPlans.  Nice to meet you.</p>
]]></content:encoded>
			<wfw:commentRss>http://theslowhunch.net/2010/04/introducing-openplans-and-the-evolution-of-a-brand/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jPlayer sprites SVG</title>
		<link>http://theslowhunch.net/2009/12/jplayer-sprites-svg/</link>
		<comments>http://theslowhunch.net/2009/12/jplayer-sprites-svg/#comments</comments>
		<pubDate>Sun, 13 Dec 2009 00:07:52 +0000</pubDate>
		<dc:creator>Nick Grossman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jPlayer]]></category>

		<guid isPermaLink="false">http://wrkng.net/2009/12/jplayer-sprites-svg/</guid>
		<description><![CDATA[For a little side project, I&#8217;m using jPlayer, a nice jQuery-based audio player.   I wanted to skin the buttons a to suit my project, and while jPlayer does support jQuery ThemeRoller skins, I liked the basic look and feel of the standard jPlayer controls.  So, I just traced the default sprites in Illustrator in [...]]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://wrkng.net/wp-content/uploads/2009/12/jplayer.png" alt="" /></p>
<p>For a little side project, I&#8217;m using <a href="http://www.happyworm.com/jquery/jplayer/">jPlayer</a>, a nice jQuery-based audio player.   I wanted to skin the buttons a to suit my project, and while jPlayer does support <a href="http://jqueryui.com/themeroller/">jQuery ThemeRoller skins</a>, I liked the basic look and feel of the standard jPlayer controls.  So, I just traced the default sprites in Illustrator in order to recolor them.  For other jPlayer developers, you can <a href="http://wrkng.net/jplayer_sprites.zip">download the source SVG  here</a>, and tweak away.</p>
]]></content:encoded>
			<wfw:commentRss>http://theslowhunch.net/2009/12/jplayer-sprites-svg/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Melkjug Fluid Icon</title>
		<link>http://theslowhunch.net/2009/10/melkjug-fluid-icon-2/</link>
		<comments>http://theslowhunch.net/2009/10/melkjug-fluid-icon-2/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 15:52:10 +0000</pubDate>
		<dc:creator>Nick Grossman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fluid]]></category>
		<category><![CDATA[Melkjug]]></category>

		<guid isPermaLink="false">http://blog.nickgrossman.com/2009/10/melkjug-fluid-icon-2/</guid>
		<description><![CDATA[If you use Melkjug as a Fluid app, like I do, then you&#8217;ll love this: (Melkjug fluid icon)]]></description>
			<content:encoded><![CDATA[<p>If you use <a href="http://melkjug.org">Melkjug</a> as a <a href="http://fluidapp.com/">Fluid app</a>, like I do, then you&#8217;ll love this:</p>
<p><img style="max-width: 800px;" src="http://blog.nickgrossman.com/wp-content/uploads/2009/10/melkjug-fluid.png" alt="" /><br />
<small>(<a href="http://blog.nickgrossman.com/wp-content/uploads/2009/10/melkjug-fluid.png">Melkjug fluid icon</a>)</small></p>
]]></content:encoded>
			<wfw:commentRss>http://theslowhunch.net/2009/10/melkjug-fluid-icon-2/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Map drawing UX is still too hard</title>
		<link>http://theslowhunch.net/2009/06/map-drawing-ux-is-still-too-hard/</link>
		<comments>http://theslowhunch.net/2009/06/map-drawing-ux-is-still-too-hard/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 15:29:46 +0000</pubDate>
		<dc:creator>Nick Grossman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[MyMaps]]></category>

		<guid isPermaLink="false">http://blog.wrkng.net/2009/06/map-drawing-ux-is-still-too-hard/</guid>
		<description><![CDATA[At work today, we are exploring the process of drawing routes on a map, thinking ahead to a few upcoming projects involving bike planning.  So Sonali set up a Google MyMap and asked a few of us to mark our routes to work.  In a nutshell, it was basically a flop, with two out of [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-776" title="picture-2" src="http://blog.wrkng.net/wp-content/uploads/2009/06/picture-2.png" alt="picture-2" width="520" height="315" /></p>
<p>At work today, we are exploring the process of drawing routes on a map, thinking ahead to a few upcoming projects involving bike planning.  So <a href="http://twitter.com/jollysonali">Sonali</a> set up a <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;vps=4&amp;jsv=160h&amp;oe=UTF8&amp;msa=0&amp;msid=113720615408070911537.00046c2d0fa37a795bc54">Google MyMap</a> and asked a few of us to mark our routes to work.  In a nutshell, it was basically a flop, with two out of three people giving up before finishing.  <a href="http://slinkp.com/">Paul Winkler</a> summed up the process beautifully:</p>
<blockquote><p>My internal dialog went something like:  &#8220;okay, now my route is merging with Nick&#8217;s &#8230; oops, now i&#8217;m editing Nick&#8217;s line by mistake, how do I<br />
undo that? (random clicking around) &#8230;  ok now i&#8217;m back to editing my line &#8230;  argh, it&#8217;s going down the wrong street&#8230; let&#8217;s try this way&#8230; whoa, why is there a random line floating around in the water? can&#8217;t seem to get rid of that one&#8230; oops, didn&#8217;t want to put a point there, let&#8217;s see if i can delete it&#8230; click&#8230; oops, i apparently deleted all the work i just did on my line, and there doesn&#8217;t seem to be an undo for that. F**k it.&#8221;</p></blockquote>
<p>It&#8217;s tough UI to get right &#8212; basically you&#8217;re trying to replicate the vector drawing capabilities of tools like Illustrator, but in a simple way that provides just the right amount of control.  Not easy.  Safe to say that collaborative route drawing has not crossed over into the mainstream yet.</p>
]]></content:encoded>
			<wfw:commentRss>http://theslowhunch.net/2009/06/map-drawing-ux-is-still-too-hard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TOPP @ Green Desk</title>
		<link>http://theslowhunch.net/2009/02/topp-green-desk/</link>
		<comments>http://theslowhunch.net/2009/02/topp-green-desk/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 17:42:47 +0000</pubDate>
		<dc:creator>Nick Grossman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fog Creek]]></category>
		<category><![CDATA[Office Space]]></category>
		<category><![CDATA[topp]]></category>
		<category><![CDATA[topp.dzn]]></category>

		<guid isPermaLink="false">http://blog.wrkng.net/?p=746</guid>
		<description><![CDATA[This week, TOPP moved into additional, (maybe) temporary office space, to alleviate some of the crowding at our office in the West Village.  We were looking for a place that was convenient, comfortable, and most of all, available immediately (backstory is that we&#8217;ve been basically sitting on top of each other at our W. 12th [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://farm4.static.flickr.com/3486/3256001494_e5d67432b6.jpg?v=0" alt="" width="500" height="400" /></p>
<p>This week, <a href="http://theopenplanningproject.org">TOPP</a> moved into additional, (maybe) temporary office space, to alleviate some of the crowding at our office in the West Village.  We were looking for a place that was convenient, comfortable, and most of all, available immediately (backstory is that we&#8217;ve been basically sitting on top of each other at our W. 12th Street offices for the last few months, while our new space at 148 Lafayette is being renovated &#8212; it&#8217;s ridiculous, I know&#8230;)</p>
<p>Anyway, we found a GREAT space at a new-ish office incubator in DUMBO called <a href="http://green-desk.com">Green Desk</a>.  It&#8217;s a renovated 6-story warehouse building right at the foot of the Manhattan Bridge.  Each floor consists of a bunch of glassed-in offices which are home to various companies.  Gothamist is on the floor right below us.  Most of the folks from the <a href="http://livablestreets.com">Livable Streets Initiative</a> and <a href="http://gothamschools.org">GothamSchools</a>, and some of the <a href="http://opengeo.org">OpenGeo</a> team will be working from here now.</p>
<p>I&#8217;ve been reading and thinking a lot about office space lately, mainly spurred by our own impending move as well as <a href="http://www.joelonsoftware.com/items/2008/12/29.html">Fog Creek Software&#8217;s recent move to new digs</a>.  Having read Joel Spolsky&#8217;s writing about <a href="http://www.joelonsoftware.com/items/2006/07/30.html">the importance of private &amp; quiet office space</a>, I&#8217;ve been getting a little concerned about the open plan of the office we&#8217;re about to move into.  I visited the Fog Creek offices last Friday for their new office open house, and was impressed by the combination of highly social space (kitchen, lunch tables, couches) and super-quiet workspace (private, glassed-in office for every single developer).  As a result, we at TOPP have been trying to subtly improve the layout (within reason, since construction is about to start and our concerns aren&#8217;t the only ones &#8212; the space will also be the future home of <a href="http://tower-research.com">Tower Research Capital</a>) of the new office to increase the amount of available private/quiet space, even if the floor plan is fundamentally open.</p>
<p>Anyway, I digress.  So, I&#8217;m sitting here at Green Desk for the first time today, and it&#8217;s really quite nice.  We can hear the sound of the subway rolling over our heads as it crosses the Manhattan Bridge, but it&#8217;s kind of like waves crashing and isn&#8217;t really disturbing.  We have four separate glassed-in rooms, each with about 4 desks, and there&#8217;s a shared conference room, kitchen, and sitting area.  Apparently there&#8217;s also a proper cafeteria and exercise room on the way.  It&#8217;s also nice to be in a space with other companies, although I haven&#8217;t met anyone just yet.</p>
<p>Here are some photos.  Even though I will continue to work primarily from the Manhattan office, I think I&#8217;ll plan to spend a day or so per week down here for a change of pace, and for the joy of walking to work and not leaving Brooklyn <img src='http://theslowhunch.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img src="http://farm4.static.flickr.com/3468/3256209290_a3a6705753.jpg?v=0" alt="" width="500" height="400" /></p>
<p>Above: Green Desk building at 155 Water Street</p>
<p><img src="file:///Users/nick/Library/Caches/TemporaryItems/moz-screenshot.jpg" alt="" /></p>
<p><img src="http://farm4.static.flickr.com/3119/3255380961_3762474a1f.jpg?v=0" alt="" width="500" height="400" /></p>
<p>Above: View from the front door, facing the river and Manhattan</p>
<p><img src="http://farm4.static.flickr.com/3322/3255169935_c347ffc10e.jpg?v=0" alt="" width="500" height="400" /></p>
<p>Above: <a href="http://www.streetsblog.org/author/ben-fried/">Ben Fried</a> blogging away for <a href="http://streetsblog.org">Streetsblog</a> in one of our rooms</p>
<p><img src="http://farm4.static.flickr.com/3511/3255168813_865de807ab.jpg?v=0" alt="" width="500" height="400" /></p>
<p>Above: Glassed-in offices are somewhat reminiscent of the nice, quiet offices at Fog Creek</p>
<p><img src="http://farm4.static.flickr.com/3391/3255997502_c1a643a34a.jpg?v=0" alt="" width="500" height="400" /></p>
<p>Above: Shared reception area</p>
<p><img src="http://farm4.static.flickr.com/3341/3255164093_56b15d1f92.jpg?v=0" alt="" width="500" height="400" /></p>
<p>Above: View from one of our rooms, facing into Brooklyn</p>
]]></content:encoded>
			<wfw:commentRss>http://theslowhunch.net/2009/02/topp-green-desk/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

