The Paper Version of the Web

Search Options	close
Search the following clips: All Clips
news science politics food economy art
technology health internet religion psychology
Sign Up Install Learn More Login

	The Paper Version of the Web
Sheroug
6-28-2008 9:06 AM
381 views
Add a Comment
Login to Comment. Not a member yet? Sign up
Today's Top Clips

visit the Top Clips page
View the Top Clips from June 28, 2008
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/4fcf1e2f-bc88-46c9-993c-f986229faa59/03CE343C-9D37-48B4-9E62-95F27827EF4F/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://deeplinking.net/paper-web/" href="http://deeplinking.net/paper-web/" style="font-size: 11px;">deeplinking.net</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><P>People have been sketching user interfaces since the birth of the web (possibly even before) but the sketches usually stay locked away in old notebooks and discarded bar napkins in Austin, Texas. Many of the websites we use started out as scrawlings, and with people like <A href="http://www.nngroup.com/reports/prototyping/video_stills.html">Jakob Nielsen</A> and <A href="http://blog.jonudell.net/2007/05/31/a-conversation-with-bill-buxton-about-design-thinking/">Bill Buxton</A> spreading the gospel of faster, cheaper <A href="http://www.alistapart.com/articles/paperprototyping">paper prototypes</A>, “<A href="http://blog.wired.com/underwire/2008/03/sxsw-this-years.html">next year’s Twitter</A>” may already exist on paper. </P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><P>We don’t usually get to see this handmade stage of the web, but some folks have been thoughtful/narcissistic enough to upload photos of their UI sketches, and I find them fascinating. </P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/deeplinking.net/img/EE8FB004-6390-4649-AF5E-7AAD77044B66" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><CENTER>Jack Dorsey’s <A href="http://www.flickr.com/photos/jackdorsey/182613360/">original sketch</A> for <A href="http://twitter.com/">Twitter</A> (”Stat.us”)</CENTER></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/deeplinking.net/img/F18009C9-007A-4E2B-8B0A-381AF206007A" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><CENTER>Dan Catt’s <A href="http://www.flickr.com/photos/35468159852@N01/2072452369">concept sketch</A> for <A href="http://www.flickr.com/places/">Flickr Places</A></CENTER></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/deeplinking.net/img/93239183-A611-4C47-8FBC-2AE29D852469" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><CENTER><A href="http://www.flickr.com/photos/soxiam/2182204230">Profile page idea</A> for <A href="http://vimeo.com">Vimeo</A> by Sockyung ‘Sox’ Hong</CENTER></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/">UI designers sketch with <A href="http://www.37signals.com/svn/posts/466-sketching-with-a-sharpie">Sharpies</A> but Sox prefers <A href="http://en.wikipedia.org/wiki/Staedtler">Staedtler</A> pens</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/deeplinking.net/img/EBFA815D-2480-421F-BCD3-648BED65A790" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><CENTER>Initial <A href="http://www.flickr.com/photos/emilychang/457358798/">concept sketch</A> for <A href="http://twitterverse.com/">Twitterverse</A> by Emily Chang</CENTER></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/deeplinking.net/img/B2E363FD-B5FD-4FA3-AD82-7D7392764F59" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><CENTER><A href="http://flickr.com/photos/erikpukinskis/202173957">Sketch</A> for a version of the <A href="http://www.abisource.com/">AbiWord</A> word processing program for <A href="http://laptop.org/vision/index.shtml">One Laptop Per Child</A> by Erik Pukinskis</CENTER></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/deeplinking.net/img/C8FCA488-5614-4D9C-AAD8-C589BD1A4182" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><A href="http://www.mysociety.org/projects">mySociety</A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/deeplinking.net/img/87C9B8F8-C1BB-4D87-9FBB-7D16D8D015FA" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/">unnamed museum collection</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://deeplinking.net/paper-web/"><div align="center"><embed src="http://www.youtube.com/v/GrV2SZuRPv0&hl=en" height="329" width="400" wmode="opaque" quality="high" type="application/x-shockwave-flash"></embed></div></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/03CE343C-9D37-48B4-9E62-95F27827EF4F/blog/" title="blog or email this clip"><img src="http://content9.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!
Clipmarks: Home; New Clips; Top Clips; Dashboard
Popular Topics: News; Life; Science; Technology; Entertainment
Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch
Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map
About Clipmarks: About Us; Contact; Copyright; Privacy; EULA
Search Options

Today's Top Clips
