92 comments

[ 6.5 ms ] story [ 183 ms ] thread
Hey HN, we've noticed that people are starting to understand how valuable design is these days - in order to make great products, design is arguably as important as engineering. Like HN-er @shl says, "everyone in a company needs to learn design literacy" (http://www.fastcodesign.com/1669189/pinterests-founding-desi...). The problem is, we haven't yet found a straightforward way to learn how to become a better designer.

We built a simple product to address this, based on one core principle: the best way to learn design is by doing projects that force you to master the concepts, while allowing you to practice your creativity.

We'll start sending out the first project emails in a couple weeks, so sign up and save a spot! We'd love any and all feedback about this. Thanks!

Any idea if the sign up is broken?
It is. Open up a web inspector and it's returning 500 server error.
Hey guys-- this is terrible, we were not expecting this much traffic. Signups are indeed working, we're pushing a quick fix to address the issue. (if you already signed up, you don't have to enter your email again)
Can you reveal the traffic figures and your server spec?
Uh, clicking "Sign Up" appears to do nothing on Chrome, Firefox, Safari and Opera.

Worse: it looks terrible in IE (where finally, it yields a 500)

As others have stated, the signup form doesn't work. I see a 500 response. Looks like there isn't an action set on the form. Hope that helps.
And this is where engineering is important.
In my experience, of the best ways to get started in design is to replicate other people's designs as perfectly as you can, just to get the hang of designing something good.

For example, the other day I recreated the hat icon here: http://hicksdesign.co.uk. This is mine: http://cl.ly/GYHw.

If you make one thing every day, you'll eventually be pretty good at fleshing out your own ideas.

Resources: http://pttrns.com; http://teehanlax.com/blog/iphone-4-gui-psd-retina-display; http://dribbble.com

I actually enjoy your version of the hat icon better! Great job. This is good advice. People learning to become designers get hung up in the creativity portion, then falter with creating anything at all.
> In my experience, of the best ways to get started in design is to replicate other people's designs as perfectly as you can, just to get the hang of designing something good.

In the movie Finding Forrester and aspiring writer is unsure of what to write and has been sitting in front of a typewriter for what seems a few hours.. An experienced one gives him one of his works and tells him to type it. He says sometimes the simple rhythm of typing can get us from page 1 to page 2.

Emulation is wonderful.

Nothing happens when I click the Sign Up button. Chrome Beta, Win7.
Tried signing up through your Sign Up text box on the website, but when I click the "Sign Up" button to submit my email, nothing happens.
Same here. Good design lives or dies on the details. Not a good sign.
Same. Just got a confirmation email though!
It also happened to me, but after reloading and clicking some times more the button it worked.
Hey guys - cool idea. I tried entering my email, and there's no success indicator. Click the button, and nothing. Not sure if I just signed up 10 times, or failed to sign up at all :/
My Chrome JS console gives me a 500 error when I try to sign up.
I like the site. I decided to sign up. There was problem. After, I hit the sign up button, nothing occurs. I have not received a confirmation email. Am I missing something?
I bet there are designers who read HN who would like to teach developers design in exchange for development tutorials. Is there a HN Academy? Perhaps we should start one.
I would love this. Sign me up.
I like the idea of setting challenges, it's certainly more useful to me than the tutorial route.
Not to be mean but the site's fonts look absolutely horrible on Chrome 20 in Windows 7. The top ones look messy and thick and the bottom one looks much too thin:

http://i.imgur.com/KUVwh.png

Presumably Windows' fault, since it has awful font rendering systemwide. Looks fine in Chrome 20 on Lion.
Windows has a couple of different font rendering systems. Chrome uses GDI, IE9 uses DirectWrite, and Firefox can use either. DirectWrite is a lot smoother, and that's most of the reason why I prefer Firefox in Windows.

The fonts on this site look worst in Win/FF. They're not great in Win/Chrome, but at least they look well matched. It looks good in OSX/Chrome. Probably because that's what it was developed in.

Protip: different browsers render fonts differently. Test your site before you release it into the wild.

Yep, looks like crap for me too. Windows, Chrome 20.
The fonts are horrible in Firefox 12 on Windows XP, too.
I don't know much about CSS, but I think what happened is that their source for the fonts have taken the files down. For instance, one of the referenced fonts is http://dshap.com/fonts/Gotham-Book.otf which now yields a 404.
The fonts look right for me (not like the other pics here) but I'm on Chrome 18 in Win7. Nice looking site.
The fonts look horrible on my Windows 7 64, on 32bit version it looks fine. Also on Ubuntu...
This sites design is....not good. The font is hard to read at that size, the icons are blurry, the quotes at the bottom look like endorsements on first view.

Needs some more time in the oven I think.

Looks great on my mac! Maybe they use a font-face that they should've tested cross-platform?
Agreed, well the icons still aren't great on my Mac, but the font looks fine to me. Then again, I'm also a developer so I don't know everything about good design.
Agreed, in FF the Gotham font-faces are blurry but fine in Chrome. Icons are not sharp either. Hit the "View the full curriculum" and the background dot pattern is not the best choice.
If you're going to design an online course to teach design, you actually have to know something about teaching design.

