I hate to be that guy, but this isn't "Design Secrets For Engineers", it's "Design Secrets For Software Engineers." (or developers/UIX/etc).
"Keep visual hierarchy in check" and "Use designer fonts" isn't very useful advice in designing an instrumented hammer...
"Engineering," especially in the colloquial usage of the word, covers a lot areas that have things in common, but there are lots of things those areas don't have in common. Software engineering /= all of engineering anymore than mechanical engineering represents all of engineering.
Then don't be. It's posted on HN - the context makes it pretty obvious.
If a computer could trivially work out it was likely to be about software engineering using Bayesian reasoning ("engineer" in title AND posted on HN) then a person should be able to as well.
>It's posted on HN - the context makes it pretty obvious.
I've read (and commented on) all kinds of front-page articles of interest to non-software hackers & engineers, including articles on the economy, construction projects, healthcare, education, transportation, and other issues:
I'm not aware that this is a forum that caters to software-only topics. Please enlighten me if I am mistaken. I'm certainly not a software guy and yet HN is one of my go-to sites because I am a hacker.
Fortunately, like a good interface, it is immediately and clearly obvious what the function of the article is.
I think it's safe to say that any mechanical engineers that may have read this article were smart enough to realise that the target audience wasn't them.
>it is immediately and clearly obvious what the function of the article is.
Not really - I am a mechanical engineer (by degree, acoustical by practice) who took the title at it's word and tried to see if author was trying to share an insight that could be applied to engineering in general. "Line things up" and "Design the white space" is something I could see an author trying to apply across disciplines (not that they did, but again, I was taking the title for what it was and tried to get something out of it).
It's when I got to "Use designer fonts" that I realized it was yet another article where the author used the term 'engineer" to refer to "software engineer."
True; your parent is just reacting to the pervasive habit software engineers seem to have, wherein they refer to themselves as if they are the only kind of engineers.
This feels like it could go on and on. These are not secrets either. And this is not for all software engineers, just for those who need to design web pages.
However, I have one concern- for the past few years, it seems all engineers and designers have been feeding off of each other's ideas, and this has resulted in websites that look nearly identical in color schemes, typeface, and wording.
This makes each successive product less and less distinguishable and boring. I think breaking free from design norms (as long as rules of simplicity are followed) is a good thing. It is what will make users think "wow, this is something I haven't seen before" and thus probably more likely to use it and tell others about it as well. Of course this assumes clever design sense which I believe is something people possess naturally and can't really be taught.
I think it largely depends on the product and audience you hope to attract. But for starters, I would like to see fewer sites with a large, bold, Helvetica font against a plain background with an intro that says something vague about what the business does. Then the large "Sign Up Now For Free" button with rounded corners that slightly illuminates when you mouse over it.
Look, I'm not shitting on other people's work. Building something original is tough, but I do think that clever design is one of the best ways a new service can set itself apart from the rest, and I think that it is an opportunity that is often missed.
I'm a big fan of OmniGraffle for this purpose. A lot of the same arrangement snaps and all, and it's extremely simple to create primitives and text and whatnot.
Illustrator is awesome. Also, pencil and a piece of paper. Sometimes I create physical models of complex UI objects if I need to grasp their animations/behavior. Some designers I knew liked Balsamiq, or Blend, but everyone knows how to draw on paper.
It would be harder to design in Photoshop, methinks, since when designing you're dealing with abstract shapes and lines (vector) not raw pixels (raster). I mean sometimes you do :) I created and prototyped this cool video-preview control entirely in Paint.NET, literally changing pixels to create gradients.
I used PowerPoint for prototyping UIs and designs for HTML letters. It's quite handy tool for the task. The nice thing is that you can just throw shapes onto a slide and then when you run the slideshow, you get a full-screen version of your graphics, cropped to the slide boundaries. Simplifies a lot of stuff for me.
Keynote is really nice for mockups. It has more than capable drawing tools and the snapping is excellent. It's major benefit over a Photoshop or Illustrator would be its relative simplicity. With mockups that is a big factor. Less complexity in the tool can mean less opportunity to add complexity in your design.
Not only drawing, but as the author suggests, sequence. Keynote makes it trivial to play and reorder the deck to try how things could flow from view to view. Quite harder with PS or AI.
A good friend of mine has been a lead designer at a number of big companies and he also uses Keynote to mockup UIs. For $20 it's not much of a risk to try it.
I like Fireworks much better than Photoshop for mocking up web or mobile UI too.
i use inkscape or open office's presentation tool all the time... or sometimes scripts that make svg files depending on what it is, or hell notecards and a pen! :P
Good general advice. One remark though: while it is generally better to use designer typefaces, it's important to remember a lot of them weren't designed for the screen, but paper. As such, Garamond, for example (it's mentioned in the post), which is probably one of the best typefaces made, often doesn't work well on the web.
Beware that designer fonts are expensive! Most people don't realize that fonts bundled with Microsoft Word or Adobe Photoshop might require a license for commercial use!
Just take a typekit account. For $50 a year, you get unlimited fonts on unlimited number of websites. There is an upper limit on traffic, but if you hit that number, you won't mind paying more.
Very good advice, although this is more of a reminder for designer-wanna-bees, like myself, as opposed to a guide for software engineers. Chances are, really good software engineers are really terrible designers, and they won't understand what you are talking about or why, no matter how hard you try. But try!
"Keep visual hierarchy in check" and "Use designer fonts" isn't very useful advice in designing an instrumented hammer...
"Engineering," especially in the colloquial usage of the word, covers a lot areas that have things in common, but there are lots of things those areas don't have in common. Software engineering /= all of engineering anymore than mechanical engineering represents all of engineering.