<?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>People Design &#187; interaction design</title>
	<atom:link href="http://www.peopledesign.com/tag/interaction-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.peopledesign.com</link>
	<description>Ideas</description>
	<lastBuildDate>Fri, 03 Sep 2010 22:24:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The value of networking with customers</title>
		<link>http://www.peopledesign.com/the-value-of-networking-with-customers/</link>
		<comments>http://www.peopledesign.com/the-value-of-networking-with-customers/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 17:53:15 +0000</pubDate>
		<dc:creator>Curt</dc:creator>
				<category><![CDATA[Strategy]]></category>
		<category><![CDATA[experience design]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[research]]></category>

		<guid isPermaLink="false">http://ideas.peopledesign.com/?p=191</guid>
		<description><![CDATA[The Fulton Street Farmer&#8217;s Market across town from our office in Grand Rapids has been providing a harvest of locally grown food more than 80 years. If those stalls could talk they&#8217;d share stories about a time when the local open-air market was the center of commerce in our community. That&#8217;s no longer the case, [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.grand-rapids.mi.us/index.pl?page_id=484">Fulton Street Farmer&#8217;s Market</a> across town from our office in Grand Rapids has been providing a harvest of locally grown food more than 80 years. If those stalls could talk they&#8217;d share stories about a time when the local open-air market was the center of commerce in our community.</p>
<p><a href="http://farm3.static.flickr.com/2394/1601473341_9101934df2_m.jpg"><img class="alignnone" src="http://farm3.static.flickr.com/2394/1601473341_9101934df2_m.jpg" alt="" width="240" height="160" /></a></p>
<p>That&#8217;s no longer the case, of course. The exercise of connecting products – fresh produce, office furniture, design services, you name it – with customers has evolved a lot since those days.</p>
<p>Advances in production, distribution, and communication have globalized commerce, which means – among other things – that we can now get fresh strawberries even when they&#8217;re out of season. That&#8217;s good, especially if you love fresh strawberries. Unfortunately, it also means we don&#8217;t usually get to meet the person who grows the strawberries we buy. That&#8217;s not so good. If you can talk with your favorite strawberry growers, you can share your observation that this year&#8217;s berries are much sweeter than last year’s crop, and encourage the growers to do what it takes to ensure even sweeter berries next year. You can let them know that you&#8217;re also looking for fresh blueberries, and ask if they can recommend a good supplier. You can take a simple commercial transaction, and make it more meaningful by building a personal connection with your favorite strawberry grower while he or she is developing a loyal customer.</p>
<p>Social media – <a href="http://technorati.com/pop/blogs/">blogs</a>, <a href="http://www.apple.com/itunes/whatson/podcasts/fanfaq.html">podcasts</a>, <a href="http://www.webtvwire.com/most-popular-video-sharing-sites-compared/">video sharing</a>, etc. – are giving companies the tools they need to bring relationships back to commerce. This new business environment encourages producers and consumers to engage one another in mutually beneficial ways. As columnist Ray Poynter <a href="http://www.mrs.org.uk/publications/ijmr_viewpoints/poynter.htm">points out</a> in the International Journal of Market Research, social media has rapidly become a credible way for businesses to gather and learn from consumer insights. The broadcast model for communicating with customers has been replaced, <a href="http://www.ecademy.com/node.php?id=83146">reports</a> Ecademy founder Penny Power. BusinessWeek predicted this change back in 2005, when the magazine ran the cover story, “Blogs Will Change Your Business.” The magazine posted an <a href="http://www.businessweek.com/bwdaily/dnflash/content/feb2008/db20080219_908252.htm">updated version of the piece</a> earlier this year, and the observable changes that have sprung up in the three years since Business Week first published the report are as telling as the original research.</p>
<p>What’s the appropriate response to all of this? Seize the opportunity. For a particularly powerful example, consider our friends at <a href="http://www.spout.com/">Spout.com</a>. The company could not have existed in the days before social media. The technology to connect with a new audience – and for like-minded audience members to connect meaningfully with one another – developed right alongside the frustration four avid film buffs felt with the Hollywood model for motion picture marketing and distribution. They knew the best recommendations for movies came from friends. They knew that social networks could allow users to share recommendations just as easily as status updates. And they realized that film fans and moviemakers wanted to connect. They put it all together. We helped them name it, brand it, and launch it. It’s been fascinating to watch this new kind of commercial community take shape.</p>
<p>Big and small companies alike have been dabbling with social media as a means to network with customers, with varying degrees of success…<br />
- Don’t fault GM’s <a href="http://fastlane.gmblogs.com/">Fastlane</a> for the troubles of the U.S. auto industry. The General Motors blog is widely held up as an example of a successful corporate blog.<br />
- Starbucks capitalizes on its enviable customer loyalty with <a href="http://mystarbucksidea.force.com/home/home.jsp">My Starbucks Idea</a>, an online tool for customers to share ideas for improving product and service, and weigh in on ideas from other customers.<br />
- Dell <a href="http://www.ideastorm.com/">Ideastorm</a> provides a similar outlet.<br />
- Glaxo Smith Kline’s <a href="https://innovation.gsk.com/gsk/ctx/noauth/PortalHome.do">consumer healthcare innovation</a> site places a &#8220;Submit an Idea&#8221; button front and center.<br />
- In Japan, Adidas encourages fans of the classic sneakers to upload a photo to endorse its “<a href="http://www.celebrate-originality.jp/#/celebrate">celebrate originality</a>” campaign.<br />
- Whole Foods Market’s <a href="http://blog.wholefoodsmarket.com/">blog</a> offers shopping tips, product provenance stories, etc., but they’re not just talking to customers. <a href="http://www.wholefoodsmarket.com/forums/index.php">They’re listening, too</a>.<br />
- Midwest coffeehouse chain Biggby Coffee CEO and co-founder Bob Fish actively <a href="http://www.biggbybob.com/">blogs</a>, <a href="http://twitter.com/BiggbyBob">Twitters</a>, and updates <a href="http://www.facebook.com/event.php?sid=498fe18d940759da170c1d06a3dda844&amp;refurl=http%3A%2F%2Fwww.facebook.com%2Fs.php%3Finit%3Dq%26q%3DBiggby%2BBob%26ref%3Dts%26sid%3D498fe18d940759da170c1d06a3dda844&amp;eid=35060306452">Facebook</a> and <a href="http://www.flickr.com/search/?q=Biggby%20Bob&amp;w=all&amp;s=int">Flickr</a>. Customers can follow him across the chain’s territory, and if you find him, he’ll buy your coffee.</p>
<p>We’re on board, too. When People Design overhauled <a href="http://www.peopledesign.com/?">our website</a> last year in conjunction with <a href="http://www.peopledesign.com/knee-jerk">our 10th anniversary and name change</a>, we put a blog right up front. This blog is our very own open-air market where we share the things we’re thinking about and invite your feedback. Plus, Google likes the fresh content, which certainly doesn’t hurt our chances whenever potential clients go searching for a design firm. We’re currently both a <a href="http://www.facebook.com/group.php?gid=2333813941&amp;ref=ts">group</a> and a <a href="http://www.facebook.com/pages/Grand-Rapids-MI/People-Design/8719154002">page</a> on Facebook (there is a <a href="http://www.thegogglesdonothing.com/archives/2008/01/facebook_groups_vs_pages.shtml">difference</a>). You can link up with us on <a href="http://www.linkedin.com/groups?gid=67688&amp;sharedKey=7942507A6EF2">LinkedIn</a>. And we’re tweeting away on <a href="http://twitter.com/peopledesign">Twitter</a>.</p>
<p>All of these communications – this post included – give us the chance to share with our best customers all the things we’re learning about and exploring. Quite often, the very act of sharing all of this sparks conversations that generate ideas to make our products and services better. Collaboration is buzz-worthy for a reason: It works.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/the-value-of-networking-with-customers/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Off-season awards</title>
		<link>http://www.peopledesign.com/off-season-awards/</link>
		<comments>http://www.peopledesign.com/off-season-awards/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 23:11:15 +0000</pubDate>
		<dc:creator>Yang</dc:creator>
				<category><![CDATA[Realization]]></category>
		<category><![CDATA[awards]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[environments]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[literature]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=180</guid>
		<description><![CDATA[Who says winning awards gets old? It always feels good. We&#8217;re happy to say that we&#8217;ve been kicking some butt in this arena recently – and it&#8217;s not even awards season. In the Creativity 38 Annual Awards competition, we have 12 award-winning projects, five of which won a Silver, three Gold, and one Platinum. Creativity [...]]]></description>
			<content:encoded><![CDATA[<p>Who says winning awards gets old? It always feels good. We&#8217;re happy to say that we&#8217;ve been kicking some butt in this arena recently – and it&#8217;s not even awards season.</p>
<p>In the <a href="http://www.creativityawards.com/">Creativity 38 Annual Awards</a> competition, we have 12 award-winning projects, five of which won a Silver, three Gold, and one Platinum. Creativity 38 brought in close to 3,000 entries from 45 states in the U.S, and 44 countries around the world.</p>
<p>We also were notified recently that we won five awards from the <a href="http://www.gdusa.com/contests/agda.php">American Graphic Design Awards</a>, presented by Graphic Design USA. These will be featured in an upcoming issue of GDUSA.</p>
<p>Of course, we can&#8217;t forget about our local <a href="http://www.adclubwmi.org/awards/">Addys</a>, the recognition program sponsored by the Ad Club of West Michigan, local affiliate of the American Advertising Federation. The Grand Rapids Art Museum trademark and identity system, the Urban Institute for Contemporary Arts capital campaign brochure, and the Herman Miller ICFF New York tradeshow space all won medals: two silvers, one gold.</p>
<p>But the best part is our second <a href="http://www.webbyawards.com/webbys/current_honorees.php?media_id=96&amp;category_id=11&amp;season=12">Webby Award</a> for our work on the <a href="http://www.artmuseumgr.org/">GRAM website</a>. We&#8217;ll take any kudos, but this one&#8217;s especially special because it&#8217;s so hard to get.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/off-season-awards/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Social Media for Business: Customer Service</title>
		<link>http://www.peopledesign.com/social-media-for-business-customer-service/</link>
		<comments>http://www.peopledesign.com/social-media-for-business-customer-service/#comments</comments>
		<pubDate>Thu, 09 Oct 2008 19:39:41 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Strategy]]></category>
		<category><![CDATA[experience design]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=166</guid>
		<description><![CDATA[There have been a number of interesting posts lately on ReadWriteWeb regarding the puzzle of Social Media for Business. Businesses have only begun to take advantage of the capabilities of social media tools to empower communications to their customers. In fact Charlene Li showed an interesting example at the Social Media Marketing Summit 2008 of [...]]]></description>
			<content:encoded><![CDATA[<p>There have been a number of interesting posts lately on ReadWriteWeb regarding the puzzle of <a href="http://www.readwriteweb.com/archives/social_media_for_business_who_is_doing_it.php">Social Media for Business</a>. Businesses have only begun to take advantage of the capabilities of social media tools to empower communications to their customers. In fact <a href="http://www.mthink.com/node/32">Charlene Li</a> showed an interesting example at the <a href="http://www.mthink.com/Schedule">Social Media Marketing Summit 2008</a> of how a <a href="http://www.google.com/search?rls=en-us&amp;q=comcast&amp;ie=UTF-8&amp;oe=UTF-8">Google search for Comcast</a> can do more to damage their brand than reenforce it:<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/CvVp7b5gzqU&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/CvVp7b5gzqU&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object><br />
She says:</p>
<blockquote><p>You must understand that the power is now in the hands of consumers.</p></blockquote>
<p>A perfect example of this is the tool <a href="http://getsatisfaction.com/">Get Satisfaction</a>. This is a social media tool that lets consumers provide customer service feedback whether a company wants it or not. Some quick searches for companies we know shows some familiar names (<a href="http://getsatisfaction.com/hermanmiller">Herman Miller</a> and <a href="http://getsatisfaction.com/whirlpool">Whirlpool</a> are friends who have products listed there without customer service representation &#8212; you guys might want to check that out?). Consumers are empowering themselves to solve problems that they find too difficult to address via traditional customer service channels.</p>
<p>This means that companies are increasingly pressured to participate in the community of their customers. As corporations can be slow to engage in these sorts of activities and have often blocked access to them on their internal firewalls, they have isolated themselves from the discussion. But how do brand managers and customer service representatives best engage their customers online?</p>
<p>First off, where are those customers online? What are they saying about you? Are they on <a href="http://www.new.facebook.com/pages/izzydesign/25828098453">Facebook</a>? Are they <a href="http://blogsearch.google.com/blogsearch">blogging about you</a>? One of the easiest things an organization can do to keep track of where their customers are is subscribe to receive <a href="http://www.google.com/alerts">Google alerts</a> related to their brand. Find out where people are discussing your product and participate in those discussions.</p>
<p>Look at how Comcast handles customer service on <a href="http://twitter.com/comcastcares">Twitter</a>. Not all business have the scale to support this. It takes work. Increasingly the discussion is owned by the customer on a platform beyond the corporationâ€™s control. This can be an unnerving proposition. How do you influence how your brand is perceived when anyone can say anything about your products or services and rank highly in Google? Potential new customers can easily discover a legacy of problems. Google has a hard time forgetting.</p>
<p>Having a presence on these platforms can be a mixed bag. You might find that the result is crickets. In the customer service arena, this is less about creating a fan base for your brand and more about ensuring customers are getting the answers they need in the way that they are most comfortable receiving them. This doesn&#8217;t necessarily mean you need real estate on <a href="http://secondlife.com/land/pricing.php">Second Life</a>. It is a question of brand stewardship.</p>
<p>A social media strategy should be a part of any corporationâ€™s web presence. At the very least, you should take the online pulse of your customers. This means devoting some <a href="http://www.kk.org/thetechnium/archives/2008/09/where_attention.php">attention</a> to the situation. That means someoneâ€™s time. It is relatively easy to address <a href="http://www.furniturestoreblog.com/2008/03/11/fortis_office_collection_from_cumberland_furniture.html">consumer confusion</a> when you know what that confusion is. To associate authoritative answers with customer questions is the goal.</p>
<p>When someone has a problem, they are probably going to start with Google to find an answer. Ensuring that your answer is there is key. Good <a href="http://en.wikipedia.org/wiki/Search_engine_optimization">SEO</a> is the place to start. Good <a href="http://en.wikipedia.org/wiki/Information_architecture">IA</a> ensures that you are representing yourself appropriately to address your customersâ€™ needs. Why did a user blog about you rather than filling out a contact form? Where is the disconnect?</p>
<p>Take a little time today to Google your company. Any surprises?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/social-media-for-business-customer-service/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>printfreegraphpaper.com</title>
		<link>http://www.peopledesign.com/printfreegraphpapercom/</link>
		<comments>http://www.peopledesign.com/printfreegraphpapercom/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 14:06:59 +0000</pubDate>
		<dc:creator>Julie</dc:creator>
				<category><![CDATA[Realization]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=71</guid>
		<description><![CDATA[I didn&#8217;t grow up with the Internet. It came after most of my learning habits had been wired in. But once I had access, I never looked back. My online days began wallowing about in Gopher at my college, getting happily lost in link layers, following my nose and reading&#8230; a lot. Learning a lot. [...]]]></description>
			<content:encoded><![CDATA[<p>I didn&#8217;t grow up with the Internet. It came after most of my learning habits had been wired in. But once I had access, I never looked back. My online days began wallowing about <a href="http://gopher.floodgap.com/gopher/">in Gopher</a> at my college, getting happily lost in link layers, following my nose and reading&#8230; a lot. Learning a lot. Then came <a href="http://en.wikipedia.org/wiki/Compuserve">Compuserve</a>, early in my career, the text-based network, I admit I still pine for some days&#8230;</p>
<p>I browsed four lines at a time on <a href="http://oldcomputers.net/kc.html">my very first laptop</a>, where I met and collaborated with strangers online to write stories, follow movements in my profession, further my education and my career.  The best of the Internet has not changed a bit since those early days &#8212; sharing what we know to further knowledge for everybody. That was the whole point when it began, and that&#8217;s still its strength. People who forget what the internet is in its bones fail fast.</p>
<p>And so it tickles me when I see people &#8212; millions of them &#8212; making stuff and putting it out there, whose reward is answering the impulse to serve, because it&#8217;s a good idea and because they can. Lots of kids. Lots of weekend code jockeys, writers, all sorts of people whose passions keep them up all night, putting stuff online for other people to find.</p>
<p>Case in point: I like graph paper. I bet you do too. But it&#8217;s rarely where I need it when I need it. Enter <a href="http://www.printfreegraphpaper.com">printfreegraphpaper.com</a>. It&#8217;s not a promotional site from a company, not a piece of a bigger pie. I became curious about the site&#8217;s builder, and dug around until I found him. Here&#8217;s Jeremy Hughes, presently of the U.S. Navy, answering my questions about this site he began when he was a student:<br />
<span style="font-style: italic"></span></p>
<p><span style="font-style: italic">Jeremy, why did you make a graph paper site?</span></p>
<p>I originally made the site to support and promote a now defunct dictionary website I created. If I remember right, the graph paper was to allow the user to make custom crossword puzzles.</p>
<p>When choosing my domain name, I wanted something easy to remember. Well, the site fared so well so fast, far outperforming my struggling dictionary website, I decided to focus solely on that site, expanding the selection and improving the layout.</p>
<p>I bought the domain on February 27th 2005, and moved it to its home on March 3rd. To show you how well it took off, a couple days later on March 14th (Pi Day), <em>USA Today</em> listed my site as their hot site of the day.</p>
<p style="font-style: italic">Are you in a graph-paper-using profession? Or, like me, you like to sit and color in the boxes?</p>
<p>Um&#8230;. neither. I was pursuing a degree in architecture at the time, so I knew how to draft with the computer. I love math (even though I&#8217;m not that good at it), so I enjoyed making something relating to it. It was fun researching all the esoteric graph papers.</p>
<p><span style="font-style: italic">How does the site work? Does it generate the paper through dynamic PDFs, or&#8230; what? I&#8217;m not fluent in code, and can&#8217;t tell..<br />
</span><br />
Originally, and currently, the site uses predesigned PDF documents I created, each one-by-one. However, I did explore creating dynamically generated documents. That project ended up being a black-hole of time, and was making the site&#8217;s layout too complicated with all the nuances that were possible. After realizing how much time I was putting into the project, knowing only a handful of people would benefit from the custom documents, while confusing the majority of site visitors with a complicated layout, I decided to scrap to project. You can still see some of my unfinished coding <a href="http://www.printfreegraphpaper.com/">here</a>.</p>
<p><em>Any credits we should mention (designers, cowriter/coders who deserve thanks/credit here?)</em></p>
<p>I needed a custom javascript function to allow me to accommodate hundreds of distinct graph paper documents into a single page. I hired online a coder from Italy named Georgio for that. It was fun working with someone living in a completely different timezone and who speaks only limited English, but we both shared the language of computer code.</p>
<p>Later with the site, I had a concept for a promotional postcard I wanted to send out to school teachers across the country, introducing my site. The concept referenced Harold Edgerton&#8217;s work and showed how with math theres both a theoretical and reality side. Even though the number crunching might be considered arduous, the reality can be full of energy and fun. I hired <a href="http://www.vincepenman.com">Vincent Penmann</a>, a friend I met through a photography class to translate my sketches into print.</p>
<p><em>What kind of response are you getting?</em></p>
<p>Its been very favorable.  I love finding my address on math class syllabuses. I even found a document on NASA&#8217;s website referencing my site to download polar graph paper for a friction workshop.</p>
<p><em>Who uses the site most, do you think?</em></p>
<p>I can tell by looking at my logs that most of my traffic is school kids doing their homework. Nobody likes doing their schoolwork on Friday or Saturday, but there&#8217;s a big rush Sunday night. It&#8217;s pretty steady on the weekdays.</p>
<p><em>Are there enough graph paper geeks out there finding your site and clicking on the Google ads to make it possible for you to live comfortably in Alaska?</em></p>
<p>My site&#8217;s been good to me. One great benefit is I did most of the work awhile ago and now I just need to pay to have my site hosted. It&#8217;s basically cashing in royalty checks for previous work.</p>
<p><em>What is the internet good for, anyway?</em></p>
<p>I think the internet is for sharing and communicating. When one can harness that power to their benefit without infringing on others, that&#8217;s great.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/printfreegraphpapercom/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Teaching the Web Stuff</title>
		<link>http://www.peopledesign.com/teaching-the-web-stuff/</link>
		<comments>http://www.peopledesign.com/teaching-the-web-stuff/#comments</comments>
		<pubDate>Sat, 14 Jun 2008 12:09:04 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Realization]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=112</guid>
		<description><![CDATA[A few years ago I spent some time teaching Web design at Kendall College of Art &#38; Design. This is a rough transcript of the lecture I used on the first day of each semester. It was designed to give a brief overview of the technologies, introduce some new concepts to the students, and scare [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>A few years ago I spent some time teaching Web design at <a href="http://www.kcad.edu/">Kendall College of Art &amp; Design</a>. This is a rough transcript of the lecture I used on the first day of each semester. It was designed to give a brief overview of the technologies, introduce some new concepts to the students, and scare as many as possible into dropping the class&#8230;</p></blockquote>
<p>Hello. My name is John Winkelman, and I will be your instructor for this semester of Web I, Intro to Web Design.</p>
<p>Web design covers a lot of ground. There is the &#8220;look and feel&#8221; &#8212; what you see when you browse to a website. There is the underlying code that goes into the creation of a site. There is the collection of assets &#8212; photos, graphics, audio and video &#8212; all of which are part and parcel of a site. And there are the research and exploration that go into creating the overall user experience.</p>
<p>We have limited amounts of time and resources in this [as for most projects]. So we will focus on some of the simple aspects of Web design, diving as deeply as possible into the basics of writing the code that underlies every page on the Internet. We will focus on <em>how</em> to design websites, and in order to do so effectively, you will need to know what is possible and what is reasonable.</p>
<p>Roughly, the creation of a website can be broken into two parts: The visual design and the structure of the data. Or, information and the presentation of information. If this were bookbinding, the data would be the story and the presentation would be the physical parts of the book and the design choices such as typeface, cover design, type of paper and the like.</p>
<p>[At this point I pull up <a href="http://www.google.com" title="Google">Google</a> on the overhead projector.]</p>
<p>All of you have seen this page. You will probably be using it quite a lot over the course of this semester. This is about as simple as a Web page gets while still being useful. You are looking at the presentation of the page. This (here I &#8220;view page source&#8221; on the page) is the structure of the page. Not so simple, is it? Sometimes it takes a lot of work to make something elegant.</p>
<p>Okay. Let&#8217;s look at something a little more complicated (<a href="http://www.cnn.com" title="Cable News Network">CNN.com</a>). There is a lot going on in this page&#8230; (view page source) and the underlying structure of the page reflects that complexity.</p>
<p>Still awake? Good.</p>
<p>Here is another example, something I whipped up to be an easier introduction (a page where I have created an HTML version of the book <a href="http://pg.eccesignum.org/gutenberg.phtml?sawyr10" title="Tom Sawyer"><em>The Adventures of Tom Sawyer</em></a>).</p>
<p>Okay. This is about as simple as a content-heavy page gets. This is a novel, which means it has a title, subtitle, author information, chapter headers, and paragraphs. Simple, straightforward, and no real surprises. Look at the first few lines of text. Now, let&#8217;s look at the structure of this document (view page source).</p>
<p>Right up at the top, there are the same words, except they have a little extra around each chunk of text, which looks like this:</p>
<p>&lt;p&gt;the text&lt;/p&gt;</p>
<p>Now is a good time to explain the first of two new languages you will learn in this class: <a href="http://en.wikipedia.org/wiki/Html" title="HTML at Wikipedia">HTML</a>, which stands for HyperText Markup Language. Basically, this is a way of describing a chunk of content in such a way that it has logical structure. <em>Hyper</em> text. Text which describes text. This is necessary because we need to be able to control the structure of a document in order to be able to control the way it looks in a Web browser. In order to do this, there is another language &#8212; <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" title="CSS at Wikipedia">CSS</a>, or Cascading Style Sheets &#8212; which we use to control the presentation of documents which we structure using HTML.</p>
<p>There is a third language which Web pages use to allow and control user interaction and manipulation of a document &#8212; <a href="http://en.wikipedia.org/wiki/Javascript" title="Javascript at Wikipedia">JavaScript</a>, which is often referred to in the shortened form &#8220;js.&#8221;</p>
<p>So&#8230; three languages. One for structure, one for presentation and one for interaction. Things, descriptions and uses. Nouns, adjectives and verbs. In this class we will be using only the first two. First, let&#8217;s talk about HTML&#8230;</p>
<p>Please stop crying. We still have a lot to cover today.</p>
<p>The first and primary use of a Web page is to display content of some kind. It doesn&#8217;t matter what this content is. It could be a photo gallery, a concert promo, a blog, a store or a corporate site. It could be simply text, like the <em>Tom Sawyer</em> example. It could be a Web-based game, like those found at <a href="http://www.ferryhalim.com/orisinal/" title="Orisinal">Orisinal</a> or <a href="http://www.kongregate.com/" title="Kongregate">Kongregate</a>. It could be a movie appreciation site. It could be in English, Japanese, Arabic, Russian or French or all of these languages. Or it could be any combination of these. No matter what is presented to the user, under the hood the structure is fundamentally the same. HTML is HTML is HTML. At the base  level, every web page in the world is created using the same tool set. And that is another way of thinking about HTML &#8212; it is a set of tools you use to build things. I guess in that sense, it kind of makes this class more of an apprenticeship.</p>
<p>Every chunk of content that you want to display on a website is one of a limited number of possibilities: A headline. A paragraph. A link. An image. A table. A list. Because it is a language, HTML has several layers of interpretation. It has syntax, which is the words available for use, and it has semantics, which is the way in which the words are used. Syntax and semantics. Describing things, and placing them in context with one another.</p>
<p>There are around 85 words in the HTML language, and they conform, more or less, with the uses to which they are meant to be put. For example:</p>
<p>&lt;p&gt;&lt;/p&gt; &#8211; Paragraph<br />
&lt;b&gt;&lt;/b&gt; &#8211; bold text<br />
&lt;i&gt;&lt;/i&gt; &#8211; italic text<br />
&lt;ol&gt;&lt;/ol&gt; &#8211; ordered list<br />
&lt;table&gt;&lt;/table&gt; &#8211; tabular data<br />
&lt;html&gt;&lt;/html&gt; &#8211; an HTML document</p>
<p>(A list of all available words can be found <a href="http://www.w3schools.com/">here</a>.)</p>
<p>Out of these words, you will probably use about twenty of them this semester. Notice that these words come in pairs, each half of the pair surrounded by angle brackets. Taken together, they are called &#8220;tags&#8221; or &#8220;elements&#8221; or &#8220;nodes.&#8221; Using these tags, we mark up a document to give it structure and meaning. Look at this example in a browser&#8230;</p>
<p>(The poem &#8220;<a href="http://class.eccesignum.org/files/raven_0.html" title="The Raven, no HTML">The Raven</a>.&#8221;)</p>
<p>In a browser, it is all jumbled together. No line breaks, no formatting of any kind. Just one big, long, run-on sentence. Now, we add a couple of tags to give this semantic meaning.</p>
<p>(<a href="http://class.eccesignum.org/files/raven_1.html" title="The Raven, minimal HTML">A piece of &#8220;The Raven&#8221; with minimal HTML included</a>: &lt;p&gt; tags around the stanzas.)</p>
<p>Now it looks a little better, doesn&#8217;t it? The stanzas are broken out. We have provided a little structure. We have given the distinct pieces of this poem meaning.</p>
<p>(<a href="http://class.eccesignum.org/files/raven_2.html" title="THe Raven, some HTML">Add headline tags around title and author</a>.)</p>
<p>Now things are looking a even better. The title-level pieces of the document are called out as distinct units of information. Now let&#8217;s go one step further and add some line breaks to the ends of the lines.</p>
<p>(<a href="http://class.eccesignum.org/files/raven_3.html" title="The Raven, marked up with HTML">Add BR tags</a>.)</p>
<p>Now it looks like a poem! All the lines break where they should. The title or headline and subtitle or subhead are obvious. The content has been structured so that it retains its original meaning. When the browser looks at a text document, it doesn&#8217;t automatically know what all the pieces and parts are. We have to tell it what they are.</p>
<p>Notice that other than adding those HTML elements to the document, I didn&#8217;t change how it was laid out. The breaks we put in aren&#8217;t necessarily part of the presentation of the document. The structure of a poem requires that lines end after specific words. Therefore the line breaks are part of the content.</p>
<p>Looking at this document with a Web browser, we can see the structure of the document. We have done nothing to say how it is to be presented. In order to do so, we need to use another language: CSS, also called Cascading Style Sheets, or simply stylesheets. We will learn about those after the break.</p>
<p>Any questions? No? Y&#8217;all already know everything there is to know about building websites? Good. My work here is complete.</p>
<blockquote><p>To their credit, none of my students ever dropped the class because of this lecture.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/teaching-the-web-stuff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Immersed</title>
		<link>http://www.peopledesign.com/immersed/</link>
		<comments>http://www.peopledesign.com/immersed/#comments</comments>
		<pubDate>Tue, 03 Jun 2008 17:31:17 +0000</pubDate>
		<dc:creator>Sharon</dc:creator>
				<category><![CDATA[Strategy]]></category>
		<category><![CDATA[design management]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=109</guid>
		<description><![CDATA[A while ago, a colleague with a strong background in interactive design and user experience suggested that I attend An Event Apart in New Orleans with some of his team members. I had mentioned to him that I wanted to learn more about the Web; he suggested I dive right in. From a communications standpoint, [...]]]></description>
			<content:encoded><![CDATA[<p><!--StartFragment--></p>
<p>A while ago, a colleague with a strong background in interactive design and user experience suggested that I attend <a href="http://www.aneventapart.com/">An Event Apart</a> in New Orleans with some of his team members. I had mentioned to him that I wanted to learn more about the Web; he suggested I dive right in.</p>
<p>From a communications standpoint, I was looking for ways to utilize online tools to help clients get their message out. What I learned was much more than that.</p>
<p>I listened to a series of speakers on topics ranging from design to best practices to technical application. Although some of the topics were a bit over my head, what became clear is that the people building the sites we visit every day are working hard to standardize, validate and communicate the importance of the work they are doing in this &#8220;young&#8221; medium.</p>
<p>Several speakers shared a common interest in pushing the medium to tell a better story. Perspectives on how to achieve this emphasized content, structure, usability, design, findability, and how all ingredients are necessary to deliver a meaningful experience.</p>
<p><a href="http://www.cameronmoll.com/">Cameron Moll</a>, author of <a href="http://mobilewebbook.com/"><em>Mobile Web Design</em></a>, based his presentation on the importance of being solution-focused vs. problem-focused &#8212; how articulating the problem clearly gets us closer to an effective solution.</p>
<p><a href="http://www.happycog.com/">Happy Cog Studios</a> designer <a href="http://jasonsantamaria.com/">Jason Santa Maria</a> spoke about how   design for the Web has been driven by technology rather than message, adding that the form of the design should be driven by the story.</p>
<p><a href="http://aarronwalter.com/">Aaron Walter</a>, author of <a href="http://buildingfindablewebsites.com/"><em>Building Findable Websites</em></a>, talked about <a href="http://en.wikipedia.org/wiki/Semantic_Web">the Semantic Web</a> and how good content helps users find the sites they seek. He promoted the idea of providing rich information as the best way gain rank on user searches.</p>
<p>All of these speakers shared an interest in continual improvement. They discussed ways to work around technological limits to move the capabilities further. And they wanted help convincing clients and other influencers &#8212; many of whom may not be familiar with the format &#8212; to trust the designers&#8217; expertise and allow them to guide clients through a process to achieve the clients&#8217; goals.</p>
<p>Although I view a Web page on a flat screen, I have learned that there is dimension beyond the content and imagery presented  there. In order to build that site, you have to consider the structure, the presentation and how it all behaves. All of those layers have their own parameters. It&#8217;s the magic in how they&#8217;re built and applied that results in a successful site on every level. It takes coordination and planning to do it right.</p>
<p>As someone with a print background, I drew many parallels to my first <a href="http://www.aiga.org/">AIGA</a> conference (which, coincidentally, also took place in New Orleans). It was 1997. I was one of many designers gathered to discuss issues across disciplines and gain inspiration from the speakers. More than that, we gathered to join in a movement to continue establishing credibility for our profession and promote the value that design brings to business.</p>
<p>An Event Apart seems to have similar intentions &#8212; and similar momentum. So I didn&#8217;t just test the waters. I dove in and got the whole experience. It gave me insight I wouldn&#8217;t have gained otherwise. The conference will definitely impact how I work with the people who build and design websites, and how I think about all that goes into doing their jobs well.</p>
<p><!--EndFragment--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/immersed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Do your friends know what you do for a living?</title>
		<link>http://www.peopledesign.com/do-your-friends-know-what-you-do-for-a-living/</link>
		<comments>http://www.peopledesign.com/do-your-friends-know-what-you-do-for-a-living/#comments</comments>
		<pubDate>Mon, 28 Apr 2008 18:43:03 +0000</pubDate>
		<dc:creator>Sharon</dc:creator>
				<category><![CDATA[Realization]]></category>
		<category><![CDATA[design management]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=98</guid>
		<description><![CDATA[It&#8217;s a standing joke around here when family visits a coworker or newcomers excitedly tell their parents they got a job in a design firm. Inevitably the next question is, &#8220;Do they really know what you do?&#8221; You usually get that sideways smirk with a negative nod and within minutes people are sharing their own [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s a standing joke around here when family visits a coworker or newcomers excitedly tell their parents they got a job in a design firm. Inevitably the next question is, &#8220;Do they really know what you do?&#8221; You usually get that sideways smirk with a negative nod  and within minutes people are sharing their own stories. Comments like, &#8220;You draw pictures right?&#8221; or &#8220;I know, you make things on the computer,&#8221; aren&#8217;t uncommon at all.</p>
<p>The complexity of design is often missed because our job, if done well, is to make things simple and easy to understand. Despite design&#8217;s rich history, not everyone knows or appreciates its impact on their daily lives. I don&#8217;t think the majority of  people commonly consider design when holding a fork or loading laundry in a new front loading washer.</p>
<p>The part that innovation plays in evolving what we do and how we do it day-to-day is amazing when you do stop to think about it. Design is about function and purpose. If it&#8217;s successful, in a sense, it almost disappears or becomes an afterthought. Within our industry, I believe the benefits design brings to business are probably well understood, but the process to achieve them is not.</p>
<p>Recently I picked up a book by Alina Wheeler entitled <a href="http://www.amazon.com/Designing-Brand-Identity-Complete-Maintaining/dp/0471746843/ref=pd_bbs_sr_1?ie=UTF8&amp;s=books&amp;qid=1209064912&amp;sr=8-1"><em>Designing Brand Identity</em></a>. It&#8217;s a great resource for anyone interested in the process of brand development and is outlined with wonderful visuals and quotes by notables in the design industry that support the thinking.  What I love about it most is that it&#8217;s straightforward, yet doesn&#8217;t over simplify the necessary steps to achieve the best possible results. It&#8217;s clear that great design takes smarts, hard work and diligence. Because I work with this type of information every day, Wheeler&#8217;s book has become a valued reference for me. I refer to it in my own writing and have encouraged our designers here to spend some time with it themselves.</p>
<p>Many of the concepts we try to convey can be difficult for some people to understand.  This book helps bridge that gap.One of the most important things we bring as designers is the ability to develop solutions that connect with people on an emotional level. We can do this not only because designers are problem solvers but because they have the ability to present the solution with insight, objectivity and creativity.</p>
<p>Design is receiving much recognition as a catalyst for driving success in the marketplace. You hear a great deal about designers finally being invited to sit at the business table. What we need to remember is that the seat at the table will remain open to us only if we continue to make our role clear and communicate the value we bring to business in the form of solutions. It&#8217;s no longer just about designing artifacts. It goes deep into understanding and impacting the customer&#8217;s experience, shaping perceptions and communicating effectively &#8212; to friends and all.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/do-your-friends-know-what-you-do-for-a-living/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Mapping Life</title>
		<link>http://www.peopledesign.com/the-mapping-life/</link>
		<comments>http://www.peopledesign.com/the-mapping-life/#comments</comments>
		<pubDate>Thu, 24 Apr 2008 22:00:00 +0000</pubDate>
		<dc:creator>John</dc:creator>
				<category><![CDATA[Realization]]></category>
		<category><![CDATA[experience design]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=92</guid>
		<description><![CDATA[Google Maps and Crime Statistics. When Google was in town recently, one of the applications they highlighted was a map someone had created which displayed crime information in the city of Baltimore, Maryland. Since then, crime maps of various cities seem to be getting increased exposure. Therefore, here is the story of one I created [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">Google Maps and Crime Statistics.</p>
<p class="MsoNormal"><o:p></o:p>When Google was in town recently, one of the applications they highlighted was a map someone had created which displayed crime information in the city of <st1:place w:st="on"><st1:city w:st="on">Baltimore</st1:city>,  <st1:state w:st="on">Maryland</st1:state></st1:place>. Since then, <a href="http://en.wikipedia.org/wiki/Crime_mapping" title="Crime Mappings">crime maps</a> of various cities seem to be getting increased exposure. Therefore, here is the story of one I created for <st1:city w:st="on"><st1:place w:st="on">Grand Rapids</st1:place></st1:city>.</p>
<p>Over the past ten years, my car has been broken into four times. The first two were simple take-coins-from-the-cup-holder incidents. The last two involved broken windows and stolen stereos. After replacing the second stereo I started looking around to see if other <st1:city w:st="on"><st1:place w:st="on">Grand Rapids</st1:place></st1:city> folks had suffered similar indignities. There was no single source of local crime information available at the time. So, in the summer of 2006, I decided to do something about it.</p>
<p class="MsoNormal">In 2005, journalist Adrian Holovaty created the <a href="http://chicago.everyblock.com/crime/" title="Chicago Crime Map">Chicago Crime Map</a>. This map had everything I wanted, and was getting a lot of positive attention. After a little digging, I found a tutorial, downloaded a Google code library, and in about an hour I had my first map.</p>
<p class="MsoNormal"><span></span>Creating the Google Maps mash-up was easy. Finding information with which to populate it took a little more work. The GR Police Department publishes yearly statistics, but at the time, nothing with the level of data granularity I needed. So I turned to the media. Crimes are reported all the time. <st1:city w:st="on"><st1:place w:st="on">Grand Rapids</st1:place></st1:city> has several news websites. Finding things to post would be easy.<o:p> </o:p></p>
<p class="MsoNormal">Unfortunately, not as easy as I had hoped. At the start of this project, only <a href="http://www.woodtv.com" title="WOOD TV">WOODTV</a> had information accessible, archived, up-to-date, and information-rich. The rest of the local news outlets were too difficult to search, too slow to update, or simply didnâ€™t cover enough local news. So WOODTV became my information source for the map.<o:p> </o:p></p>
<p class="MsoNormal">One of the unspoken rules of journalism is â€œIf it bleeds, it leads.â€ The more lurid the crime, the more attention it gets. A drive-by shooting gets in-depth coverage (as it should). A bicycle stolen from a back porch goes by unnoticed. Given the nature of this beast, the information I most wanted was not available from traditional media outlets. I used what I could find, so the crime map leans heavily toward violent crimes. Not a misdemeanor to be seen.<o:p><br />
</o:p></p>
<p class="MsoNormal">PRESENT:</p>
<p class="MsoNormal">This is the process I use for updating the map: I visit the local news websites a couple of times a day. When an incident is reported, I grab the direct link to the story, then go to <a href="http://maps.google.com" title="Google Maps">maps.google.com</a> and enter the address (if provided), or hunt around until I find the location (â€œnear the intersection of X and Y streetsâ€) From this I can retrieve the zip code, city quadrant, and latitude/longitude information, all of which I then enter into the XML file which contains all of the information for the crime map.</p>
<p class="MsoNormal">In raw code, each incident looks like this:<o:p> </o:p></p>
<pre>&lt;<span class="start-tag">incident</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">type</span>&gt;Homicide&lt;/<span class="end-tag">type</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">date</span>&gt;2006.08.07&lt;/<span class="end-tag">date</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">street</span>&gt;<st1:street w:st="on"><st1:address w:st="on">1100 Crime Street SE</st1:address></st1:street>&lt;/<span class="end-tag">street</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">city</span>&gt;<st1:place w:st="on"><st1:city w:st="on">Grand Rapids</st1:city>, <st1:state w:st="on">MI</st1:state> <st1:postalcode w:st="on">49506</st1:postalcode></st1:place>&lt;/<span class="end-tag">city</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">quadrant</span>&gt;SE&lt;/<span class="end-tag">quadrant</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">latitude</span>&gt;42.953&lt;/<span class="end-tag">latitude</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">longitude</span>&gt;-85.641&lt;/<span class="end-tag">longitude</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">notes</span>&gt;Joe Smith shot and killed in his house&lt;/<span class="end-tag">notes</span>&gt;</pre>
<pre><span>        </span>&lt;<span class="start-tag">news_source</span>&gt;</pre>
<pre><span>               </span>&lt;<span class="start-tag">n</span>&gt;http://woodtv.com/Global/story.asp?S=xxxxxx&lt;/<span class="end-tag">n</span>&gt;</pre>
<pre><span>        </span>&lt;/<span class="end-tag">news_source</span>&gt;</pre>
<pre>&lt;/<span class="end-tag">incident</span>&gt;<o:p>
</o:p></pre>
<p class="MsoNormal">Once completed, I upload the XML file to the website and voila! Up-to-date crime statistics. Or as close as I have been able to get so far.<o:p> </o:p></p>
<p class="MsoNormal">FUTURE:<o:p> </o:p></p>
<p class="MsoNormal">With this as a base, there are many directions I could go with this map. The most useful would be to plug directly into the database at the Grand Rapids Police Department. That way every reported crime would be visible, and given the information density, the map would become much more useful.<o:p> </o:p></p>
<p class="MsoNormal">I would like to see crimes broken down by time of day, as well as date and location.<o:p> </o:p></p>
<p class="MsoNormal">I would like to add a timeline with an auto-play feature, so users can discover patterns in the locations and types on any given day.<o:p> </o:p></p>
<p class="MsoNormal">Example: Look at all the crimes committed over a 24-hour period. Time-stamp them. Use the location to back-track and perhaps discover the origin of a particular spree. This would have been useful the second time my stereo was stolen, as this was part of a rash of car break-ins, at least a dozen of which happened on the same block in a week.<o:p> </o:p></p>
<p class="MsoNormal">Perhaps most important, I want to have details of minor property crimes available. For every murder in <st1:city w:st="on"><st1:place w:st="on">Grand Rapids</st1:place></st1:city>, there are probably a couple of hundred burglaries. I would think that people would get more use out knowing about the quiet, minor stuff, than seeing major news stories duplicated.<o:p> </o:p></p>
<p class="MsoNormal">I would also like to convert the page over to being run by a blogging tool of some kind, so people can comment on the events of the day.<o:p> </o:p></p>
<p class="MsoNormal">The crimes which are reported by the media are the smallest tip of the iceberg of the actual incidents that happen in a city. In 2007 I placed around a hundred incidents on the map. In that year there were roughly 15,000 crimes â€“ felonies and misdemeanors &#8211; committed in the greater <st1:city w:st="on"><st1:place w:st="on">Grand Rapids</st1:place></st1:city> area.<o:p><br />
</o:p></p>
<p class="MsoNormal">CURRENT AND POTENTIAL REACTIONS<o:p> </o:p></p>
<p class="MsoNormal">Not long after I created the map I began to get referral hits from a local church. A little while later, I began to get hits from the Urban Planet forums. And shortly thereafter I discovered myself on the front page of Google when searching for â€œ<st1:city w:st="on"><st1:place w:st="on">grand   rapids</st1:place></st1:city> crimeâ€, or any variation thereof. So there is an interest in this kind of information being made publicly available.</p>
<p class="MsoNormal"><o:p></o:p>Recently, I contacted Adrian Holovaty and asked him how people had reacted to the creation of the Chicago Crime Map. He said that everyone who had seen it â€“ citizens, police, and local government officials, were happy to have it available, and somewhat surprised that nothing like this had been created previously. The only criticism was the lack of specific crime details. Mr. Holovaty recommended that I add a disclaimer to the effect that the data presented in the map is only as accurate as the sources from which it is gathered. Inaccurate data coming in equals inaccurate data going out.<o:p> </o:p></p>
<p class="MsoNormal">This issue brought into focus another issue: the right to privacy of the victims of residential crimes. For most such incidents, the news sources reference the nearest crossroads, rather than specific addresses. I try to place the markers on the map appropriately, or in the middle of the block if a crime happened in â€œthe 1600 block of SomeStreetâ€. For public space crimes â€“ bank robberies, and the like â€“ specific addresses are generally offered,<span>  </span>and I place the markers as close to dead-on as I can.<o:p> </o:p></p>
<p class="MsoNormal">In my opinion, more information can only be a good thing. The more we know about the places we live, the safer we are. The potential exists for businesses to suffer if people know that crimes have been committed nearby, but in the long view being well-informed is more important,<o:p> </o:p></p>
<p class="MsoNormal">CODA<o:p><br />
</o:p></p>
<p class="MsoNormal">The <a href="http://crime.eccesignum.org" title="Grand Rapids Crime Map">crime map</a> is now more than a year and a half old.<span>  </span>Between 250 and 300 people view the page every month, and those numbers seem to be (slowly) growing. Soon I will begin a conversation with the GRPD regarding the use of their information in my project.<o:p> </o:p></p>
<p class="MsoNormal">I for one would have like to have seen the statistics on stolen car stereos before I decide to leave my car unattended on a particular curb.<o:p>  If I can prevent one car stereo from being ripped out of a dashboard, I will consider this project to be a success. </o:p></p>
<p class="MsoNormal">OTHER MAPS<o:p> </o:p></p>
<p class="MsoNormal">The following is a list of other crime map mash-ups in other cities in the <st1:place w:st="on"><st1:country-region w:st="on">US</st1:country-region></st1:place>.<o:p> </o:p></p>
<p class="MsoNormal"><st1:city w:st="on"><st1:place w:st="on">Chicago</st1:place></st1:city>: <a href="http://chicago.everyblock.com/crime/">http://chicago.everyblock.com/crime/</a> (the first widely-known crime map mashup, created by Adrian Holovaty)<o:p> </o:p></p>
<p class="MsoNormal"><st1:place w:st="on">New England</st1:place>: <a href="http://www.incidentlog.com/">http://www.incidentlog.com/</a><o:p><br />
</o:p></p>
<p class="MsoNormal"><st1:state w:st="on"><st1:place w:st="on">New York</st1:place></st1:state>: <a href="http://www.nytimes.com/packages/html/nyregion/20060428_HOMICIDE_MAP.html">http://www.nytimes.com/packages/html/nyregion/20060428_HOMICIDE_MAP.html</a><o:p><br />
</o:p></p>
<p class="MsoNormal"><st1:city w:st="on"><st1:place w:st="on">Los Angeles</st1:place></st1:city>: <a href="http://www.latimes.com/news/local/crime/homicidemap/">http://www.latimes.com/news/local/crime/homicidemap/</a></p>
<p class="MsoNormal">Oakland County: <a href="http://oakland.crimespotting.org">http://oakland.crimespotting.org</a></p>
<p class="MsoNormal">Large, detailed list of current crime maps: <a href="http://journalistopia.com/2007/09/06/journalistopias-online-crime-maps-directory/">http://journalistopia.com/2007/09/06/journalistopias-online-crime-maps-directory/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/the-mapping-life/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>It&#8217;s a User-Generated World</title>
		<link>http://www.peopledesign.com/its-a-user-generated-world/</link>
		<comments>http://www.peopledesign.com/its-a-user-generated-world/#comments</comments>
		<pubDate>Thu, 21 Feb 2008 05:16:58 +0000</pubDate>
		<dc:creator>Kevin</dc:creator>
				<category><![CDATA[Strategy]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=91</guid>
		<description><![CDATA[Original author Victor Sirotek More and more companies are realizing there is a lot to be gained by joining the world of user-generated content. Think Facebook or Myspace, but with a model that allows users to submit and potentially monetize their ideas. I can&#8217;t help but think that by allowing individuals to create and experiment [...]]]></description>
			<content:encoded><![CDATA[<p>Original author Victor Sirotek </p>
<p>More and more companies are realizing there is a lot to be gained by joining the world of user-generated content. Think Facebook or Myspace, but with a model that allows users to submit and potentially monetize their ideas. I can&#8217;t help but think that by allowing individuals to create and experiment on a global platform, companies will find that it increases innovation, brand loyalty and can be quite lucrative.</p>
<p>Companies like <a href="http://www.threadless.com">Threadless.com</a> are entirely based on a user-generated, user-chosen model. Threadless is a website that sells t-shirts. The catch is that every single shirt on the site was designed and submitted by a user, then voted on by the community. It is incredibly empowering for the users and it also creates a sort of loyalty that you will just never find at a traditional shopping site. Threadless only sells what it knows the community will buy. The users run the store in most ways.</p>
<p>This week at the Game Developer&#8217;s Conference, Microsoft made it&#8217;s <a href="http://www.xna.com/">XNA game development platform</a> available to the public to play with on their Xbox 360&#8242;s in their living rooms. XNA is a game development system that has existed for a couple of years and has allowed average people to create content. It wasn&#8217;t until now that anyone has actually seen XNA bear any fruit. The most impressive thing about it is that it really does set a new standard in user-generated content. No longer do small developers or bedroom dabblers have to wonder how to get their efforts out to the masses.</p>
<p>This is one of those things that Microsoft does on occasion that is actually really interesting and will raise the bar for others. Allowing anyone to download the toolkit and create their own software is one thing. It has been done over and over again to limited success since the dawn of the computer. What&#8217;s interesting here is taking the benefits of that, combining it with the power of a social network to deliver that content to the masses. It actually works quite a lot like Threadless by allowing its users to create, submit, review, and published out to Xbox Live and into the living rooms of millions.</p>
<p>It is really interesting to see this market develop. Stores, publishers and companies no longer have to build everything. They can build a framework that is open enough for people to innovate and then allow them in, handing the keys to the masses. It&#8217;s a user-generated world, and I can&#8217;t wait to see everyone there!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/its-a-user-generated-world/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Can the internet help a local business reach a local audience?</title>
		<link>http://www.peopledesign.com/is-there-a-local-audience-online/</link>
		<comments>http://www.peopledesign.com/is-there-a-local-audience-online/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 19:20:14 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Strategy]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[brand]]></category>
		<category><![CDATA[experience design]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[learning]]></category>
		<category><![CDATA[user interface design]]></category>

		<guid isPermaLink="false">http://www.peopledesign.com/ideas/?p=63</guid>
		<description><![CDATA[Can the internet help a local business reach a local audience? Does the internet help with the Wal-Mart problem? Let&#8217;s say you own a clothing store selling unique creations of your own design and you want to promote yourself online. OK, where do you start? Letâ€™s say you buy a domain and set up a [...]]]></description>
			<content:encoded><![CDATA[<p>Can the internet help a local business reach a local audience? Does the internet help with the <a href="http://reclaimdemocracy.org/walmart/index.html">Wal-Mart problem</a>?</p>
<p>Let&#8217;s say you own a clothing store selling unique creations of your own design and you want to promote yourself online.</p>
<p>OK, where do you start? Letâ€™s say you buy a domain and set up a website. You have a hands-on approach to selling, you are a consultant and a confidante to your customer. You want to establish strong personal loyalty and use the web to help prompt users when things that might interest them arise.</p>
<p>First, letâ€™s imagine you are a prospective customer for this clothing store. You are new to town and are looking for something unique. You go to Google and you search for: &#8220;<a href="http://www.google.com/search?q=grand+rapids+clothing+store&amp;rls=com.microsoft:*&amp;ie=UTF-8&amp;oe=UTF-8&amp;startIndex=&amp;startPage=1" target="_blank">grand rapids clothing store</a>.&#8221; Some telling things result:</p>
<table width="100">
<tr><a href="http://www.peopledesign.com/wp-content/uploads/2008/01/clothing-store.jpg" title="Clothing store"><img src="http://www.peopledesign.com/wp-content/uploads/2008/01/clothing-store.jpg" alt="Clothing store" height="185" width="449" /></a></tr>
</table>
<p>So Google is trying to help us find localized content. They list out three clothing retailers and a map to their locations.</p>
<p>But the first one is particularly troubling. Wal-Mart. Even more troubling is the link: <a href="http://www.visitgrandrapids.org/" target="_blank">http://www.visitgrandrapids.org</a>. This is the official site of the Grand Rapids/Kent County Convention &amp; Visitors Bureau, a non-profit organization. Hmm. That&#8217;s a problem. How did this happen?</p>
<p><span id="more-194"></span>We need to contact this organization and get on whatever list it is that they have. So let&#8217;s dig in:<br />
<a href="http://www.visitgrandrapids.org/partners-info.php">http://www.visitgrandrapids.org/partners-info.php</a></p>
<p>Great, this must be what Wal-Mart did right? Letâ€™s take a look:</p>
<p><a href="http://www.visitgrandrapids.org/business-links.php#W" target="_blank">http://www.visitgrandrapids.org/business-links.php#W</a></p>
<p>Nope no Wal-Mart. So why is Wal-Mart there? Let&#8217;s search:</p>
<p><a href="http://www.visitgrandrapids.org/search.php?q=walmart">http://www.visitgrandrapids.org/search.php?q=Wal-Mart</a></p>
<p>Nope, nothing. Hmm, and yet they garner top billing on Google. Let&#8217;s get <a href="http://maps.google.com/maps?rls=com.microsoft:*&amp;ie=UTF-8&amp;oe=UTF-8&amp;um=1&amp;q=clothing+store&amp;near=Grand+Rapids,+MI&amp;fb=1&amp;view=text&amp;sa=X&amp;oi=local_group&amp;resnum=1&amp;ct=more-results&amp;cd=1" target="_blank">the full local view on Google</a>. There&#8217;s Wal-Mart, loud and proud.</p>
<p>Now if we set aside that Wal-Mart is dominating the local clothing store market on Google, we can see that the rest of the list is more in line with what we would hope to find. So how do we get our business listed in Google? Simple: <a href="http://www.google.com/local/add/lookup?hl=en-US&amp;gl=US" target="_blank">Go here</a>. Fill out some forms. You&#8217;re in.</p>
<p>Did you see it? The website field?</p>
<p>Let&#8217;s suppose someone at Wal-Mart registered the local store with Google after they had done a search on Grand Rapids. The top result is, you guessed it, <a href="http://www.visitgrandrapids.org/" target="_blank">http://www.visitgrandrapids.org</a>. Suppose Wal-Mart entered this as their website. Google took this to mean that Wal-Mart is this domain which is the top domain for Grand Rapids. By adding this url as their own, they give themselves top billing in this local search result. There may be other search terms they are â€œowningâ€ for free in this way. Presumably Google values this association above all others and Wal-Mart is exploiting it. Bad Wal-Mart.</p>
<p>I wonder what Google would do to punish our hypothetical local clothing store if we tried the same exploit? Do you think they will do this to Wal-Mart as well? Gosh I hope so. It adds insult to injury in my mind that Wal-Mart didn&#8217;t bother to submit a link to the site they are exploiting. (BTW it costs $200 to get <a href="http://www.visitgrandrapids.org/partnerapps/shopping.pdf" target="_blank">listed</a>).</p>
<p><a href="http://search.live.com/results.aspx?q=grand+rapids+clothing+store" target="_blank">Let&#8217;s look at Microsoft.</a> And drill in to the local listings <a href="http://localsearch.live.com/localsearch/default.aspx?what=clothing+store&amp;where=Grand+Rapids%2c+MI&amp;s_cid=ansPhBkYp01" target="_blank">here</a>. Lots of interesting differences. For one the playing field seems a little leveler. This is likely because fewer people are using it. Also look at <a href="http://local.yahoo.com/results?p=clothing+store+grand+rapids" target="_blank">Yahoo!</a> The addition of a neighborhood filter is interesting, but do they really know the local market?</p>
<p>Letâ€™s not stop there:<br />
<a href="http://grandrapids.craigslist.org/">http://grandrapids.craigslist.org/</a><br />
<a href="http://outside.in/Grand_Rapids_MI/places/category/Clothing">http://outside.in/Grand_Rapids_MI/places/category/Clothing</a><br />
These links are intriguing because there are active locals reviewing stores. That means real customers.</p>
<p>But the following links may be the most important because they were actually created by real local people:</p>
<p><a href="http://viget.org/Category:Stores">http://viget.org/Category:Stores</a><br />
<a href="http://www.grnow.com/">http://www.grnow.com/</a><br />
<a href="http://www.localfirst.com/members/shopping">http://www.localfirst.com/members/shopping</a></p>
<p>Hopefully this little primer will give you some leads on how to promote your business online. Submitting to these directories is important for establishing a presence for your store, but what may be more important is realizing how these systems connect and work together to promote your store. Submitting to these directories will not cost you any money, just a couple hours and you&#8217;ve raised awareness of your website.</p>
<p>The fact that Wal-Mart knows how to exploit these systems does not endear them. It does raise a question about just how knowledgable you need to be in order to compete online. In fact, I&#8217;ve hopefully raised a lot of questions about just what it takes to communicate to a local market. What is the best directory to be listed on to reach Grand Rapids? Well, all of them of course. If you ask your customers how they found you, that can help inform your decision.</p>
<p>It would be great if there were a definitive guide. That would likely make the problem of reaching a local online audience easier to solve. But no one has owned this as of yet. There have been a number of efforts I would hate to overlook (<a href="http://www.searchgrandrapids.com/">http://www.searchgrandrapids.com/</a>) but for now it&#8217;s better to cast yourself broad. If you can&#8217;t find yourself, submit your site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.peopledesign.com/is-there-a-local-audience-online/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