The foundation of a solid design education is actually the fine arts -- that's why since the days of the Bauhaus first year students study fine arts in a foundation year, and then spend the next few years studying applied design. The reason? Because before you can play with layout and typography you need to know about color theory and yes even subjects like art history. Learning the techniques of design without the basics is like trying to be a writer by learning all the functions of MS Word but not having read Shakespeare.

PS It's also slightly dishonest to put to put a photo of Steve Jobs down there which indirectly implies that he would approve.

I agree the people appear to be social proof even though they are no more than quotes from famous people. Not really false advertising, but false implications.
The quotes are headed by the question "Why learn design?" This site doesn't have a monopoly on design, so I had no inclination to think they were endorsing the site.
> Learning the techniques of design without the basics is like trying to be a writer by learning all the functions of MS Word but not having read Shakespeare.

You can be a perfectly good writer without having read a word of Shakespeare.

Do you really think you can be a good writer without having read any good writers?
I didn't say any good writers, I said Shakespeare. There are many routes to becoming a good writer.
As others have pointed out, the signup is broken/down.

But also: how much does it cost? "Get started for free." is interpreted by my cynical self to include the closing phrase "and as soon as you're interested, it's going to cost a lot to continue."

No contact information, no price information... what is this except an email harvesting exercise?

View full curriculum isn't working either.
It's free with no plans to charge for anything, don't worry! "Get started for free" is simply a call-to-action to make that apparent. Cynicism warranted... that should've been more clearly explained.

email us at hello@trydesignlab with any questions or issues!

I thought the same. I'd only been on the page about 30 seconds and I came back here to see if anyone had mentioned pricing.

Perhaps 'Get started, it's free' would be better suited.

Uh oh...I got a "Delivery to the following recipient failed permanently" when I emailed you.
"Get all 30 projects free! Sign-up Now!

Something like that the other recommendations still lead me to believe that it would cost something later.

Then I would say definitely go with "completely free" or similar. I too didn't leave my email because "get started for free" suggests to me "the first one is free, but once you're hooked we'll hit you with opaque pricing!"

(and i'm glad i read this thread so i can sign up!)

If it's free, don't ask people to sign up. My email address has value to me. I'll give it to you if you earn it.
(comment deleted)
(comment deleted)
Great idea but wish sign up wasn't busted (as everyone points out).

I am interested to actually see what the curriculum looks like when you get in. I think you can cover a lot of design principals effectively without studying art history. I am sure you will find a great many designers just fell into their current field with no formal training.

I don't know if it's so much about having the formal training and instead would be having an eye and then developing that eye. Design is really whatever you want it to be.

I want to describe this as the "Codecademy for Design" but Codecademy lets you complete lessons before pushing you to sign up. I would've never signed up otherwise -- because I already know how to code but the interface/approach appealed to me. I know it would require a slight infrastructure change on your part to implement this but might pull in more users in the end.
Not to be an ass, but the first thing I questioned when I came to the site was "If this is the best design they could come up with, what does that mean for the education?"

Sign up and design failure aside, I question what this site will do. Design a logo in 30 minutes? Design a one-page flyer with a minimum of 5 typefaces? Those aren't exercises, those are bad practices.

There's an overabundance of people who call themselves designers and not enough people who truly understand it and care about it at a depth that creates good products, not broken experiences. There's already an influx of graduates with degrees that show nothing except that they put the time in. There's an abundance of sites (ahem Awwwards, Smashing Magazine, Dribbble) that do their part to promote bad design as good design. And not to speak ill of any good designers who work for Google, but as a company they're not exactly known for it - quite the opposite. I would prefer qualified guest designers or actual professors as opposed to 'vetted' corporate employees to judge my work.

I don't think people need Design 101 anymore. I think we need a place for seasoned designers and people who are making the switch from print to web or design to front-end coding to fully understand what they're getting into.

Ah, but as a developer, if we cannot speak the language, how do we communicate effectively? Let's say that I'm design an app - I'm looking through portfolios for a contractor to do some design work. If I have that vocabulary, I can more effectively judge what is good from what isn't good, and I can quantify things past, "this looks a bit weird."

I got to work with a good UX/UI crew at exactly one of my jobs, but it completely changed how I thought about thinking about design. That, combined with some reading, was my "design 101" education. I would argue that every full stack developer needs that "design 101" education, and we have new developers every day.

I'm going to take the class - It's an interesting stretching exercise for me.

I think the OP needs to pay attention a bit on the UX of his site first, getting 500 error is not a good sign.
I would expect a site like this to provide a good user experience, e.g. confirmation that my email address was accepted. Signed up all the same because it sounds like a great idea and just what I'm looking for.
For those experiencing issues, I can attest that it was working perfectly a short time ago.

I've gotten a confirmation email, and the "View the full curriculum" link resulted in an overlay.

Edit: Just a note here. The "View the full curriculum" link doesn't work because designlab.js contains HTML instead of the script.

Link: http://s3.amazonaws.com/designlab_static/js/designlab.js

My lord, someone look at it in IE9.

This is just laughable.

Yes it is. Designed for Mac users? I also like that there is minimal client-side validation for when you out in a nonemail. The easy fix would have been to use HTML5 form validation especially since it's not like they support older browsers
Not exactly a confidence booster, is it possible that hits are the goal? Pretty weak sauce if so.