Oct 22 2009

way to go, salon.com

Salon.com – way to go on the lovely redesign beta release. Your brand integration is top notch, layout and colors look lovely. A coupla tips from the IA lady, based on first glance –

  1. you have a whitespace problem on the upper right of the content area of the home page. Either fill the column completely, or eliminate it.
  2. if you’re going to add elements that look like modules, make them function as such. Don’t tempt me with header bars that aren’t draggable, especially when you have varying types of content. Adding this modular functionality gives me a sense of control over what information I’m going to see. If google can do it, you can too!
  3. give me some kind of preview of what’s under the tabs. I have no idea what’s under your entertainment tab, and you have too many types of content to make me guess. a tooltip would work wonders here.
  4. your homepage organization doesn’t work well on your inner category pages. Make it apparent to me how you’re organizing your information. Having some kind of context was handy in the previous version of salon…it will be missed in the new version. Right now, the category pages feel chaotic. Article pages make me feel lost as well.
  5. Navigating from the homepage to a feature is well done, but once I’m at the feature, I have no idea where I’m going. Give me some guidance as to where I am and why.
  6. Make your featured item on the home page bolder. Right now, it doesn’t serve the same purpose as the previous version of Salon, setting the tone for the day’s publication. Consider using a three column approach – it may even fix the whitespace problem noted in the first bullet.

And that’s my first glance. A more in depth analysis to come…if I can get out from under the elementary school class mailing list.


Oct 9 2009

Amy’s top 5 resources for interaction design and UX info

So many people have asked me how to make the transition from visual designer to interaction designer. Starting as a visual designer gives these people a step up that I never had, but making the leap from flat to transactional design can be a challenge for some. For these people, I start them with my top 5 resources for interaction design/ux tips, tools, and trends:

userfocus Userfocus, the creators of the ubiquitous 247 Web Guidelines has tons of resources to help with the business of designing web sites, from the latest usability standards to a detailed explanation of why accessibility matters.

wdtoolslogo

A favorite in the web designer/developer community, web design tools list keeps abreast of the latest tools and tips. Their rundown of the best designs on the web is kept fresh, and they are great at finding great resources for fonts and code tidbits. Keep on the look out for this blog.

information architecture institute The Information Architecture Institute is a community resource for UX professionals. It has an active job board, discussion lists, and a mentoring program, but to me the best resource on the site, by far, is their library. It has links to tons of online resources, and some of the best design blogs out there.

useitlogo
This one certainly doesn’t even need mention, but useit.com is the place to start if you’re looking for the basics of user experience methods. I don’t always agree with Jakob Nielsen, but he’s been the go to guru for so long in this industry, that he should never be left out of anyone’s top 5. His site isn’t pretty, but as we IA types know, that doesn’t matter :)

User Interface Engineering Jared Spool is a local UX celebrity. His insights about methods, style, and focus inspire user interface designers of all types. And if they don’t, they should. His company, User Interface Engineering and his blog, Brainsparks, are great reads. I always look to Jared Spool when thinking about methods for defining user flow and sketching.

There are many that deserve mention (I’m looking at you Smashing and Mashable) that don’t focus entirely on UI, but are great resources nonetheless, but if I had mentioned them, it wouldn’t be a top 5 list, would it?