ustwo, an agency in the UK, recently released a great little guide for working with pixel-aligned imagery when using photoshop. It also has some other good tips that are worth reading before pushing pixels around.
Category Archives: Tricks of the Trade
Solarized
Over at Ethan Schoonover’s site, he has a very useful color palette set up for code hinting. This particular palette uses 16 colors designed to look pleasing, reduce eye fatigue, and remain appropriately legible, whether used with a light or dark background.
http://ethanschoonover.com/solarized
UX design for startups
I like this adaption of the Lean Startup ideas for UX design with the pivot that you should start the process with learning before building. It’s a very typical dev temptation to code first and ask questions later. A temptation worth resisting unless you like to throw away code.
I also agree that paired design can increase the quality of design–I’d say also that unless the two designers are identical clones, it will allow each to focus more on their individual strengths which is another reason the quality of output should go up.
http://www.cooper.com/journal/2011/03/more_better_faster_ux_design.html
A Typography Primer
This is a great little starter tutorial on the considerations for typography. It discusses how size, color, font face selection, and other choices lead to better typographic contrast and readability.
Design Police | Bring bad design to justice.
This is great — Chris Bernard passed this on. It’s a “Visual Enforcement Kit” that you can use to tag bad design–ideally at work with wayward coworkers and not on public signage at stripmalls or something. My favorites are “Legible from space” (although that’s rarely a problem on the web) and “Comic Sans is illegal”. This is really focused on typography and print layout so it would be great to see a ‘Visual Enforcement Kit” for rich application design with terms like “Stupid default”, “No modal dialogs”, “Don’t waste the user’s time”.
Halo 3: How Microsoft Labs Invented a New Science of Play
This Wired article about Halo3 is actually work-related for most of you. I promise. It’s interesting to see usability testing as the savior for bet-the-business initiatives and to see heat maps and other UX design techniques applied to such a visceral experience. (Plus those of you not in the beta test can learn about the new weapons and vehicles, which is less work related… )
More here: Halo 3: How Microsoft Labs Invented a New Science of Play
Fireworks XAML Exporter
Infragistics has put together a Fireworks panel that allows exporting to XAML for those of us more used to Fireworks than Photoshop or Illustrator. (Hey, it’s called “PHOTOshop” for a reason and I rarely need to edit photos…)
Now there are several choices for those looking to create XAML graphics for use in WPF or metro. See the complete list on Mike Swanson’s blog for details and links.
On Being a Press Expert
Since moving into product management, I’ve become initiated into the world of PR and national press. I stumbled into this article today and thought that some would find it interesting to see how this wacky world works. One footnote from me–who you are (or who you work for *cough*cough*microsoft) can have a radical effect on how you are treated and (mis)quoted by the press. They really are looking for controversy or “fear” as the author states. I recently watched from the sidelines as a major online news presence built an entirely false paragraph around a quote of *two words* from a colleague. They then proceeded to make that erroneous paragraph the central theme of the article and to go so far as to title the article around it. Amazing. This is why the author talks about picking your quote ahead of time and just repeating it over and over to the press.
apophenia: On Being a Press Expert
A Compendium of Interfaces
Very cool site/blog that demos “next generation web interface and interaction design”. Great catalog of pieces of web interface innovations. They promise: “Unlike previous design review sites, DesignDemo will feature online demo movies of working interaction design, UI elements, and trends and best practices in web 2.0 user experience.”
Max Kiesler – DesignDemo – Web 2.0, AJAX, and Rails UI Elements