This is Signal vs. Noise, a weblog by 37signals about design, business, experience, simplicity, the web, culture, and more. Established 1999 in Chicago. Follow us on Twitter for more information on our products.
Looking for a job? Got a position to fill? Check out the Job Board.
Got a web design project in mind? Find a web designer on Sortfolio. Browse by visual style, portfolio, budget, and geographic location.
Over 1 million people use 37signals' simple web-based software to collaborate on projects, track contacts, and organize their business with an intranet.
25 comments so far
windock12 Mar 09
Would be great if it is not a preview but actual design.
VIP section?
I like the overall layout, but the text is very difficult to read, specifically the headline and body text. Considering using a serifed font, some like Georgia maybe?
JF12 Mar 09
Windock, that is the design. It’s revolutionary! Just going to scan pages and make them huge image maps.
Anonymous Coward12 Mar 09
I think those say VID .
Anyways… i love mock ups like this. I have piles myself after seeing some that you guys did years ago. Also lolz at Stephen’s font comment.
Future post idea: I notice the accolades are quite key there (the only things written in, in fact!) – does 37signals consider / find these important in order to building trust with visitors? If so, in what way?
Hmm… I like where your going here… but… there’s just too much blue!
I kid. I love seeing hand-drawn mockups. So many people just jump right into the photoshopping/graphic work without getting a real idea of the organization and architecture of the site.
What’s your take on user testing? When does it get tested for the first time? Would you use a tool like this for rapid iterative testing? Even possible for blue sharpie drawings..
JF12 Mar 09
Sammy: We don’t user test in the traditional sense. We do our best work, we put it out there, and then we tweak tweak tweak based on our changing perspective and people’s feedback. So our users are real people looking at the site (or using the products) for real. Anything else is too abstract for us.
Aaron13 Mar 09
The font is too small and the links are the same color as the regular text…
JF: we call that using your customers as beta testers. :) Though, for design, it’s probably not a big deal where what you see is literally what you get.
Got a web design project in mind? Find a web designer on Sortfolio. Browse by visual style, portfolio, budget, and geographic location.
Over 1 million people use 37signals' simple web-based software to collaborate on projects, track contacts, and organize their business with an intranet.
25 comments so far
windock 12 Mar 09
Would be great if it is not a preview but actual design. VIP section?
Stephen Jenkins 12 Mar 09
I like the overall layout, but the text is very difficult to read, specifically the headline and body text. Considering using a serifed font, some like Georgia maybe?
JF 12 Mar 09
Windock, that is the design. It’s revolutionary! Just going to scan pages and make them huge image maps.
Anonymous Coward 12 Mar 09
I think those say VID .
Anyways… i love mock ups like this. I have piles myself after seeing some that you guys did years ago. Also lolz at Stephen’s font comment.
evolve 12 Mar 09
Web 3.0 anyone?
BJ Neilsen 12 Mar 09
More like Web 0.9 :D
Peter Cooper 12 Mar 09
Future post idea: I notice the accolades are quite key there (the only things written in, in fact!) – does 37signals consider / find these important in order to building trust with visitors? If so, in what way?
Josh Williams 12 Mar 09
So awesome.
Dave Tolsma 12 Mar 09
I thought they would have used for this type of mockup.
Richard A. Muscat 12 Mar 09
Loving it … the classic “you’re not allowed to read this” marketing technique.
JF 12 Mar 09
Dave: Balsamiq looks like a useful service for heavy wireframers, but for us paper and sharpies are the perfect fit.
Rich 12 Mar 09
“Getting Real” design tip: Just say no to Lorem Ipsum.
I kid, I kid. Obviously there’s a place for this kind of design before you start setting copy.
Chris 12 Mar 09
Wait wait wait…I thought 37 signals just jumped right into the code; html mockups and all!
JF 12 Mar 09
Chris: We sketch first and then to go HTML . Which is what we did. (had to make some of the graphical elements in Photoshop too).
Lindsey 12 Mar 09
Hmm… I like where your going here… but… there’s just too much blue!
I kid. I love seeing hand-drawn mockups. So many people just jump right into the photoshopping/graphic work without getting a real idea of the organization and architecture of the site.
Ricky Irvine 12 Mar 09
I like the image map idea.
Sammy 12 Mar 09
What’s your take on user testing? When does it get tested for the first time? Would you use a tool like this for rapid iterative testing? Even possible for blue sharpie drawings..
JF 12 Mar 09
Sammy: We don’t user test in the traditional sense. We do our best work, we put it out there, and then we tweak tweak tweak based on our changing perspective and people’s feedback. So our users are real people looking at the site (or using the products) for real. Anything else is too abstract for us.
Aaron 13 Mar 09
The font is too small and the links are the same color as the regular text…
Judson Collier 13 Mar 09
Love the new 37 signals logo. The Zigzags really capture the eye.
Always found the right side logo interesting though. What’s your thought behind that?
Jonas Sveningsson 13 Mar 09
Did anyone say mystery meat navigation? :)
William 13 Mar 09
That’s exactly how it’s done. I prefer a blue Bic pen however.
Calvin Chan 13 Mar 09
haha, that’s awesome!
MongoCode 14 Mar 09
JF: we call that using your customers as beta testers. :) Though, for design, it’s probably not a big deal where what you see is literally what you get.
rick 16 Mar 09
I’ve started using my son’s crayola markers for site sketching.
Even better than sharpies.
Also, they come off the walls with just a bit of water.
Comments are closed