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 Jakob Nielsen and Bill Buxton spreading the gospel of faster, cheaper paper prototypes, “next year’s Twitter” may already exist on paper.
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.
Many UI designers sketch with Sharpies but Sox prefers Staedtler pens, which are from Germany and built for engineers. He has a vast portfolio of UI sketches on Flickr.
Finally, some high-intensity paper-prototyping action via YouTube:
56 Comments
Nice post. Found via Digg and dugg!
It’s a real shame that many web ‘designers’ don’t even think of sketching these days.
Sketching is my absolute favorite part of any project. This is great, thanks for sharing it.
Quite nice, sketching is great fun, no?
When you work with paper, people see the hand-drawn lines and get the message that it’s a work in progress. If your lines are too crisp, e.g. with a wireframe, people often mistake it for the real thing and think you’re farther along than you actually are.
Some of these drawings are really enjoyable just as drawings. It’s nice to be able to see the stream-of-consciousness fo thoughts being quickly translated into pictures.
Unfortunately, if you live in the sticks, many yokels when they see a design sketch think you are crazy and that the design cannot be any good because it
looks so un polished. Go far enough out to places like Tennesee and you will see what I mean.
Nice examples !
Sox’s stuff is great.
I only sketch for functionality and information architecture – especially when it comes to database design. It makes it easier to set up tables and build relationships between the data in the tables, and to know what data gets pulled from what tables.
I may sketch the basic grid, but when I do I use more of a drafting technique and I note dimensions in pixels which translates to faster CSS development. I have no desire to show any of my sketches to clients as they wouldn’t get the same value out of them that I do, or that they would get from a more polished look and feel.
For user interfaces I prefer the mash up method in which you design several concepts at the same time via Photoshop, then you can quickly pull elements of one design into another where it may work better.
I still sketch my designs whenever I do them, because I believe that sketching designs is one of the most fundamental things of design. Once you work it out on the computer, seemingly “saving time”, but you end up spending hours on changing your designs.
Also, your YouTube video at the end of the post isn’t working any more. Just a FYI…
I normally sketch out layouts and such, or even when i am working with the backend (database etc) I’ll sketch it onto paper.
I love to sketch using standard grid paper … lets me get more ideas roughed out faster, then translate those sketches into more polished Photoshop mocks or HTML prototypes.
It’s fantastic to see these sketches and catch a glimpse of the design process for many of these web apps.
Thanks for putting this collection together, you can just feel the author’s minds spinning and creative juices flowing.
I love the prototyping phase of any project, and paper is where I always started, but then I built something that I like even better: http://www.balsamiq.com/products/mockups – I now use it for mocking up all of my software. I’d love to hear your feedback on it. I tried really hard to give it the same feeling one gets when sketching things on paper, as well as making it as fast and flexible. In case you are wondering, all of the controls in it where hand-drawn (by my lovely wife) and scanned in.
more examples: http://home.comcast.net/~bethgoldman/ControlSpending.html
A lot of boxes, arrows and scribbles that are amiss in the final versions; interesting to see where ideas have been. I found the Youtube movie especially cool, though I kept waiting for the user to frantically click the back button, ah well.
Someone should create a claymation style software application that emulates the paper prototype in the youtube video. It could be scrapped together with Flash pretty easily and would be highlarious. Maybe I am too easily entertained.
The ‘unnamed museum collection’ actually belongs to Bolton Museumss.
U’ve updated the image with a couple of links:
http://www.flickr.com/photos/yandle/886815195/
Stretching the web thing a bit, but great as a sketch example, because there is also a physical mockup is the sketches of iPhone version of the GTD app Things (by culturedcode):
http://culturedcode.com/things/blog/2008/06/a-phone-an-ipod-an-internet-communicator-and-a-full-featured-task-manager.html (all the way below or direct links to the images here)
http://culturedcode.com/things/blog/wp-content/uploads/2008/06/thingstouch-interfacestilllife.jpg
http://culturedcode.com/things/blog/wp-content/uploads/2008/06/thingstouch-papercollage.jpg
Wow that’s cool – thanks!
Hopefully not blowing my own trumpet too much, but while working on a new group ‘intervention’ for a forthcoming conference (I’m an on and offline facilitator), I found sketching to be a valuable design tool with my partner, and is now a handy communications tool for the conference attendees:
http://tinyurl.com/5ozqrg
If people like this kind of sketches, here is another cool one, showing the design done for an iPhone app:
http://culturedcode.com/things/blog/2008/06/a-phone-an-ipod-an-internet-communicator-and-a-full-featured-task-manager.html
Good practice to scatch UI before final design, but now a days we can make wireframe/prototype on computer instead of scatching on paper. So its not must to scatch but if u do then its great
Thats awesome
http://www.duivesteyn.com.au
The trouble with sketching is that non professional could sketch. How many of you get very bad sketch by a client ? Do not accepte sketch from everybody. I would like to sare a ressource to help you on you sketch http://konigi.com/tools/graph-paper
We at Gloscon Use OpenOffice Drawing on Ubuntu Workstations. It is far superior to anything we have seen yet!
The odg files are exported to PDFs and then given to designers.
Roshan
Great!! Good Work!
thanks !
This is great. I really love this kind of stuff. I recently posted sketches, wireframes and mockups on one of our projects, Apricado. You can find it on my blog at http://jeff.io/posts/user-interface-wireframes
Great post. Thanks!
Great post! From a UX design persepctive, it is always very useful and educational to see where ideas originated and how they evolved from their original hand sketches.
It is definitely part of my weekend reading. To check out some more Weekend Reading from The Product Guy, take at look at…
http://tpgblog.com/2008/07/04/the-product-guys-weekend-reading-july-4-2008/
Jeremy Horn
The Product Guy
http://tpgblog.com
@Martin Sharper
Regarding your comment: “Unfortunately, if you live in the sticks, many yokels when they see a design sketch think you are crazy and that the design cannot be any good because it looks so un polished. Go far enough out to places like Tennesee and you will see what I mean.”
Not everyone who lives in Tennessee is married to their first cousin, drinks beer while driving the 4-wheeler back to the trailer, grows weed among the corn out back, and chews tobacco…and that’s just the women!! Believe it or not, some of us are actually professionals with more than your 8th grade education (your grammar is horrible). Think about that if you’re ever in a bad accident in our neck of the woods and need one of us to save your sorry myopic @ss. I’d show you some of the sketches I do prior to surgery, but you wouldn’t understand them anyway.
Here’s something I did circa 1996:
http://www.culturesculpture.com/projects/ux_corel/cad_sketch.jpg
Which turned into this desktop product:
http://www.culturesculpture.com/projects/ux_corel/corelcadv2.htm
Coming from a background in Architecture, sketching was au natural. There’s something magical about a hand crafted line!
Wow! Cool! Thanks!
I’m working with IT since 1981 in that time, we have only a paper to put and see our ideas… today, we have the computer to do our tests and I think we loose much time using the try and error way. So… I prefer to use paper… a sheet of paper accept everything and you can do any changes without to worry for the form or the design…
Dude… simply amazing. wherdu find this stuff… MIT/Standford recycling bins? Are u like another good will hunting cleaning out classroms for genuis UI’s?
Very very nice work!
hi
nice one
Design FIRST! Then CODE! Every website I have ever designed from scratch has been done on paper FIRST and then coded. It saves no end of time in the long run.
that was very interesting, i especially enjoyed the Youtube prototyping
I’ve done some paper prototyping myself in the very early stages of projects, just to get an idea of what fits onto a page and how it could be aligned, so this is more about content.
Once this is clearer and the content structure is clear, sketches can be used for a first version of the wireframes too.
Third usage is in the actual design phase, not being a designer again in the kick-off meeting with the design team to discuss an idea. Later in the design phase if something does not work out to good and to quickly investigate a very different and perhaps unusual approach.
This was a great post thanks. I always sketch for me omnigraffle for the boss. That way I can then move things around more quickly. But it always starts as sketches. It the same as sometimes writing helps you write. It helps you step through the creative process.
This is so awesome. Makes me feel a little better about how I design systems.
Great post.
I still get great satisfaction with scrawling and writing with a pencil!
2B’s just about right
Barry
very interesting…particularly the youtube stuff
Весьма возможно. Иногда так случается.
Действительно интересно. Некоторые моменты не знал.
Интересно! Реально любопытно написано.
I’m working with IT since 1981 in that time, we have only a paper to put and see our ideas… today, we have the computer to do our tests and I think we loose much time using the try and error way. So… I prefer to use paper… a sheet of paper accept everything and you can do any changes without to worry for the form or the design…
We at Gloscon Use OpenOffice Drawing on Ubuntu Workstations. It is far superior to anything we have seen yet!
The odg files are exported to PDFs and then given to designers.
I’ve done some paper prototyping myself in the very early stages of projects, just to get an idea of what fits onto a page and how it could be aligned, so this is more about content.
Once this is clearer and the content structure is clear, sketches can be used for a first version of the wireframes too.
Third usage is in the actual design phase, not being a designer again in the kick-off meeting with the design team to discuss an idea. Later in the design phase if something does not work out to good and to quickly investigate a very different and perhaps unusual approach.
A lot of boxes, arrows and scribbles that are amiss in the final versions; interesting to see where ideas have been. I found the Youtube movie especially cool, though I kept waiting for the user to frantically click the back button, ah well…
Inspiring post.
I love prototypes and the creative process. I documented the process behind developing one of my iPhone apps here http://www.romej.com/archives/668/building-eat-right-90
I try to do as much design up front as possible, generally flicking my fingers at the paper, trying to imagine how it’d feel to use what I’ve drawn.
i believe in any interface design skeching of the prototypes on the hard paper is much better to give chance for grouping of the appropriate information together,because the user sometime get frustarted when they are unable to locate particular information at appropriate section.
Amazing post, Twitter sketch and others are really interesting, I think all websites and all designers should start with this step before design
Very useful information and examples, thank you very much!
Useful article. Although I studied Pascal and C in school, I forgot much of it along the line. However, a decade of looking at great websites, and an interest in usability via the writings of Jacob Nielsen’s Useit.com helped me interested in web layouts. As a result, I laid out Bighow.com, a site to share local information, by myself. It is a complete CMS as well. I might have liked to improve upon it but I no longer have a web developer working with me.
All in all, I vouch for the value for paper prototyping. It is a useful A/B testing tool as well.
I’m working with IT since 1981 in that time, we have only a paper to put and see our ideas… today, we have the computer to do our tests and Medyum Niyazi Hoca and I think we loose much time using the try and error way. So… I prefer to use paper… a sheet of paper accept everything and you can do any changes without to worry for the form or the design…Medyum Niyazi Hoca
a hardworking designer
126 Trackbacks
[...] See the original sketches of Twitter, Flickr places, Vimeo, Twitterverse, AbiWord and more.read more | digg [...]
[...] The Paper Version of the Web at Deeplinking [...]
[...] prototyping is a very important step in internet creation processes. The Deeplinking blog wrote a great post showcasing some of the web’s big sites prototypes, such as Twitter’s sketches that you can see in the image [...]
[...] Deeplinking has posted a short gallery of some early stage drafts of web sites you may be using today. [...]
[...] for images etc. It seems that this au natural design method is the way to go, have some early concept sketches for flickr, twitter, vimeo and all your fave [...]
UI Design Sketches…
…
[...] The Paper Version of the Web [...]
[...] Read | Permalink | Email this | Comments [...]
[...] your favorite web sites also got their start on paper. Sean Flanagan at Deeplinking has compiled a small gallery of Web 2.0 paper prototypes, including Twitter and Flickr. It’s fascinating to look at the evolution from the initial [...]
[...] http://deeplinking.net/paper-web/ Possibly related posts: (automatically generated)Blogging In The ClassroomWeb 2.0 Guide ~ IntroductionTim Berners-Lee Got It!!! [...]
[...] The Paper Version of the Web at Deeplinking 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. (tags: deeplinking.net 2008 mes5 dia26 at_tecp ***** paper paper_prototyping legal Sketche desenvolvimento_web usability usabilidade) [...]
The Paper Version of the Web (Deeplinking)…
Twitter, flickr, Vimeo — στο χαρτί. Trivial ιστορικά ντοκουμέντα, ενδιαφέρουσες παλαιομιντιακές αντιστάσεις….
[...] The Paper Version of the Web at Deeplinking (tags: design webdesign paper usability sketching web webdev) [...]
[...] The Paper Version of the Web Early paper prototypes for Flickr, Twitter, Vimeo, and others (tags: web design paper) [...]
[...] The Paper Version of the Web at Deeplinking (tags: viapopular twitter history design blogging) [...]
[...] The Paper Version of the Web at Deeplinking A collection of paper sketches of popular web 2.0 sites. (tags: web development design usability ui paper sketching history) « links for 2008-06-24 [...]
[...] the post “The Paper Version of the Web” and see the pics at [...]
[...] le grandi idee nascono sulla carta. Vi segnalo il post su deeplinking dove potete vedere un’aspetto inusuale della fase di progetto di grandi servizi web che [...]
[...] came across an excellent resource of examples of paper prototyping, over at deeplinking.net. It basically contains links to examples of sketches and paper prototypes for a range of well known [...]
[...] Ακόμα και στη εποχή του διαδυκτίου… [...]
[...] The Paper Version of the Web — early sketches of website designs (tags: tl web) [...]
[...] más en The Paper Version of the Web. Vía Twitturly Compártelo: Guardado en: Curiosidades, Informática, [...]
Bocetos de grander paginas web [ENG]…
Te has preguntado alguna vez, como fueron los primeros bocetos en papel de los proyectos de grandes paginas web como Flikr o Gmail?? Seguramente no, pero de todas formas ahi los tienes….
[...] Flannagan, en Deeplinking ha reunido una galería de prototipos de webs que han sido construidas a partir de lápiz y papél. Y es que, a pesar de que hay herramientas [...]
[...] Sketches of user interfaces Spread the word! [...]
[...] flickr, Informação, paper web, rascunho web, scrap web, twitter, web Recebi ontem uma ótima indicação da lista de discussão AIfia.pt sobre um site que mostrava os rascunhos de grandes projetos, como [...]
[...] jak wy projektujecie wasz dzieła (blog, serwisy internetowe itp) i czego do tego używacie? Blog deeplinking.net pozbierał trochę różnego rodzaju projektów i pokazał jak powstawały takie serwisy jak na [...]
[...] Veja aqui grandes projetos como o Twitter, Flickr, Vimeo, MySociety, dentre outros, quando ainda eram esboços à mão em blocos de papel. [...]
[...] The Paper version of the Web, a great collection of some of the most popular web apps first sketches. Wow. [...]
[...] The Paper Version of the Web at Deeplinking from visnu. different paper prototyping approaches. (design paper prototyping ui usability web ) [...]
[...] came across an interesting article on hand-drawn interfaces here. Sometimes a Sharpie and good, strong paper tell the story better — and faster — than a [...]
[...] deeplinking] Tags: concept sketch, flickr, jack dorsey, paper sketches, Technology, Twitter Add to Favorite [...]
[...] The Paper Version of the Web at Deeplinking (tags: paper sketching) [...]
[...] The Paper Version of the Web at Deeplinking Fabulous short post about paper prototyping including the wonderfully zen original sketch for twitter. (tags: design paper) [...]
[...] Paper Version of the Web After posting the Konigi Graph Paper, someone pointed me to Deeplinking’s collection of photos of paper prototypes and user interface sketches. URL deeplinking.net/paper-web/… [...]
[...] : The Paper Version of the Web at Deeplinking. [...]
[...] they are: check out concept sketches and the original paper versions of Twitter, Vimeo and the like here. « The [...]
[...] The Design Desk: Production Is Not For Dummies” over at The Chronicle Books Blog, and “The Paper Version Of The Web,” via what is very quickly becoming my immediate go-to source for all things interesting in [...]
[...] even simple web sites– that they draw them out first on a piece of paper. Via Johndan, comes this link, where there are examples from famous web 2.0 sites where they did exactly [...]
[...] The Paper Version of the Web (tags: work design webdesign) [...]
[...] the paper version of the web via waxy deeplinking.net/paper-web/ [...]
[...] the paper version of the web via waxy deeplinking.net/paper-web/ [...]
فتوكاتورهاي جالب سياسي و غير سياسي! …
…
[...] The Paper Version of the Web [...]
[...] pequeños) muestren públicamente sus bocetos en papel pero algunos tenemos, prueba de ello es la recopilación de Deeplinking donde vemos algunos bocetos de sitios como twitter o Vimeo y deja enlaces con más información al [...]
[...] buen sitio web en la mayoría de los casos empieza con una hoja en blanco, y en Deeplinking han recopilado unos cuantos bocetos de estos comienzos para enseñarlos al mundo. El que más me [...]
[...] The Paper Version of the Web at Deeplinking [...]
[...] when we had to design clocks for people with low-vision or blindness. This was mine my design. This site shows sketches of very popular sites like [...]
[...] The Paper Version of the Web at Deeplinking 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 Jakob Nielsen and Bill Buxton spreading the gospel of faster, cheaper paper prototypes, “next year’s Twitter” may already exist on paper. [...]
[...] Great sites like Twitter, Vimeo, Flickr started with a sketch. Check out the pictures here! [...]
[...] The internet in print form Daily Links [...]
[...] The Paper Version of the Web Explore posts in the same categories: Inspiration, Technology, UX, Web Design [...]
[...] que Safari. Alojado por Google Code.(tags: mac osx firefox firefox3 plugin pdfkit pdf fx-quartz-pdf)The Paper Version of the Web at DeeplinkingUn artículo dedicado a mostrar los bosquejos en papel del diseño de sitios ahora tan [...]
[...] The Paper Version of the Web at DeeplinkingPeople 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. [...]
[...] recently pointed me at an interesting article, “The Paper Version of the Web” that shows some great examples of UI designs sketched on paper. In the article Sean [...]
[...] Deeplinking: The Paper Version of the Web [...]
[...] Paper concept versions of websites before they were created [...]
[...] Flickr o Vimeo tambin fueron un da slo unas lneas y garabatos sobre el papel. En The Paper Version of the Web encontramos una recopilacin de los prototipos en papel de algunos de los sitios ms populares de [...]
[...] gaat het beste op papier. Ook als het gaat om inferface design. Gister kwam ik deze geweldige blogpost tegen met een aantal zeer interessante user interface schetsen van een aantal toonaangevende [...]
[...] “sketch for twitter…” [...]
[...] I have to admit that using Visio is superawesome when it comes to sketching out wireframes and interactions (especially with Nick Finck’s stencils), but you should never discount the importance of paper prototypes. [...]
[...] – Deeplinking Dux | Julio 2, 2008| Blogueando, [...]
[...] Design link of the week: Paper Version of the Web [...]
[...] The Paper Version of the Web at Deeplinking I missed this the first time around but The paper version of the web is a great collection of early UI “sketches from Twitter, Vimeo, Flickr and more.” (tags: ui usability sketching paper) [...]
[...] DeepLinking: 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. Many of the websites we use started out as scrawlings, and with people like Jakob Nielsen and Bill Buxton spreading the gospel of faster, cheaper paper prototypes. [...]
[...] The Paper Version of the Web at Deeplinking (tags: interface:concepts interface:guidelines) [...]
[...] The Paper Version of the Web – “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.” [...]
[...] Design & Product Experience…http://deeplinking.net/paper-web/A peek into the minds of the experience designers of some of the most popular web sites. See what [...]
[...] me pasa el enlace a este artículo de Deeplinking en el que aparecen algunas imágenes de prototipado en papel (proceso que recomiendo hacer antes de [...]
[...] The Paper Version of the Web at Deeplinking [...]
[...] The paper version of the web – Sketches of user interfaces as found on Flickr, including Twitter, Flickr Places and Vimeo. [...]
[...] http://deeplinking.net/paper-web/ [...]
[...] [...]
[...] have a great article on original paper sketches and prototypes of popular internet applications such as Twitter, Flickr and [...]
[...] clipped from deeplinking.net [...]
[...] Deeplinking ha, partendo da ciò, raccolto in un post una serie di progettazioni su carta che hanno preceduto la nascita di alcuni di questi servizi ora parte fondamentale del Web2.0. Fra questi spicca la presenza di Twitter, Flickr o anche Vimeo. [...]
[...] prima di andare on-line Bell’idea. Vorrei trovare altri esempi. .gallery { margin: auto; } .gallery-item { float: left; margin-top: [...]
[...] la génèse de certains des grands joueurs du Web, dont Twitter et Flickr, ont été rassemblées ici, sur le blogue de Deep Linking. À visiter également pour les signets de ce passionné de culture [...]
The Paper Version of the Web…
The Paper Version of the Web
cool…
[...] The Paper Version of the Web at Deeplinking Huge set of links to photos and photosets of paper prototypes of web designs and applications — including Twitter, Flickr Places, and other recognizable designs (tags: prototyping paperbits webdev design ixd flickr wireframes deliverables) [...]
[...] Sketches and paper prototypes from the designers of Twitter, Flickr, Vimeo, and more. I love looking at design work like this. (Via Andy Baio.) [...]
[...] breaking out the wireframe sketches and paper prototypes, some back-to-paper web types get the juices flowing with mind maps and sketch notes. Then they [...]
[...] The Paper Version of the Web (Hier de eerste schets van Bright.nl) [...]
[...] Link: The Paper Version of the Web [...]
[...] sin pasar a una maqueta acabada, la usabilidad del sitio y su función. Deeplinking nos trae varios ejemplos sobre este procedimiento además de unos mapas mentales en papel desarrollados para webs bastante [...]
[...] And then I really like the mock interaction approach in this one (via Deeplinking): [...]
[...] of the times, it’s quicker and easier to commit ideas to paper first. Here are the paper versions I did for Idealog and Good that I saved from my desk: .gallery { [...]
[...] site deeplinking.net publicou um artigo sobre protótipos de conhecidos da web como Twitter e Flickr, rascunhados em folha de papel na concepção de idéia [...]
[...] The Paper Version of the Web at Deeplinking (tags: prototyping paper design) [...]
[...] coleção de protótipos de papel foi exaustivamente linkada em diversos blogs nas últimas semanas. O texto The Paper Version Of The [...]
[...] He has actual images of the paper UI drawings for Twitter, Flickr, Vimeo and more…. http://deeplinking.net/paper-web/ Goes to prove that no matter what… the best interactive UI’s on the web still get [...]
[...] The original sketch for flickr from Paper Web. [...]
[...] The Paper Version of the Web » [via vitamin] These icons link to social bookmarking sites where readers can share and discover new web pages. [...]
[...] Deeplinking: The Paper Version of the Web [...]
[...] So what I did was add a comment like this one or this one. And I get a lot of traffic from my comment on this post. [...]
[...] The Paper Version of the Web – Some of the web’s popular services, how they originally looked on paper. [...]
[...] I recommend checking out the ‘fun and entertainment’ section. An awesome one was ‘The Paper Version of the Internet.‘ I’m glad I’m not the only one breaking out the graph [...]
[...] Visualizing interactions with paper engineering is just cool. [...]
[...] Deeplinking.net has a great post with examples of paper prototypes and UI sketches including the amazing video below. 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 Jakob Nielsen and Bill Buxton spreading the gospel of faster, cheaper paper prototypes, “next year’s Twitter” may already exist on paper. Read more… [...]
[...] Deeplinking reúnen unas cuantas imágenes de bocetos en papel que después se transformaron en sitios [...]
[...] Fuente | Deeplinking [...]
[...] sitios web que visitamos ya pasaron previamente por una hoja de papel. En esta página podemos encontrar algunos bocetos de portales como Twitter o [...]
[...] The Paper Version of the Web at Deeplinking Wheeee! This brings me back a couple years (tags: design webdesign paper sketching ui usability prototyping web computer community code business articles art article) [...]
[...] sitios web que visitamos ya pasaron previamente por una hoja de papel. En esta página podemos encontrar algunos bocetos de portales como Twitter o [...]
[...] Veja mais rascunhos de wireframe no site deeplinking. [...]
[...] found this fascinating: The Paper Version of the Web. I love seeing the way people think out concepts on paper, especially things like websites, which [...]
[...] y como se explica en Deeplinking, esta técnica es relativamente común y las interfaces de usuario de servicios como Twitter han [...]
[...] The Paper Version of the Web at Deeplinking 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. (tags: twitter wireframe flickr) [...]
[...] Links on 18 November 2008 with no comments The Paper Version of the Web at Deeplinking A nice collection of web interface sketches. (tags: sketching design interfaces ux userexperience [...]
[...] By Bill Gatos Muchos sitios web que visitamos ya pasaron previamente por una hoja de papel. En esta página podemos encontrar algunos bocetos de portales como Twitter o [...]
[...] Back in the day when you only had paper: http://deeplinking.net/paper-web/ [...]
[...] ver la galería completa en Flickr. Esas imágenes me han recordado a un post de Deeplinking en el que mostraban bocetos en papel de grandes proyectos como Twitter o Vimeo. Si es que viendo [...]
[...] The Paper Version of the Web at Deeplinking (tags: interface usability) [...]
[...] guys at deeplinking have a blog post titled, the paper version of the web with sample [...]
[...] is quite inspiring to view the early paper based sketches of popular web apps such as Flickr, Twitter and Vimeo. Everything has to start somewhere…. [...]
[...] The Paper Version of the Web at Deeplinking (tags: web visualization wireframe paper) [...]
[...] Así comenzó todo… The Paper Version of the Web [...]
[...] The Paper Version of the Web [...]
[...] The Paper Version of the Web, par Deeplinking. [...]
[...] беше много интересна реших да я споделя. Тя е превод от http://deeplinking.net/paper-web/ и бих искал да се извиня за лошия превод. Първоначален [...]
[...] The Paper Version of the Web at Deeplinking (tags: webdesign visualization ux ui) [...]
[...] For inspiration, check out the prototypes of your favourite websites. [...]
[...] Lire l’article original [...]
Deeplinking » The Paper Version of the Web…
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, a…
[...] un crayon, allez jeter un coup d’oeil sur cet article de Deeplinking qui montre les premières ébauches de quelques un des sites les plus populaires du Web tels que Flickr, Twiter ou Vimeo [...]
[...] the sketches of Pacman and Twitter, also found this great blogpost, with more original [...]